@skyscanner/backpack-web 11.0.0 → 11.1.0

package/bpk-component-flare/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-flare",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "Backpack FlareBar and ContentBubble component.",
   "license": "Apache-2.0",
   "repository": {
@@ -17,10 +17,10 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-label": "^6.0.4",
-    "bpk-component-text": "^8.0.4",
+    "bpk-component-label": "^6.0.5",
+    "bpk-component-text": "^8.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-flare/src/bpk-content-bubble.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins';
+@import '~bpk-mixins/index.scss';
 
 .bpk-content-bubble {
   &__pointer {
@@ -50,6 +50,7 @@
 
   &__content-wrapper {
     display: flex;
+
     // flex-direction is required because IE doesn't cope well with
     // flex-row when the parent is flex-col
     flex-direction: column;

package/bpk-component-flare/src/bpk-flare-bar.module.scss

@@ -16,13 +16,14 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;
 
 .bpk-flare-bar {
   &__container {
     position: relative;
+
     // when we use `margin: X%`, the percentage is proportional to the size of the nearest block container's width
     // https://developer.mozilla.org/en-US/docs/Web/CSS/margin
     // By using `display: flex` we ensure that this container is the nearest block container

package/bpk-component-floating-notification/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-floating-notification",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Backpack floating-notification component.",
   "license": "Apache-2.0",
   "repository": {
@@ -13,11 +13,11 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "bpk-component-aria-live": "^3.1.1",
-    "bpk-component-button": "^7.0.4",
-    "bpk-component-text": "^8.0.4",
+    "bpk-component-aria-live": "^3.1.2",
+    "bpk-component-button": "^7.0.5",
+    "bpk-component-text": "^8.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.5.8"
   },
   "peerDependencies": {

package/bpk-component-floating-notification/src/BpkFloatingNotification.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-floating-notification {
   position: absolute;

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-form-validation",
-  "version": "5.0.4",
+  "version": "5.0.5",
   "description": "Backpack form-validation component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-animate-height": "^5.0.4",
+    "bpk-animate-height": "^5.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -24,11 +24,11 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^9.3.0",
-    "bpk-component-button": "^7.0.4",
-    "bpk-component-checkbox": "^5.0.4",
-    "bpk-component-icon": "^10.0.4",
-    "bpk-component-input": "^7.0.4",
-    "bpk-component-select": "^6.0.4",
-    "bpk-component-textarea": "^5.0.4"
+    "bpk-component-button": "^7.0.5",
+    "bpk-component-checkbox": "^5.0.5",
+    "bpk-component-icon": "^10.0.5",
+    "bpk-component-input": "^7.0.5",
+    "bpk-component-select": "^6.0.5",
+    "bpk-component-textarea": "^5.0.5"
   }
 }

package/bpk-component-form-validation/src/BpkFormValidation.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-form-validation {
   @include bpk-form-validation;

package/bpk-component-graphic-promotion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-graphic-promotion",
-  "version": "5.1.2",
+  "version": "5.1.3",
   "description": "Backpack graphic-promotion component.",
   "license": "Apache-2.0",
   "repository": {
@@ -13,10 +13,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "bpk-component-button": "^7.0.4",
-    "bpk-component-text": "^8.0.4",
+    "bpk-component-button": "^7.0.5",
+    "bpk-component-text": "^8.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.5.8"
   },
   "peerDependencies": {

package/bpk-component-graphic-promotion/src/BpkGraphicPromo.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 @mixin aspect-ratio($ratio) {
   padding-top: $ratio;

package/bpk-component-grid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-grid",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "Backpack grid components.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-grid/src/BpkGridColumn.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins';
+@import '~bpk-mixins/index.scss';
 
 .bpk-grid {
   &__column {

package/bpk-component-grid/src/BpkGridContainer.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins';
+@import '~bpk-mixins/index.scss';
 
 .bpk-grid {
   &__container {

package/bpk-component-grid/src/BpkGridRow.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins';
+@import '~bpk-mixins/index.scss';
 
 .bpk-grid {
   &__row {

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-grid-toggle",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "Backpack vertical grid toggle component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-component-link": "^4.0.4",
+    "bpk-component-link": "^4.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-grid-toggle/src/BpkGridToggle.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-vertical-grid {
   &--on {

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-horizontal-nav",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "description": "Backpack horizontal nav component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-mobile-scroll-container": "^4.0.4",
+    "bpk-component-mobile-scroll-container": "^4.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -24,7 +24,7 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^9.3.0",
-    "bpk-component-text": "^8.0.4",
-    "bpk-storybook-utils": "^2.0.4"
+    "bpk-component-text": "^8.0.5",
+    "bpk-storybook-utils": "^2.0.5"
   }
 }

package/bpk-component-horizontal-nav/src/BpkHorizontalNav.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-horizontal-nav {
   &--show-default-underline {

package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;
 
@@ -40,7 +40,7 @@ $bpk-spacing-v2: true;
     background: none;
     text-decoration: none;
     cursor: pointer;
-    fill: currentColor;
+    fill: currentcolor;
 
     &--default {
       @include bpk-themeable-property(

package/bpk-component-icon/README.md

@@ -27,7 +27,7 @@ export default () => (
 
 *`icons.scss`:*
 ```scss
-@import '~bpk-mixins';
+@import '~bpk-mixins/index.scss';
 
 .abc-icon__flight {
   fill: currentColor; // see https://css-tricks.com/currentcolor/

package/bpk-component-icon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-icon",
-  "version": "10.0.4",
+  "version": "10.0.5",
   "description": "Backpack icon components.",
   "license": "Apache-2.0",
   "repository": {
@@ -20,13 +20,13 @@
     "@skyscanner/bpk-foundations-web": "^9.3.0",
     "@skyscanner/bpk-svgs": "^14.4.3",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-component-button": "^7.0.4",
-    "bpk-component-list": "^5.1.1",
-    "bpk-component-text": "^8.0.4"
+    "bpk-component-button": "^7.0.5",
+    "bpk-component-list": "^5.1.2",
+    "bpk-component-text": "^8.0.5"
   },
   "peerDependencies": {
     "react": "^17.0.2"

package/bpk-component-icon/src/BpkIcon.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-icon {
   &--align-to-button {

package/bpk-component-icon/src/withDescription.module.scss

@@ -15,7 +15,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-icon-description {
   @include bpk-visually-hidden;

package/bpk-component-image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-image",
-  "version": "6.0.4",
+  "version": "6.0.5",
   "description": "Backpack image component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,9 +15,9 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^9.3.0",
-    "bpk-component-spinner": "^6.0.4",
+    "bpk-component-spinner": "^6.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2",
     "react-transition-group": "^2.5.3"
   },
@@ -25,7 +25,7 @@
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-mobile-scroll-container": "^4.0.4",
-    "bpk-component-text": "^8.0.4"
+    "bpk-component-mobile-scroll-container": "^4.0.5",
+    "bpk-component-text": "^8.0.5"
   }
 }

package/bpk-component-image/src/BpkBackgroundImage.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 @import './BpkImage.module.scss';
 
 .bpk-background-image {

package/bpk-component-image/src/BpkImage.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 @mixin bpk-image__spinner {
   position: absolute;

package/bpk-component-infinite-scroll/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-infinite-scroll",
-  "version": "5.0.4",
+  "version": "5.0.5",
   "description": "Backpack infinite scroll component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "intersection-observer": "^0.7.0",
     "prop-types": "^15.7.2"
   },
@@ -23,9 +23,9 @@
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-button": "^7.0.4",
-    "bpk-component-list": "^5.1.1",
-    "bpk-component-spinner": "^6.0.4",
-    "bpk-storybook-utils": "^2.0.4"
+    "bpk-component-button": "^7.0.5",
+    "bpk-component-list": "^5.1.2",
+    "bpk-component-spinner": "^6.0.5",
+    "bpk-storybook-utils": "^2.0.5"
   }
 }

package/bpk-component-infinite-scroll/src/withInfiniteScroll.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-sentinel {
   // this is necessary for when the user doesn't define a custom loading component

package/bpk-component-input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-input",
-  "version": "7.0.4",
+  "version": "7.0.5",
   "description": "Backpack input component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,17 +14,17 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-icon": "^10.0.4",
+    "bpk-component-icon": "^10.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^17.0.2"
   },
   "devDependencies": {
-    "bpk-component-banner-alert": "^7.0.4",
-    "bpk-component-label": "^6.0.4",
-    "bpk-storybook-utils": "^2.0.4"
+    "bpk-component-banner-alert": "^7.0.5",
+    "bpk-component-label": "^6.0.5",
+    "bpk-storybook-utils": "^2.0.5"
   }
 }

package/bpk-component-input/src/BpkClearButton.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins';
+@import '~bpk-mixins/index.scss';
 
 .bpk-clear-button {
   padding: 0;
@@ -35,6 +35,6 @@
   }
 
   &__icon {
-    fill: currentColor;
+    fill: currentcolor;
   }
 }

package/bpk-component-input/src/BpkInput.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;
 

package/bpk-component-label/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-label",
-  "version": "6.0.4",
+  "version": "6.0.5",
   "description": "Backpack label component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-label/src/BpkLabel.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-label {
   @include bpk-label;

package/bpk-component-link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-link",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "Backpack link component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -23,6 +23,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^9.3.0",
-    "bpk-storybook-utils": "^2.0.4"
+    "bpk-storybook-utils": "^2.0.5"
   }
 }

package/bpk-component-link/src/BpkLink.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-link {
   @include bpk-link;

package/bpk-component-list/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-list",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "description": "Backpack list component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-list/src/BpkList.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 .bpk-list {
   @include bpk-list;

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-loading-button",
-  "version": "7.0.4",
+  "version": "7.0.5",
   "description": "Backpack loading button component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,15 +14,15 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-button": "^7.0.4",
-    "bpk-component-icon": "^10.0.4",
-    "bpk-component-spinner": "^6.0.4",
+    "bpk-component-button": "^7.0.5",
+    "bpk-component-icon": "^10.0.5",
+    "bpk-component-spinner": "^6.0.5",
     "bpk-mixins": "^31.6.3",
-    "bpk-react-utils": "^7.0.0",
+    "bpk-react-utils": "^7.0.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-storybook-utils": "^2.0.4"
+    "bpk-storybook-utils": "^2.0.5"
   },
   "peerDependencies": {
     "react": "^17.0.2"

package/bpk-component-loading-button/src/BpkLoadingButton.module.scss

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-@import '~bpk-mixins/index';
+@import '~bpk-mixins/index.scss';
 
 $bpk-spacing-v2: true;