@skyscanner/backpack-web 0.0.6 → 0.3.0

package/bpk-component-calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-calendar",
-  "version": "11.1.1",
+  "version": "11.1.11",
   "description": "Backpack calendar component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,12 +14,12 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^5.0.0",
-    "bpk-component-aria-live": "^2.1.1",
-    "bpk-component-icon": "^9.2.1",
-    "bpk-component-select": "^5.1.0",
-    "bpk-mixins": "^26.1.0",
-    "bpk-react-utils": "^4.1.0",
+    "@skyscanner/bpk-foundations-web": "^6.2.0",
+    "bpk-component-aria-live": "^2.1.11",
+    "bpk-component-icon": "^9.2.7",
+    "bpk-component-select": "^5.1.6",
+    "bpk-mixins": "^29.0.0",
+    "bpk-react-utils": "^4.1.1",
     "date-fns": "^2.21.1",
     "prop-types": "^15.7.2"
   },
@@ -27,8 +27,8 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^5.1.0",
-    "bpk-component-text": "^6.1.1",
-    "bpk-storybook-utils": "^1.1.0"
+    "bpk-component-button": "^6.2.1",
+    "bpk-component-text": "^7.0.0",
+    "bpk-storybook-utils": "^1.1.5"
   }
 }

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

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

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

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

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

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+
 import { cssModules, deprecated, isDeviceIos } from '../../bpk-react-utils';
 
 import BpkCalendarGridHeader from './BpkCalendarGridHeader';
@@ -111,7 +112,7 @@ class BpkCalendarGrid extends Component {
     const classNames = getClassName('bpk-calendar-grid', className);
 
     return (
-      <table className={classNames} aria-hidden={!isKeyboardFocusable}>
+      <div className={classNames} aria-hidden={!isKeyboardFocusable}>
         <caption className={getClassName('bpk-calendar-grid__caption')} hidden>
           {formatMonth(month)}
         </caption>
@@ -120,7 +121,7 @@ class BpkCalendarGrid extends Component {
           daysOfWeek={daysOfWeek}
           weekStartsOn={weekStartsOn}
         />
-        <tbody>
+        <div>
           {calendarMonthWeeks.map((dates) => (
             <Week
               key={formatIsoDate(dates[0])}
@@ -147,8 +148,8 @@ class BpkCalendarGrid extends Component {
               cellClassName={cellClassName}
             />
           ))}
-        </tbody>
-      </table>
+        </div>
+      </div>
     );
   }
 }

package/bpk-component-calendar/src/BpkCalendarGrid.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-calendar-grid{width:100%;border-collapse:separate;border-spacing:0}.bpk-calendar-grid--animating{z-index:1;transition:transform 0.2s ease-in-out}.bpk-calendar-grid__caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-calendar-grid__date{display:table-cell;width:100%;padding:0;text-align:center;vertical-align:middle}.bpk-calendar-grid__date--start{background-image:linear-gradient(to right, #fff 50%, #cddff8 50%)}.bpk-calendar-grid__date--middle{background-color:#cddff8}.bpk-calendar-grid__date--end{background-image:linear-gradient(to left, #fff 50%, #cddff8 50%)}.bpk-calendar-grid__week{display:table;width:100%;padding-top:1.5rem;table-layout:fixed}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-calendar-grid{width:100%;border-collapse:separate;border-spacing:0}.bpk-calendar-grid--animating{z-index:1;transition:transform 0.2s ease-in-out}.bpk-calendar-grid__caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-calendar-grid__date{width:100%;text-align:center}.bpk-calendar-grid__date--start{background-image:linear-gradient(to right, #fff 50%, #cddff8 50%)}.bpk-calendar-grid__date--middle{background-color:#cddff8}.bpk-calendar-grid__date--end{background-image:linear-gradient(to left, #fff 50%, #cddff8 50%)}.bpk-calendar-grid__week{display:flex;padding-top:1.5rem}

package/bpk-component-calendar/src/BpkCalendarGrid.module.scss

@@ -34,11 +34,8 @@
   }
 
   &__date {
-    display: table-cell;
     width: 100%;
-    padding: 0;
     text-align: center;
-    vertical-align: middle;
 
     &--start {
       background-image: linear-gradient(
@@ -60,11 +57,8 @@
       );
     }
   }
-
   &__week {
-    display: table;
-    width: 100%;
+    display: flex;
     padding-top: bpk-spacing-lg();
-    table-layout: fixed;
   }
 }

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

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

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

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+
 import { cssModules, isRTL } from '../../bpk-react-utils';
 
 import {

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

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 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';

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

@@ -18,6 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+
 import { cssModules, deprecated } from '../../bpk-react-utils';
 
 import {
@@ -317,7 +318,7 @@ class Week extends Component {
     }
 
     return (
-      <tr className={getClassName('bpk-calendar-grid__week')}>
+      <div className={getClassName('bpk-calendar-grid__week')}>
         {this.props.dates.map((date) => {
           const isBlocked =
             minDate && maxDate
@@ -360,7 +361,7 @@ class Week extends Component {
             </DateContainer>
           );
         })}
-      </tr>
+      </div>
     );
   }
 }
@@ -431,9 +432,9 @@ const DateContainer = (props) => {
   );
 
   return (
-    <td aria-hidden={isEmptyCell || isBlocked} className={classNames}>
+    <div aria-hidden={isEmptyCell || isBlocked} className={classNames}>
       {children}
-    </td>
+    </div>
   );
 };
 

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

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

package/bpk-component-calendar/src/custom-proptypes.js

@@ -20,8 +20,8 @@ import PropTypes from 'prop-types';
 
 import { isBefore, isSameDay } from './date-utils';
 
-const DateType = (key) => (props) => {
-  const { endDate, startDate } = props[key];
+const DateType = () => (props) => {
+  const { endDate, startDate } = props;
 
   // No range selected
   if (!startDate && !endDate) {
@@ -30,9 +30,7 @@ const DateType = (key) => (props) => {
 
   // End date without a start date is not allowed
   if (!startDate && endDate) {
-    return new Error(
-      `Cannot specify \`endDate\` without \`startDate\` in ${key}.`,
-    );
+    return new Error(`Cannot specify \`endDate\` without \`startDate\`.`);
   }
 
   // Start date without an end date is always valid
@@ -43,7 +41,7 @@ const DateType = (key) => (props) => {
   // Start date cannot be after end date
   if (isBefore(endDate, startDate) && !isSameDay(endDate, startDate)) {
     return new Error(
-      `Start date \`${startDate}\` cannot be after end date \`${endDate}\` in \`props.${key}\`.`,
+      `Start date \`${startDate}\` cannot be after end date \`${endDate}\`.`,
     );
   }
 
@@ -62,8 +60,8 @@ const SelectionConfigurationSingle = PropTypes.shape({
 
 const SelectionConfigurationRange = PropTypes.shape({
   type: PropTypes.oneOf([CALENDAR_SELECTION_TYPE.range]),
-  startDate: DateType('selectionConfiguration'),
-  endDate: DateType('selectionConfiguration'),
+  startDate: DateType(),
+  endDate: DateType(),
 });
 
 const SelectionConfiguration = PropTypes.oneOfType([

package/bpk-component-card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-card",
-  "version": "4.1.1",
+  "version": "4.1.7",
   "description": "Backpack card component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-mixins": "^26.1.0",
-    "bpk-react-utils": "^4.1.0",
+    "bpk-mixins": "^29.0.0",
+    "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-component-link": "^3.1.0",
-    "bpk-component-text": "^6.1.1"
+    "bpk-component-link": "^3.1.6",
+    "bpk-component-text": "^7.0.0"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

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

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

package/bpk-component-checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-checkbox",
-  "version": "4.1.1",
+  "version": "4.1.8",
   "description": "Backpack checkbox component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,16 +14,16 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.1",
-    "bpk-mixins": "^26.1.0",
-    "bpk-react-utils": "^4.1.0",
+    "bpk-component-icon": "^9.2.7",
+    "bpk-mixins": "^29.0.0",
+    "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^5.0.0",
-    "bpk-storybook-utils": "^1.1.0"
+    "@skyscanner/bpk-foundations-web": "^6.2.0",
+    "bpk-storybook-utils": "^1.1.5"
   }
 }

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

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

package/bpk-component-chip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-chip",
-  "version": "5.2.1",
+  "version": "5.2.9",
   "description": "Backpack chip component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,16 +14,16 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-icon": "^9.2.1",
-    "bpk-mixins": "^26.1.0",
-    "bpk-react-utils": "^4.1.0",
+    "bpk-component-icon": "^9.2.7",
+    "bpk-mixins": "^29.0.0",
+    "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-aria-live": "^2.1.1",
-    "bpk-component-text": "^6.1.1"
+    "bpk-component-aria-live": "^2.1.11",
+    "bpk-component-text": "^7.0.0"
   }
 }

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

@@ -25,6 +25,7 @@ of a close icon.
 */
 
 import React from 'react';
+
 import CloseCircleIconSm from '../../bpk-component-icon/sm/close-circle';
 
 import BpkSelectableChip from './BpkSelectableChip';

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

@@ -20,6 +20,7 @@
 
 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';
 

package/bpk-component-close-button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-close-button",
-  "version": "3.1.1",
+  "version": "3.1.7",
   "description": "Backpack close button component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.1",
-    "bpk-mixins": "^26.1.0",
-    "bpk-react-utils": "^4.1.0",
+    "bpk-component-icon": "^9.2.7",
+    "bpk-mixins": "^29.0.0",
+    "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.0"
+    "bpk-storybook-utils": "^1.1.5"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

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

@@ -20,6 +20,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';
 

package/bpk-component-code/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-code",
-  "version": "3.1.0",
+  "version": "3.1.6",
   "description": "Backpack code component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^26.1.0",
-    "bpk-react-utils": "^4.1.0",
+    "bpk-mixins": "^29.0.0",
+    "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

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

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

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

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

package/bpk-component-content-container/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-content-container",
-  "version": "4.1.0",
+  "version": "5.0.0",
   "description": "Backpack content container component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^26.1.0",
-    "bpk-react-utils": "^4.1.0",
+    "bpk-mixins": "^29.0.0",
+    "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

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

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

package/bpk-component-datatable/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datatable",
-  "version": "4.1.1",
+  "version": "4.1.7",
   "description": "Backpack datatable component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.1",
-    "bpk-mixins": "^26.1.0",
-    "bpk-react-utils": "^4.1.0",
+    "bpk-component-icon": "^9.2.7",
+    "bpk-mixins": "^29.0.0",
+    "bpk-react-utils": "^4.1.1",
     "lodash": "^4.17.20",
     "prop-types": "^15.7.2",
     "react-virtualized": "^9.22.3"
@@ -25,6 +25,6 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^5.0.0"
+    "@skyscanner/bpk-foundations-web": "^6.2.0"
   }
 }

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

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

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

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

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

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

package/bpk-component-datepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datepicker",
-  "version": "15.2.1",
+  "version": "15.2.11",
   "description": "Backpack datepicker component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,20 +14,20 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-breakpoint": "^3.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",
+    "bpk-component-breakpoint": "^3.1.6",
+    "bpk-component-calendar": "^11.1.11",
+    "bpk-component-input": "^6.1.9",
+    "bpk-component-modal": "^3.1.8",
+    "bpk-component-popover": "^4.1.9",
+    "bpk-mixins": "^29.0.0",
+    "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^5.0.0",
-    "bpk-storybook-utils": "^1.1.0"
+    "@skyscanner/bpk-foundations-web": "^6.2.0",
+    "bpk-storybook-utils": "^1.1.5"
   }
 }

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

@@ -16,12 +16,13 @@
  * limitations under the License.
  */
 
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+
 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 {
   composeCalendar,

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-description-list",
-  "version": "3.1.0",
+  "version": "3.1.6",
   "description": "Backpack description list component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,8 +14,8 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^26.1.0",
-    "bpk-react-utils": "^4.1.0",
+    "bpk-mixins": "^29.0.0",
+    "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

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

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

package/bpk-component-dialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-dialog",
-  "version": "4.1.1",
+  "version": "4.1.7",
   "description": "Backpack dialog component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,19 +14,19 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "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",
+    "bpk-component-close-button": "^3.1.7",
+    "bpk-component-flare": "^2.1.7",
+    "bpk-mixins": "^29.0.0",
+    "bpk-react-utils": "^4.1.1",
+    "bpk-scrim-utils": "^5.1.5",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^5.1.0",
-    "bpk-component-icon": "^9.2.1",
-    "bpk-component-text": "^6.1.1"
+    "bpk-component-button": "^6.2.1",
+    "bpk-component-icon": "^9.2.7",
+    "bpk-component-text": "^7.0.0"
   }
 }