@skyscanner/backpack-web 2.0.1 → 3.1.0

package/bpk-component-price/src/BpkPrice.module.scss

@@ -0,0 +1,55 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@import '~bpk-mixins/index';
+
+.bpk-price {
+  display: flex;
+  flex-direction: column;
+
+  &--small {
+    text-align: right;
+
+    @include bpk-rtl {
+      text-align: left;
+    }
+  }
+
+  &__subtitle {
+    color: $bpk-color-sky-gray-tint-02;
+    text-decoration-line: line-through;
+  }
+
+  &__titleColumn {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__description {
+    color: $bpk-color-sky-gray-tint-02;
+
+    &Spacing {
+      margin-left: bpk-spacing-sm();
+
+      @include bpk-rtl {
+        margin-right: bpk-spacing-sm();
+        margin-left: unset;
+      }
+    }
+  }
+}

package/bpk-component-progress/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "bpk-component-progress",
+  "version": "3.1.10",
+  "description": "Backpack progress bar component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "lodash.clamp": "^4.0.3",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "bpk-component-button": "^6.2.5",
+    "bpk-storybook-utils": "^1.1.9"
+  }
+}

package/bpk-component-radio/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "bpk-component-radio",
+  "version": "3.1.11",
+  "description": "Backpack radio button component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-storybook-utils": "^1.1.9"
+  }
+}

package/bpk-component-rating/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "bpk-component-rating",
+  "version": "5.0.1",
+  "description": "Backpack rating component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "lodash.clamp": "^4.0.3",
+    "prop-types": "^15.5.8"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-component-text": "^7.0.4"
+  }
+}

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

@@ -103,7 +103,12 @@ const BpkRating = (props: Props) => {
 
   return (
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    <div className={classNames.join(' ')} aria-label={ariaLabel} {...rest}>
+    <div
+      className={classNames.join(' ')}
+      aria-label={ariaLabel}
+      role="figure"
+      {...rest}
+    >
       <BpkText
         textStyle={valueTextSize}
         tagName="span"

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

@@ -0,0 +1,24 @@
+{
+  "name": "bpk-component-rtl-toggle",
+  "version": "3.1.10",
+  "description": "Backpack RTL toggle component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "bpk-component-link": "^3.1.10",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

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

@@ -0,0 +1,32 @@
+{
+  "name": "bpk-component-scrollable-calendar",
+  "version": "6.1.15",
+  "description": "Backpack scrollable calendar component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
+  "dependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-component-calendar": "^11.1.15",
+    "bpk-component-text": "^7.0.4",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "date-fns": "^2.21.1",
+    "prop-types": "^15.5.8",
+    "react-virtualized": "^9.22.3"
+  },
+  "devDependencies": {
+    "bpk-storybook-utils": "^1.1.9"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

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

@@ -0,0 +1,30 @@
+{
+  "name": "bpk-component-section-list",
+  "version": "3.2.11",
+  "description": "Backpack section list component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-component-icon": "^9.2.11",
+    "bpk-component-text": "^7.0.4",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "devDependencies": {
+    "bpk-storybook-utils": "^1.1.9"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-select/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "bpk-component-select",
+  "version": "5.1.10",
+  "description": "Backpack select component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "devDependencies": {
+    "bpk-storybook-utils": "^1.1.9"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

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

@@ -0,0 +1,24 @@
+{
+  "name": "bpk-component-skip-link",
+  "version": "2.1.10",
+  "description": "Backpack skip-link component.",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "license": "Apache-2.0",
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.5.8"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e"
+}

package/bpk-component-slider/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "bpk-component-slider",
+  "version": "3.1.10",
+  "description": "Backpack slider component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2",
+    "react-slider": "^1.3.1"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "bpk-component-rtl-toggle": "^3.1.10"
+  }
+}

package/bpk-component-spinner/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "bpk-component-spinner",
+  "version": "5.1.10",
+  "description": "Backpack spinner components.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "@skyscanner/bpk-svgs": "^14.1.9",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

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

@@ -0,0 +1,29 @@
+{
+  "name": "bpk-component-star-rating",
+  "version": "3.1.11",
+  "description": "Backpack rating star component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "bpk-component-icon": "^9.2.11",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "bpk-component-table": "^3.1.10",
+    "bpk-storybook-utils": "^1.1.9"
+  }
+}

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

@@ -93,7 +93,12 @@ const BpkStarRating = (props: Props) => {
       : ratingLabel(rating, maxRating);
 
   return (
-    <div {...rest} aria-label={label} className={classNames.join(' ')}>
+    <div
+      {...rest}
+      role="img"
+      aria-label={label}
+      className={classNames.join(' ')}
+    >
       {stars}
     </div>
   );

package/bpk-component-switch/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "bpk-component-switch",
+  "version": "2.1.11",
+  "description": "Backpack switch component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.5.8"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-table/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "bpk-component-table",
+  "version": "3.1.10",
+  "description": "Backpack table component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-text/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "bpk-component-text",
+  "version": "7.0.4",
+  "description": "Backpack text component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-textarea/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "bpk-component-textarea",
+  "version": "4.2.10",
+  "description": "Backpack textarea component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "devDependencies": {
+    "bpk-component-label": "^5.1.10",
+    "bpk-storybook-utils": "^1.1.9"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

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

@@ -0,0 +1,27 @@
+{
+  "name": "bpk-component-theme-toggle",
+  "version": "3.1.11",
+  "description": "Backpack theme toggle component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-component-label": "^5.1.10",
+    "bpk-component-select": "^5.1.10",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-theme-toggle/src/BpkThemeToggle.js

@@ -17,7 +17,6 @@
  */
 
 import React from 'react';
-import Konami from 'konami';
 
 import BpkLabel from '../../bpk-component-label';
 import BpkSelect from '../../bpk-component-select';
@@ -48,17 +47,10 @@ class BpkThemeToggle extends React.Component {
 
   componentDidMount() {
     document.addEventListener('keydown', this.handleKeyDown);
-    this.easterEgg = new Konami(() => {
-      this.konamiInterval = setInterval(this.cycleTheme, 200);
-    });
   }
 
   componentWillUnmount() {
     document.removeEventListener('keydown', this.handleKeyDown);
-
-    if (this.konamiInterval) {
-      clearInterval(this.konamiInterval);
-    }
   }
 
   handleKeyDown = (e) => {

package/bpk-component-ticket/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "bpk-component-ticket",
+  "version": "4.1.11",
+  "description": "Backpack ticket component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "bpk-component-button": "^6.2.5",
+    "bpk-component-icon": "^9.2.11"
+  }
+}

package/bpk-component-tooltip/README.md

@@ -39,7 +39,7 @@ const App = () => (
 | padded                | bool                                           | false    | true                |
 | portalStyle           | object                                         | false    | null                |
 | portalClassName       | string                                         | false    | null                |
-| popperModifiers       | object                                         | false    | null                |
+| popperModifiers       | arrayOf(object)                                | false    | null                |
 | renderTarget          | func                                           | false    | null                |
 | type                  | oneOf(`TOOLTIP_TYPES.light`, `TOOLTIP_TYPES.dark`) | false    | `TOOLTIP_TYPES.light` |
 
@@ -53,4 +53,4 @@ The label will be used on the `target` element, so any existing `aria-label` att
 
 #### `popperModifiers`
 
-Please refer to the [documentation](https://github.com/FezVrasta/popper.js/blob/v1.12.9/docs/_includes/popper-documentation.md#modifiers) for the underlying positioning library "Popper.js". You can achieve various behaviours such as allowing the tooltip to overflow the viewport etc.
+Please refer to the [documentation](https://popper.js.org/docs/v2/modifiers/) for the underlying positioning library "Popper.js". You can achieve various behaviours such as allowing the tooltip to overflow the viewport etc.

package/bpk-component-tooltip/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "bpk-component-tooltip",
+  "version": "7.0.0",
+  "description": "Backpack tooltip component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "@popperjs/core": "^2.11.5",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-component-text": "^7.0.4"
+  }
+}

package/bpk-component-tooltip/src/BpkTooltip.js

@@ -72,7 +72,12 @@ const BpkTooltip = (props: TooltipProps) => {
         className={classNames}
         {...rest}
       >
-        <span id={ARROW_ID} className={arrowClassNames} role="presentation" />
+        <span
+          id={ARROW_ID}
+          data-popper-arrow
+          className={arrowClassNames}
+          role="presentation"
+        />
         <div className={innerClassNames}>{children}</div>
       </section>
     </TransitionInitialMount>