@skyscanner/backpack-web 0.1.0 → 0.4.0

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

@@ -20,14 +20,15 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import SmallIcon from 'bpk-component-icon/sm/star';
-import LargeIcon from 'bpk-component-icon/lg/star';
-import OutlineSmallIcon from 'bpk-component-icon/sm/star-outline';
-import OutlineLargeIcon from 'bpk-component-icon/lg/star-outline';
-import HalfSmallIcon from 'bpk-component-icon/sm/star-half';
-import HalfLargeIcon from 'bpk-component-icon/lg/star-half';
-import { withRtlSupport } from 'bpk-component-icon';
-import { cssModules } from 'bpk-react-utils';
+
+import SmallIcon from '../../bpk-component-icon/sm/star';
+import LargeIcon from '../../bpk-component-icon/lg/star';
+import OutlineSmallIcon from '../../bpk-component-icon/sm/star-outline';
+import OutlineLargeIcon from '../../bpk-component-icon/lg/star-outline';
+import HalfSmallIcon from '../../bpk-component-icon/sm/star-half';
+import HalfLargeIcon from '../../bpk-component-icon/lg/star-half';
+import { withRtlSupport } from '../../bpk-component-icon';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkStar.module.scss';
 

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

@@ -20,7 +20,8 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import BpkStar, { STAR_TYPES } from './BpkStar';
 import STYLES from './BpkStarRating.module.scss';

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

@@ -20,7 +20,8 @@
 
 import PropTypes from 'prop-types';
 import React, { Component, type ComponentType } from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 const withInteractiveStarRatingState = (
   InteractiveStarRating: ComponentType<any>,

package/bpk-component-switch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-switch",
-  "version": "2.1.4",
+  "version": "2.1.8",
   "description": "Backpack switch component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.5.8"
   },

package/bpk-component-switch/src/BpkSwitch.js

@@ -19,7 +19,8 @@
 
 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 './BpkSwitch.module.scss';
 

package/bpk-component-table/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-table",
-  "version": "3.1.4",
+  "version": "3.1.7",
   "description": "Backpack table component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },

package/bpk-component-table/src/BpkTable.js

@@ -20,7 +20,8 @@
 
 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 './BpkTable.module.scss';
 

package/bpk-component-table/src/BpkTableCell.js

@@ -20,7 +20,8 @@
 
 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 './BpkTable.module.scss';
 

package/bpk-component-table/src/BpkTableHeadCell.js

@@ -20,7 +20,8 @@
 
 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 './BpkTable.module.scss';
 

package/bpk-component-text/README.md

@@ -69,7 +69,7 @@ export default () => (
 | Property  | PropType                                 | Required | Default Value |
 | --------- | ---------------------------------------- | -------- | ------------- |
 | children  | -                                        | true     | -             |
-| textStyle | oneOf(TEXT_STYLES.xs, TEXT_STYLES.sm, TEXT_STYLES.base, TEXT_STYLES.lg, TEXT_STYLES.xl, TEXT_STYLES.xxl, TEXT_STYLES.xxxl, TEXT_STYLES.xxxxl, TEXT_STYLES.xxxxxl, TEXT_STYLES.caption, TEXT_STYLES.footnote, TEXT_STYLES.label1, TEXT_STYLES.label2, TEXT_STYLES.bodyDefault, TEXT_STYLES.bodyLongform, TEXT_STYLES.subheading, TEXT_STYLES.heading1, TEXT_STYLES.heading2, TEXT_STYLES.heading3, TEXT_STYLES.heading4, TEXT_STYLES.heading5, TEXT_STYLES.hero1, TEXT_STYLES.hero2, TEXT_STYLES.hero3, TEXT_STYLES.hero4, TEXT_STYLES.hero5)    | false    | TEXT_STYLES.base  |
+| textStyle | oneOf(TEXT_STYLES.caption, TEXT_STYLES.footnote, TEXT_STYLES.label1, TEXT_STYLES.label2, TEXT_STYLES.label3, TEXT_STYLES.bodyDefault, TEXT_STYLES.bodyLongform, TEXT_STYLES.subheading, TEXT_STYLES.heading1, TEXT_STYLES.heading2, TEXT_STYLES.heading3, TEXT_STYLES.heading4, TEXT_STYLES.heading5, TEXT_STYLES.hero1, TEXT_STYLES.hero2, TEXT_STYLES.hero3, TEXT_STYLES.hero4, TEXT_STYLES.hero5, TEXT_STYLES.xs, TEXT_STYLES.sm, TEXT_STYLES.base, TEXT_STYLES.lg, TEXT_STYLES.xl, TEXT_STYLES.xxl, TEXT_STYLES.xxxl, TEXT_STYLES.xxxxl, TEXT_STYLES.xxxxxl)    | false    | TEXT_STYLES.base  |
 | tagName   | 'span', 'p', 'text', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' | false    | 'span'        |
 | className | string                                   | false    | null          |
 | bold (deprecated, use a different `textStyle` to achieve the desired weight)     | bool                                     | false    | null         |

package/bpk-component-text/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-text",
-  "version": "6.1.5",
+  "version": "7.0.1",
   "description": "Backpack text component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },

package/bpk-component-text/src/BpkText.js

@@ -20,7 +20,8 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { cssModules, deprecated } from 'bpk-react-utils';
+
+import { cssModules, deprecated } from '../../bpk-react-utils';
 
 import STYLES from './BpkText.module.scss';
 
@@ -40,6 +41,7 @@ export const TEXT_STYLES = {
   footnote: 'footnote',
   label1: 'label-1',
   label2: 'label-2',
+  label3: 'label-3',
   bodyDefault: 'body-default',
   bodyLongform: 'body-longform',
   subheading: 'subheading',

package/bpk-component-text/src/BpkText.module.scss

@@ -73,6 +73,10 @@
     @include bpk-label-2;
   }
 
+  &--label-3 {
+    @include bpk-label-3;
+  }
+
   &--body-default {
     @include bpk-body-default;
   }

package/bpk-component-textarea/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-textarea",
-  "version": "4.2.4",
+  "version": "4.2.7",
   "description": "Backpack textarea component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-component-label": "^5.1.4",
-    "bpk-storybook-utils": "^1.1.3"
+    "bpk-component-label": "^5.1.7",
+    "bpk-storybook-utils": "^1.1.6"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-textarea/src/BpkTextarea.js

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

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

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-theme-toggle",
-  "version": "3.1.4",
+  "version": "3.1.7",
   "description": "Backpack theme toggle component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,10 +14,10 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
-    "bpk-component-label": "^5.1.4",
-    "bpk-component-select": "^5.1.4",
-    "bpk-mixins": "^28.1.0",
+    "@skyscanner/bpk-foundations-web": "^7.0.0",
+    "bpk-component-label": "^5.1.7",
+    "bpk-component-select": "^5.1.7",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "konami": "^1.6.2",
     "prop-types": "^15.7.2"

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

@@ -18,9 +18,10 @@
 
 import React from 'react';
 import Konami from 'konami';
-import BpkLabel from 'bpk-component-label';
-import BpkSelect from 'bpk-component-select';
-import { cssModules } from 'bpk-react-utils';
+
+import BpkLabel from '../../bpk-component-label';
+import BpkSelect from '../../bpk-component-select';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkThemeToggle.module.scss';
 import bpkCustomThemes from './theming';

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

@@ -18,7 +18,8 @@
 
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { wrapDisplayName } from 'bpk-react-utils';
+
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 import { getHtmlElement, THEME_CHANGE_EVENT } from './utils';
 

package/bpk-component-ticket/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-ticket",
-  "version": "4.1.5",
+  "version": "4.1.8",
   "description": "Backpack ticket component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
@@ -22,7 +22,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.1.0",
-    "bpk-component-icon": "^9.2.5"
+    "bpk-component-button": "^6.2.2",
+    "bpk-component-icon": "^9.2.8"
   }
 }

package/bpk-component-ticket/src/BpkTicket.js

@@ -20,7 +20,8 @@
 
 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 './BpkTicket.module.scss';
 

package/bpk-component-tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-tooltip",
-  "version": "6.1.5",
+  "version": "6.1.8",
   "description": "Backpack tooltip component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/popper.js": "^1.12.9-beta.1",
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1",
     "prop-types": "^15.7.2"
   },
@@ -23,7 +23,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
-    "bpk-component-text": "^6.1.5"
+    "@skyscanner/bpk-foundations-web": "^7.0.0",
+    "bpk-component-text": "^7.0.1"
   }
 }

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

@@ -26,7 +26,8 @@ The actual component that developers create (i.e. the default export from this p
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
+
+import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkTooltip.module.scss';
 import { ARROW_ID, TOOLTIP_TYPES } from './constants';

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

@@ -21,7 +21,8 @@
 import Popper from '@skyscanner/popper.js';
 import PropTypes from 'prop-types';
 import React, { Component, type Node, type Element } from 'react';
-import { Portal, cssModules } from 'bpk-react-utils';
+
+import { Portal, cssModules } from '../../bpk-react-utils';
 
 import BpkTooltip, {
   propTypes as tooltipPropTypes,

package/bpk-scrim-utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-scrim-utils",
-  "version": "5.1.3",
+  "version": "5.1.6",
   "description": "Higher order component that adds an overlay behind components and manages scroll states.",
   "license": "Apache-2.0",
   "repository": {
@@ -16,7 +16,7 @@
   "dependencies": {
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
-    "bpk-mixins": "^28.1.0",
+    "bpk-mixins": "^30.0.0",
     "bpk-react-utils": "^4.1.1"
   },
   "peerDependencies": {

package/bpk-scrim-utils/src/BpkScrim.js

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

package/bpk-scrim-utils/src/withScrim.js

@@ -20,12 +20,13 @@ import focusScope from 'a11y-focus-scope';
 import focusStore from 'a11y-focus-store';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+
 import {
   cssModules,
   isDeviceIpad,
   isDeviceIphone,
   wrapDisplayName,
-} from 'bpk-react-utils';
+} from '../../bpk-react-utils';
 
 import BpkScrim from './BpkScrim';
 import {

package/bpk-theming/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-theming",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "description": "Backpack theming utlities.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "gitHead": "c2217d61875a1f3aa2bb9ed9583c50e3f1523501",
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
+    "@skyscanner/bpk-foundations-web": "^7.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "0.1.0",
+  "version": "0.4.0",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",
@@ -22,14 +22,16 @@
     "access": "public"
   },
   "dependencies": {
-    "@skyscanner/bpk-foundations-web": "^6.1.0",
+    "@react-google-maps/api": "^2.8.1",
+    "@skyscanner/bpk-foundations-web": "^7.0.0",
+    "@skyscanner/bpk-svgs": "^14.1.7",
     "@skyscanner/popper.js": "^1.12.9-beta.1",
     "a11y-focus-scope": "^1.1.3",
     "a11y-focus-store": "^1.0.0",
-    "bpk-mixins": "^28.1.0",
-    "date-fns": "^2.21.1",
+    "bpk-mixins": "^30.0.0",
     "d3-path": "^2.0.0",
     "d3-scale": "^4.0.2",
+    "date-fns": "^2.21.1",
     "intersection-observer": "^0.7.0",
     "lodash": "^4.17.20",
     "lodash.clamp": "^4.0.3",
@@ -37,13 +39,13 @@
     "object-assign": "^4.1.1",
     "prop-types": "^15.7.2",
     "react-autosuggest": "^9.4.3",
-    "react-google-maps": "^9.4.5",
     "react-responsive": "^6.1.2",
     "react-slider": "^1.3.1",
     "react-transition-group": "^2.5.3",
     "react-virtualized": "^9.22.3"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
+    "react": "^16.8.3 || ^17.0.0",
+    "react-dom": "^16.8.3 || ^17.0.0"
   }
 }