@skyscanner/backpack-web 0.0.1 → 0.0.4

package/bpk-component-nudger/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-nudger",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "description": "Backpack nudger component.",
   "license": "Apache-2.0",
   "repository": {
@@ -16,7 +16,7 @@
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^5.0.0",
     "bpk-component-button": "^5.1.0",
-    "bpk-component-icon": "^9.2.0",
+    "bpk-component-icon": "^9.2.1",
     "bpk-mixins": "^26.1.0",
     "bpk-react-utils": "^4.1.0",
     "lodash.clamp": "^4.0.3",

package/bpk-component-nudger/src/BpkConfigurableNudger.js

@@ -21,12 +21,12 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import BpkButtonSecondary from 'bpk-component-button/BpkButtonSecondary';
-import BpkButtonOutline from 'bpk-component-button/BpkButtonOutline';
-import { withButtonAlignment } from 'bpk-component-icon';
-import MinusIcon from 'bpk-component-icon/sm/minus';
-import PlusIcon from 'bpk-component-icon/sm/plus';
-import { cssModules } from 'bpk-react-utils';
+import BpkButtonSecondary from '../../bpk-component-button/BpkButtonSecondary';
+import BpkButtonOutline from '../../bpk-component-button/BpkButtonOutline';
+import { withButtonAlignment } from '../../bpk-component-icon';
+import MinusIcon from '../../bpk-component-icon/sm/minus';
+import PlusIcon from '../../bpk-component-icon/sm/plus';
+import { cssModules } from '../../bpk-react-utils';
 
 import {
   type CommonProps,

package/bpk-component-nudger/src/BpkNudger.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 BpkConfigurableNudger from './BpkConfigurableNudger';
 import {

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

@@ -18,6 +18,6 @@
 
 /* @flow strict */
 
-import { secondaryThemeAttributes as themeAttributes } from 'bpk-component-button/themeAttributes';
+import { secondaryThemeAttributes as themeAttributes } from '../../bpk-component-button/themeAttributes';
 
 export default themeAttributes;

package/bpk-component-overlay/examples.js

@@ -18,13 +18,13 @@
 /* @flow strict */
 
 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 BpkImage, {
   withLazyLoading,
   withLoadingBehavior,
   BORDER_RADIUS_STYLES as IMAGE_BORDER_RADIUS_STYLES,
-} from 'bpk-component-image';
+} from '../../bpk-component-image';
 
 import STYLES from './examples.module.scss';
 

package/bpk-component-overlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-overlay",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Backpack overlay component.",
   "license": "Apache-2.0",
   "repository": {
@@ -21,8 +21,8 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-image": "^5.1.0",
-    "bpk-component-text": "^6.1.0"
+    "bpk-component-image": "^5.1.1",
+    "bpk-component-text": "^6.1.1"
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8"
 }

package/bpk-component-overlay/src/BpkOverlay.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 './BpkOverlay.module.scss';
 
@@ -57,7 +57,7 @@ const BpkOverlay = (props: Props) => {
   const overlayClassNames = getClassName(
     'bpk-overlay__overlay',
     borderRadiusStyle === BORDER_RADIUS_STYLES.sm &&
-      'bpk-overlay__overlay--border-radius-sm',
+    'bpk-overlay__overlay--border-radius-sm',
     overlayType === OVERLAY_TYPES.tint && 'bpk-overlay__overlay--tint',
   );
 

package/bpk-component-pagination/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-pagination",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Backpack pagination component.",
   "license": "Apache-2.0",
   "repository": {
@@ -23,6 +23,6 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-icon": "^9.2.0"
+    "bpk-component-icon": "^9.2.1"
   }
 }

package/bpk-component-pagination/src/BpkPagination.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 BpkPaginationList from './BpkPaginationList';
 import BpkPaginationNudger from './BpkPaginationNudger';

package/bpk-component-pagination/src/BpkPaginationList.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 BpkPaginationPage from './BpkPaginationPage';
 import BpkPaginationBreak from './BpkPaginationBreak';

package/bpk-component-pagination/src/BpkPaginationNudger.js

@@ -18,10 +18,10 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
-import { withButtonAlignment, withRtlSupport } from 'bpk-component-icon';
-import ArrowLeftIcon from 'bpk-component-icon/lg/arrow-left';
-import ArrowRightIcon from 'bpk-component-icon/lg/arrow-right';
+import { cssModules } from '../../bpk-react-utils';
+import { withButtonAlignment, withRtlSupport } from '../../bpk-component-icon';
+import ArrowLeftIcon from '../../bpk-component-icon/lg/arrow-left';
+import ArrowRightIcon from '../../bpk-component-icon/lg/arrow-right';
 
 import STYLES from './BpkPaginationNudger.module.scss';
 

package/bpk-component-pagination/src/BpkPaginationPage.js

@@ -16,10 +16,10 @@
  * limitations under the License.
  */
 
-import BpkButton from 'bpk-component-button';
+import BpkButton from '../../bpk-component-button';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkPaginationPage.module.scss';
 

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

@@ -15,7 +15,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { secondaryThemeAttributes } from 'bpk-component-button';
+import { secondaryThemeAttributes } from '../../bpk-component-button';
 
 export default [
   ...secondaryThemeAttributes,

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

package/bpk-component-phone-input/examples.js

@@ -19,8 +19,8 @@
 /* @flow strict */
 
 import React, { Component } from 'react';
-import BpkFieldSet from 'bpk-component-fieldset';
-import BpkImage from 'bpk-component-image';
+import BpkFieldSet from '../../bpk-component-fieldset';
+import BpkImage from '../../bpk-component-image';
 
 import BpkPhoneInput from './index';
 

package/bpk-component-phone-input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-phone-input",
-  "version": "7.1.0",
+  "version": "7.1.1",
   "description": "Backpack phone input component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,10 +15,10 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^5.0.0",
-    "bpk-component-input": "^6.1.0",
+    "bpk-component-input": "^6.1.1",
     "bpk-component-label": "^5.1.0",
     "bpk-component-select": "^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"
@@ -27,7 +27,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-fieldset": "^4.1.0",
-    "bpk-component-image": "^5.1.0"
+    "bpk-component-fieldset": "^4.1.1",
+    "bpk-component-image": "^5.1.1"
   }
 }

package/bpk-component-phone-input/src/BpkPhoneInput.js

@@ -20,10 +20,10 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
-import BpkInput, { INPUT_TYPES } from 'bpk-component-input';
-import BpkLabel from 'bpk-component-label';
-import BpkSelect from 'bpk-component-select';
+import { cssModules } from '../../bpk-react-utils';
+import BpkInput, { INPUT_TYPES } from '../../bpk-component-input';
+import BpkLabel from '../../bpk-component-label';
+import BpkSelect from '../../bpk-component-select';
 
 import STYLES from './BpkPhoneInput.module.scss';
 

package/bpk-component-popover/examples.js

@@ -20,11 +20,11 @@
 
 import PropTypes from 'prop-types';
 import React, { Component, type Node } from 'react';
-import { cssModules, withDefaultProps } from 'bpk-react-utils';
-import BpkButton from 'bpk-component-button';
-import BpkText from 'bpk-component-text';
-import BpkContentContainer from 'bpk-component-content-container';
-import BpkInput, { withOpenEvents } from 'bpk-component-input';
+import { cssModules, withDefaultProps } from '../bpk-react-utils';
+import BpkButton from '../../bpk-component-button';
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+import BpkContentContainer from '../../bpk-component-content-container';
+import BpkInput, { withOpenEvents } from '../../bpk-component-input';
 
 import STYLES from './examples.module.scss';
 
@@ -35,7 +35,7 @@ const getClassName = cssModules(STYLES);
 const EnhancedInput = withOpenEvents(BpkInput);
 
 const Paragraph = withDefaultProps(BpkText, {
-  textStyle: 'base',
+  textStyle: TEXT_STYLES.bodyDefault,
   tagName: 'p',
   className: getClassName('bpk-popover-paragraph'),
 });

package/bpk-component-popover/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-popover",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "description": "Backpack popover component.",
   "license": "Apache-2.0",
   "repository": {
@@ -17,9 +17,9 @@
     "@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.0",
+    "bpk-component-close-button": "^3.1.1",
     "bpk-component-link": "^3.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"
@@ -30,6 +30,6 @@
   "devDependencies": {
     "bpk-component-button": "^5.1.0",
     "bpk-component-content-container": "^4.1.0",
-    "bpk-component-input": "^6.1.0"
+    "bpk-component-input": "^6.1.1"
   }
 }

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

@@ -20,10 +20,10 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import BpkText, { WEIGHT_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';
@@ -111,7 +111,7 @@ const BpkPopover = (props: Props) => {
         />
         {labelAsTitle ? (
           <header className={getClassName('bpk-popover__header')}>
-            <BpkText tagName="h2" id={labelId} weight={WEIGHT_STYLES.bold}>
+            <BpkText tagName="h2" id={labelId} textStyle={TEXT_STYLES.label1}>
               {label}
             </BpkText>
             &nbsp;

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

@@ -22,7 +22,7 @@ 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/examples.js

@@ -19,8 +19,8 @@
 /* @flow strict */
 
 import React, { Component } from 'react';
-import BpkButton from 'bpk-component-button';
-import { cssModules } from 'bpk-react-utils';
+import BpkButton from '../../bpk-component-button';
+import { cssModules } from '../bpk-react-utils';
 
 import STYLES from './examples.module.scss';
 

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

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

package/bpk-component-rating/examples.js

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

package/bpk-component-rating/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-rating",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Backpack rating component.",
   "license": "Apache-2.0",
   "repository": {
@@ -24,6 +24,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^5.0.0",
-    "bpk-component-text": "^6.1.0"
+    "bpk-component-text": "^6.1.1"
   }
 }

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

@@ -20,8 +20,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import clamp from 'lodash.clamp';
-import { cssModules } from 'bpk-react-utils';
-import BpkText, { WEIGHT_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';
@@ -90,11 +90,14 @@ const BpkRating = (props: Props) => {
   const textWrapperStyles = [getClassName('bpk-rating__text-wrapper')];
   const textStyles = [getClassName('bpk-rating__text')];
 
-  let textSize = 'base';
+  let titleTextSize = TEXT_STYLES.bodyDefault;
+  let valueTextSize = TEXT_STYLES.label1;
   if (size === RATING_SIZES.lg) {
-    textSize = 'lg';
+    titleTextSize = TEXT_STYLES.bodyLongform;
+    valueTextSize = TEXT_STYLES.heading4;
   } else if (size === RATING_SIZES.sm) {
-    textSize = 'sm';
+    titleTextSize = TEXT_STYLES.footnote;
+    valueTextSize = TEXT_STYLES.label2;
   }
 
   const minValue = getMinValue();
@@ -131,18 +134,17 @@ const BpkRating = (props: Props) => {
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
     <div className={classNames.join(' ')} aria-label={ariaLabel} {...rest}>
       <BpkText
-        textStyle={textSize}
+        textStyle={valueTextSize}
         tagName="span"
         className={scoreStyles.join(' ')}
         aria-hidden="true"
-        weight={WEIGHT_STYLES.bold}
       >
         {adjustedValue}
       </BpkText>
       <div className={textWrapperStyles.join(' ')}>
         <BpkText
           className={textStyles.join(' ')}
-          textStyle={textSize}
+          textStyle={titleTextSize}
           tagName="span"
           aria-hidden="true"
         >
@@ -152,7 +154,11 @@ const BpkRating = (props: Props) => {
         {subtitle && type !== RATING_TYPES.pill && (
           <BpkText
             className={textStyles.join(' ')}
-            textStyle={size === RATING_SIZES.lg ? 'sm' : 'xs'}
+            textStyle={
+              size === RATING_SIZES.lg
+                ? TEXT_STYLES.footnote
+                : TEXT_STYLES.caption
+            }
             tagName="span"
             aria-hidden="true"
           >

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

@@ -18,7 +18,7 @@
 
 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,7 @@
  */
 
 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/examples.js

@@ -25,7 +25,7 @@ import {
   DateUtils,
   CustomPropTypes,
   CALENDAR_SELECTION_TYPE,
-} from 'bpk-component-calendar';
+} from '../../bpk-component-calendar';
 
 import {
   formatDateFull,

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.0",
+  "version": "6.1.1",
   "description": "Backpack scrollable calendar component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,8 +15,8 @@
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^5.0.0",
-    "bpk-component-calendar": "^11.1.0",
-    "bpk-component-text": "^6.1.0",
+    "bpk-component-calendar": "^11.1.1",
+    "bpk-component-text": "^6.1.1",
     "bpk-mixins": "^26.1.0",
     "bpk-react-utils": "^4.1.0",
     "date-fns": "^2.21.1",

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

@@ -21,7 +21,7 @@ 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,12 @@
  */
 
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
-import BpkText 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';
 
@@ -38,8 +38,7 @@ const BpkScrollableCalendarGrid = (props) => {
       <BpkText
         className={getClassName('bpk-scrollable-calendar-grid__title')}
         tagName="h1"
-        textStyle="lg"
-        weight="bold"
+        textStyle={TEXT_STYLES.heading4}
       >
         {props.formatMonth(month)}
       </BpkText>

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

@@ -18,8 +18,8 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules, deprecated } from 'bpk-react-utils';
-import { DateUtils, BpkCalendarGridPropTypes } from 'bpk-component-calendar';
+import { cssModules, deprecated } from '../../bpk-react-utils';
+import { DateUtils, BpkCalendarGridPropTypes } from '../../bpk-component-calendar';
 import { startOfDay, startOfMonth } from 'date-fns';
 import {
   AutoSizer,

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.0",
+  "version": "3.2.1",
   "description": "Backpack section list component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,8 +15,8 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^5.0.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",
     "bpk-mixins": "^26.1.0",
     "bpk-react-utils": "^4.1.0",
     "prop-types": "^15.7.2"