@skyscanner/backpack-web 6.1.0 → 8.0.0

package/bpk-animate-height/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-animate-height",
-  "version": "4.1.12",
+  "version": "4.1.13",
   "description": "Animate height using CSS transitions.",
   "license": "Apache-2.0",
   "repository": {
@@ -21,6 +21,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-button": "^6.2.7"
+    "bpk-component-button": "^6.2.8"
   }
 }

package/bpk-component-accordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-accordion",
-  "version": "5.0.13",
+  "version": "5.0.14",
   "description": "Backpack accordion component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,11 +14,11 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-animate-height": "^4.1.12",
-    "bpk-component-icon": "^9.2.13",
-    "bpk-component-text": "^7.0.6",
+    "bpk-animate-height": "^4.1.13",
+    "bpk-component-icon": "^9.2.14",
+    "bpk-component-text": "^7.0.7",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -26,6 +26,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-checkbox": "^4.1.14"
+    "bpk-component-checkbox": "^4.1.15"
   }
 }

package/bpk-component-aria-live/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-aria-live",
-  "version": "2.1.19",
+  "version": "2.1.22",
   "description": "Backpack aria-live component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,15 +14,15 @@
   },
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.5.8"
   },
   "devDependencies": {
-    "bpk-component-chip": "^5.2.17",
-    "bpk-component-code": "^3.1.12",
-    "bpk-component-fieldset": "^4.1.19",
-    "bpk-component-select": "^5.1.12",
-    "bpk-component-switch": "^2.1.13"
+    "bpk-component-chip": "^5.2.19",
+    "bpk-component-code": "^3.1.13",
+    "bpk-component-fieldset": "^4.1.22",
+    "bpk-component-select": "^5.1.13",
+    "bpk-component-switch": "^2.1.14"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-autosuggest/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-autosuggest",
-  "version": "6.1.17",
+  "version": "6.1.19",
   "description": "Backpack autosuggest component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-input": "^6.1.17",
+    "bpk-component-input": "^6.1.19",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2",
     "react-autosuggest": "^9.4.3"
   },
@@ -24,6 +24,6 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-icon": "^9.2.13"
+    "bpk-component-icon": "^9.2.14"
   }
 }

package/bpk-component-badge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-badge",
-  "version": "4.1.13",
+  "version": "4.1.14",
   "description": "Backpack badge component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -23,7 +23,7 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-icon": "^9.2.13",
-    "bpk-storybook-utils": "^1.1.11"
+    "bpk-component-icon": "^9.2.14",
+    "bpk-storybook-utils": "^1.1.12"
   }
 }

package/bpk-component-banner-alert/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-banner-alert",
-  "version": "6.1.17",
+  "version": "6.1.19",
   "description": "Backpack banner alert component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,18 +15,18 @@
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-animate-height": "^4.1.12",
-    "bpk-component-close-button": "^3.1.13",
-    "bpk-component-icon": "^9.2.13",
+    "bpk-animate-height": "^4.1.13",
+    "bpk-component-close-button": "^3.1.14",
+    "bpk-component-icon": "^9.2.14",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2",
     "react-transition-group": "^2.5.3"
   },
   "devDependencies": {
-    "bpk-component-aria-live": "^2.1.19",
-    "bpk-component-button": "^6.2.7",
-    "bpk-storybook-utils": "^1.1.11"
+    "bpk-component-aria-live": "^2.1.22",
+    "bpk-component-button": "^6.2.8",
+    "bpk-storybook-utils": "^1.1.12"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-barchart/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-barchart",
-  "version": "4.2.14",
+  "version": "4.2.15",
   "description": "Backpack bar chart component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,9 +15,9 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-mobile-scroll-container": "^3.1.12",
+    "bpk-component-mobile-scroll-container": "^3.1.13",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "d3-path": "^2.0.0",
     "d3-scale": "^4.0.2",
     "lodash.debounce": "^4.0.8",
@@ -27,9 +27,9 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-breakpoint": "^4.0.4",
-    "bpk-component-content-container": "^5.0.6",
-    "bpk-component-rtl-toggle": "^3.1.12",
-    "bpk-component-text": "^7.0.6"
+    "bpk-component-breakpoint": "^4.0.5",
+    "bpk-component-content-container": "^5.0.7",
+    "bpk-component-rtl-toggle": "^3.1.13",
+    "bpk-component-text": "^7.0.7"
   }
 }

package/bpk-component-blockquote/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-blockquote",
-  "version": "3.1.12",
+  "version": "3.1.13",
   "description": "Backpack blockquote component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-breadcrumb/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-breadcrumb",
-  "version": "3.1.13",
+  "version": "3.1.14",
   "description": "Backpack breadcrumb component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,11 +14,11 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.13",
-    "bpk-component-link": "^3.1.12",
-    "bpk-component-text": "^7.0.6",
+    "bpk-component-icon": "^9.2.14",
+    "bpk-component-link": "^3.1.13",
+    "bpk-component-text": "^7.0.7",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-breakpoint/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-breakpoint",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "Backpack breakpoint component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2",
     "react-responsive": "^6.1.2"
   },

package/bpk-component-button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-button",
-  "version": "6.2.7",
+  "version": "6.2.8",
   "description": "Backpack button component.",
   "license": "Apache-2.0",
   "repository": {
@@ -18,7 +18,7 @@
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.11"
+    "bpk-storybook-utils": "^1.1.12"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-calendar",
-  "version": "11.1.19",
+  "version": "11.2.2",
   "description": "Backpack calendar component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,11 +15,11 @@
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-aria-live": "^2.1.19",
-    "bpk-component-icon": "^9.2.13",
-    "bpk-component-select": "^5.1.12",
+    "bpk-component-aria-live": "^2.1.22",
+    "bpk-component-icon": "^9.2.14",
+    "bpk-component-select": "^5.1.13",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.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": "^6.2.7",
-    "bpk-component-text": "^7.0.6",
-    "bpk-storybook-utils": "^1.1.11"
+    "bpk-component-button": "^6.2.8",
+    "bpk-component-text": "^7.0.7",
+    "bpk-storybook-utils": "^1.1.12"
   }
 }

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

@@ -143,9 +143,6 @@ class BpkCalendarDate extends PureComponent {
     if (isOutside) {
       classNames.push(getClassName('bpk-calendar-date--outside'));
     }
-    if (isToday) {
-      classNames.push(getClassName('bpk-calendar-date--today'));
-    }
 
     if (selectionType !== SELECTION_TYPES.none) {
       classNames.push(getClassName(`bpk-calendar-date--${selectionType}`));

package/bpk-component-calendar/src/BpkCalendarDate.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)}}.bpk-calendar-date{width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:1.125rem;background-color:transparent;font-size:1rem;text-align:center;cursor:pointer;appearance:none;box-sizing:border-box;color:#111236;color:var(--bpk-calendar-date-text-color, #111236)}.bpk-no-touch-support .bpk-calendar-date:hover:not(:active):not(:disabled):not(.bpk-calendar-date--selected){background-color:#f1f2f8;color:#444560;color:var(--bpk-calendar-date-text-hover-color, #444560)}:global(.bpk-no-touch-support) .bpk-calendar-date:hover:not(:active):not(:disabled):not(.bpk-calendar-date--selected){background-color:#f1f2f8;color:#444560;color:var(--bpk-calendar-date-text-hover-color, #444560)}.bpk-calendar-date--colored{color:#fff}.bpk-calendar-date--colored-default{background-color:#68697f}.bpk-calendar-date--colored-positive{background-color:#00a698}.bpk-calendar-date--colored-neutral{background-color:#ffb54d}.bpk-calendar-date--colored-negative{background-color:#d1435b}.bpk-calendar-date:not(.bpk-calendar-date--selected):active{background-color:#dddde5;color:#111236;color:var(--bpk-calendar-date-text-active-color, #111236)}.bpk-calendar-date--outside{background-color:transparent;color:#b2b2bf}.bpk-calendar-date--today{font-weight:bold}.bpk-calendar-date--selected{font-weight:bold;cursor:default;background-color:#084eb2;background-color:var(--bpk-calendar-date-selected-background-color, #084eb2);color:#fff;color:var(--bpk-calendar-date-text-selected-color, #fff)}.bpk-calendar-date--middle{background-color:#cddff8;color:#111236}.bpk-calendar-date--single{background-color:#0770e3}.bpk-calendar-date--start{background-color:#0770e3}.bpk-calendar-date--end{background-color:#0770e3}.bpk-calendar-date--focused:not(:disabled):not(.bpk-calendar-date--selected):not(.bpk-calendar-date--colored){box-shadow:0 0 0 2px #0770e3 inset;box-shadow:0 0 0 2px var(--bpk-calendar-date-focused-border-color, #0770e3) inset;color:#0770e3;color:var(--bpk-calendar-date-text-focus-color, #0770e3)}.bpk-calendar-date--focused:not(:disabled):not(.bpk-calendar-date--selected).bpk-calendar-date--colored{border:0.125rem solid #0770e3;box-shadow:0 0 0 1px #fff inset}.bpk-calendar-date:disabled,.bpk-calendar-date--blocked{background-color:transparent;color:#dddde5;cursor:not-allowed}.bpk-no-touch-support .bpk-calendar-date:disabled:hover:not(:active):not(:disabled),.bpk-no-touch-support .bpk-calendar-date--blocked:hover:not(:active):not(:disabled){color:#dddde5}:global(.bpk-no-touch-support) .bpk-calendar-date:disabled:hover:not(:active):not(:disabled),:global(.bpk-no-touch-support) .bpk-calendar-date--blocked:hover:not(:active):not(:disabled){color:#dddde5}.bpk-calendar-date:disabled:active,.bpk-calendar-date--blocked:active{color:#dddde5}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-calendar-date{width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:1.125rem;background-color:transparent;text-align:center;cursor:pointer;appearance:none;box-sizing:border-box;font-size:1rem;line-height:1.5rem;font-weight:700;color:#111236;color:var(--bpk-calendar-date-text-color, #111236)}.bpk-no-touch-support .bpk-calendar-date:hover:not(:active):not(:disabled):not(.bpk-calendar-date--selected){background-color:#f1f2f8;color:#444560;color:var(--bpk-calendar-date-text-hover-color, #444560)}:global(.bpk-no-touch-support) .bpk-calendar-date:hover:not(:active):not(:disabled):not(.bpk-calendar-date--selected){background-color:#f1f2f8;color:#444560;color:var(--bpk-calendar-date-text-hover-color, #444560)}.bpk-calendar-date--colored{color:#fff}.bpk-calendar-date--colored-default{background-color:#68697f}.bpk-calendar-date--colored-positive{background-color:#00a698}.bpk-calendar-date--colored-neutral{background-color:#ffb54d}.bpk-calendar-date--colored-negative{background-color:#d1435b}.bpk-calendar-date:not(.bpk-calendar-date--selected):active{background-color:#dddde5;color:#111236;color:var(--bpk-calendar-date-text-active-color, #111236)}.bpk-calendar-date--outside{background-color:transparent;color:#b2b2bf}.bpk-calendar-date--selected{cursor:default;background-color:#084eb2;background-color:var(--bpk-calendar-date-selected-background-color, #084eb2);color:#fff;color:var(--bpk-calendar-date-text-selected-color, #fff)}.bpk-calendar-date--middle{background-color:#cddff8;color:#111236}.bpk-calendar-date--single{background-color:#0770e3}.bpk-calendar-date--start{background-color:#0770e3}.bpk-calendar-date--end{background-color:#0770e3}.bpk-calendar-date--focused:not(:disabled):not(.bpk-calendar-date--selected):not(.bpk-calendar-date--colored){box-shadow:0 0 0 2px #0770e3 inset;box-shadow:0 0 0 2px var(--bpk-calendar-date-focused-border-color, #0770e3) inset;color:#0770e3;color:var(--bpk-calendar-date-text-focus-color, #0770e3)}.bpk-calendar-date--focused:not(:disabled):not(.bpk-calendar-date--selected).bpk-calendar-date--colored{border:0.125rem solid #0770e3;box-shadow:0 0 0 1px #fff inset}.bpk-calendar-date:disabled,.bpk-calendar-date--blocked{background-color:transparent;color:#dddde5;cursor:not-allowed}.bpk-no-touch-support .bpk-calendar-date:disabled:hover:not(:active):not(:disabled),.bpk-no-touch-support .bpk-calendar-date--blocked:hover:not(:active):not(:disabled){color:#dddde5}:global(.bpk-no-touch-support) .bpk-calendar-date:disabled:hover:not(:active):not(:disabled),:global(.bpk-no-touch-support) .bpk-calendar-date--blocked:hover:not(:active):not(:disabled){color:#dddde5}.bpk-calendar-date:disabled:active,.bpk-calendar-date--blocked:active{color:#dddde5}

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

@@ -27,12 +27,12 @@ $bpk-spacing-v2: true;
   border: none;
   border-radius: $bpk-border-radius-pill;
   background-color: transparent;
-  font-size: $bpk-font-size-base;
   text-align: center;
   cursor: pointer;
   appearance: none;
   box-sizing: border-box;
 
+  @include bpk-label-1;
   @include bpk-themeable-property(
     color,
     --bpk-calendar-date-text-color,
@@ -86,12 +86,7 @@ $bpk-spacing-v2: true;
     color: $bpk-calendar-day-outside-color;
   }
 
-  &--today {
-    font-weight: bold;
-  }
-
   &--selected {
-    font-weight: bold;
     cursor: default;
 
     @include bpk-themeable-property(

package/bpk-component-calendar/src/BpkCalendarGridHeader.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-header{display:table;width:100%;table-layout:fixed}.bpk-calendar-header--table-head{display:none}.bpk-calendar-header__week{display:table-row;list-style:none;text-align:center;margin:0;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-calendar-header__weekday{display:table-cell;height:2.25rem;padding:0 .5rem;font-weight:normal;box-shadow:0 1px 0 0 #dddde5;vertical-align:middle;box-sizing:content-box}.bpk-calendar-header__weekday--weekend{font-weight:bold}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-calendar-header{display:table;width:100%;table-layout:fixed}.bpk-calendar-header--table-head{display:none}.bpk-calendar-header__week{display:table-row;list-style:none;text-align:center;margin:0;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-calendar-header__weekday{display:table-cell;height:2.25rem;padding:0 .5rem;box-shadow:0 1px 0 0 #dddde5;vertical-align:middle;box-sizing:content-box;font-size:.875rem;line-height:1.25rem;font-weight:400}

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

@@ -41,13 +41,10 @@
     display: table-cell;
     height: $bpk-calendar-day-size;
     padding: 0 $bpk-calendar-day-spacing;
-    font-weight: normal;
     box-shadow: $shadow-bottom;
     vertical-align: middle;
     box-sizing: content-box;
 
-    &--weekend {
-      font-weight: bold;
-    }
+    @include bpk-footnote;
   }
 }

package/bpk-component-card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-card",
-  "version": "4.1.13",
+  "version": "4.1.14",
   "description": "Backpack card component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,12 +15,12 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-component-link": "^3.1.12",
-    "bpk-component-text": "^7.0.6"
+    "bpk-component-link": "^3.1.13",
+    "bpk-component-text": "^7.0.7"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-checkbox",
-  "version": "4.1.14",
+  "version": "4.1.15",
   "description": "Backpack checkbox component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.13",
+    "bpk-component-icon": "^9.2.14",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -24,6 +24,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-storybook-utils": "^1.1.11"
+    "bpk-storybook-utils": "^1.1.12"
   }
 }

package/bpk-component-chip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-chip",
-  "version": "5.2.17",
+  "version": "5.2.19",
   "description": "Backpack chip component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,16 +14,16 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-icon": "^9.2.13",
+    "bpk-component-icon": "^9.2.14",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-aria-live": "^2.1.19",
-    "bpk-component-text": "^7.0.6"
+    "bpk-component-aria-live": "^2.1.22",
+    "bpk-component-text": "^7.0.7"
   }
 }

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-close-button",
-  "version": "3.1.13",
+  "version": "3.1.14",
   "description": "Backpack close button component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.13",
+    "bpk-component-icon": "^9.2.14",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^1.1.11"
+    "bpk-storybook-utils": "^1.1.12"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-code/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-code",
-  "version": "3.1.12",
+  "version": "3.1.13",
   "description": "Backpack code component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-content-container",
-  "version": "5.0.6",
+  "version": "5.0.7",
   "description": "Backpack content container component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-datatable/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datatable",
-  "version": "4.1.13",
+  "version": "4.2.1",
   "description": "Backpack datatable component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.13",
+    "bpk-component-icon": "^9.2.14",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "lodash": "^4.17.20",
     "prop-types": "^15.7.2",
     "react-virtualized": "^9.22.3"

package/bpk-component-datatable/src/BpkDataTable.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)}}.bpk-data-table{width:100%}.bpk-data-table__header-column{display:flex;height:100%;margin:1rem;flex-direction:row;align-items:center;outline-offset:-.25rem}.bpk-data-table__header-column:hover{cursor:pointer}.bpk-data-table__row{display:flex;flex-direction:row;align-items:center;border:1px solid #f1f2f8;border-bottom:none;outline-offset:-.25rem;color:#444560;font-weight:normal}.bpk-data-table__row:last-child{border-bottom:1px solid #f1f2f8}.bpk-data-table__row--clickable:not(.bpk-data-table__header-row):hover{background-color:#f1f2f8;cursor:pointer;box-shadow:6px 0 0 0 #0770e3 inset}html[dir='rtl'] .bpk-data-table__row--clickable:not(.bpk-data-table__header-row):hover{box-shadow:-6px 0 0 0 #0770e3 inset}.bpk-data-table__row--selected{background-color:#dddde5;box-shadow:6px 0 0 0 #0770e3 inset}html[dir='rtl'] .bpk-data-table__row--selected{box-shadow:-6px 0 0 0 #0770e3 inset}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-data-table{width:100%}.bpk-data-table__header-column{display:flex;height:100%;margin:1rem;flex-direction:row;align-items:center;outline-offset:-.25rem;font-size:.875rem;line-height:1.25rem;font-weight:700}.bpk-data-table__header-column:hover{cursor:pointer}.bpk-data-table__row{display:flex;flex-direction:row;align-items:center;border:1px solid #f1f2f8;border-bottom:none;outline-offset:-.25rem;color:#444560;font-size:.875rem;line-height:1.25rem;font-weight:400}.bpk-data-table__row:last-child{border-bottom:1px solid #f1f2f8}.bpk-data-table__row--clickable:not(.bpk-data-table__header-row):hover{background-color:#f1f2f8;cursor:pointer;box-shadow:6px 0 0 0 #0770e3 inset}html[dir='rtl'] .bpk-data-table__row--clickable:not(.bpk-data-table__header-row):hover{box-shadow:-6px 0 0 0 #0770e3 inset}.bpk-data-table__row--selected{background-color:#dddde5;box-shadow:6px 0 0 0 #0770e3 inset}html[dir='rtl'] .bpk-data-table__row--selected{box-shadow:-6px 0 0 0 #0770e3 inset}

package/bpk-component-datatable/src/BpkDataTable.module.scss

@@ -49,6 +49,8 @@ $bpk-border-size-datatable: $bpk-border-size-xl * 2;
     align-items: center;
     outline-offset: -(4 * $bpk-one-pixel-rem);
 
+    @include bpk-label-2;
+
     &:hover {
       cursor: pointer;
     }
@@ -62,7 +64,8 @@ $bpk-border-size-datatable: $bpk-border-size-xl * 2;
     border-bottom: none;
     outline-offset: -(4 * $bpk-one-pixel-rem);
     color: $bpk-color-sky-gray-tint-01;
-    font-weight: normal;
+
+    @include bpk-footnote;
 
     &:last-child {
       border-bottom: $bpk-border-size-sm solid $bpk-color-sky-gray-tint-07;

package/bpk-component-datepicker/README.md

@@ -121,6 +121,10 @@ const CustomPicker = () => (
 
 ## Props
 
+#### inputComponent
+
+`inputComponent` prop is not required. However, if you do pass an `inputComponent` it should be a DOM node with a `ref` attached to it.
+
 For more information on some these props, check the BpkCalendar documentation.
 
 > **Note:** Because this component uses a modal on mobile viewports, you need to let it know what

package/bpk-component-datepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datepicker",
-  "version": "16.0.0",
+  "version": "17.0.0",
   "description": "Backpack datepicker component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-breakpoint": "^4.0.4",
-    "bpk-component-calendar": "^11.1.19",
-    "bpk-component-input": "^6.1.17",
-    "bpk-component-modal": "^5.0.0",
-    "bpk-component-popover": "^6.0.0",
+    "bpk-component-breakpoint": "^4.0.5",
+    "bpk-component-calendar": "^11.2.2",
+    "bpk-component-input": "^6.1.19",
+    "bpk-component-modal": "^5.0.1",
+    "bpk-component-popover": "^7.0.0",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
+    "bpk-react-utils": "^6.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -28,6 +28,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-storybook-utils": "^1.1.11"
+    "bpk-storybook-utils": "^1.1.12"
   }
 }