@skyscanner/backpack-web 2.0.0 → 3.0.1

package/bpk-component-drawer/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "bpk-component-drawer",
+  "version": "4.1.11",
+  "description": "Backpack drawer 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-close-button": "^3.1.11",
+    "bpk-component-icon": "^9.2.11",
+    "bpk-component-link": "^3.1.10",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "bpk-scrim-utils": "^5.1.9",
+    "prop-types": "^15.7.2",
+    "react-transition-group": "^2.5.3"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "bpk-component-button": "^6.2.5",
+    "bpk-component-text": "^7.0.4"
+  }
+}

package/bpk-component-drawer/src/BpkDrawer.js

@@ -20,8 +20,9 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { Portal, cssModules } from 'bpk-react-utils';
-import { withScrim } from 'bpk-scrim-utils';
+
+import { Portal, cssModules } from '../../bpk-react-utils';
+import { withScrim } from '../../bpk-scrim-utils';
 
 import BpkDrawerContent from './BpkDrawerContent';
 import STYLES from './BpkDrawer.module.scss';

package/bpk-component-drawer/src/BpkDrawerContent.js

@@ -22,9 +22,10 @@ import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
 import Transition from 'react-transition-group/Transition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import { cssModules } from 'bpk-react-utils';
-import { BpkButtonLink } from 'bpk-component-link';
-import BpkCloseButton from 'bpk-component-close-button';
+
+import { cssModules } from '../../bpk-react-utils';
+import { BpkButtonLink } from '../../bpk-component-link';
+import BpkCloseButton from '../../bpk-component-close-button';
 
 import STYLES from './BpkDrawerContent.module.scss';
 

package/bpk-component-drawer/src/themeAttributes.js

@@ -18,6 +18,6 @@
 
 /* @flow strict */
 
-import { themeAttributes as linkAttributes } from 'bpk-component-link';
+import { themeAttributes as linkAttributes } from '../../bpk-component-link';
 
 export default [...linkAttributes];

package/bpk-component-fieldset/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "bpk-component-fieldset",
+  "version": "4.1.15",
+  "description": "Backpack fieldset 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": {
+    "bpk-component-form-validation": "^4.2.13",
+    "bpk-component-label": "^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"
+  },
+  "devDependencies": {
+    "bpk-component-autosuggest": "^6.1.13",
+    "bpk-component-button": "^6.2.5",
+    "bpk-component-calendar": "^11.1.15",
+    "bpk-component-checkbox": "^4.1.12",
+    "bpk-component-datepicker": "^15.2.15",
+    "bpk-component-input": "^6.1.13",
+    "bpk-component-select": "^5.1.10",
+    "bpk-component-textarea": "^4.2.10"
+  }
+}

package/bpk-component-fieldset/src/BpkFieldset.js

@@ -19,9 +19,10 @@
 
 import PropTypes from 'prop-types';
 import React, { cloneElement, type Element } from 'react';
-import BpkLabel from 'bpk-component-label';
-import BpkFormValidation from 'bpk-component-form-validation';
-import { cssModules } from 'bpk-react-utils';
+
+import BpkLabel from '../../bpk-component-label';
+import BpkFormValidation from '../../bpk-component-form-validation';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkFieldset.module.scss';
 

package/bpk-component-flare/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "bpk-component-flare",
+  "version": "2.1.13",
+  "description": "Backpack FlareBar and ContentBubble 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/"
+  },
+  "scripts": {
+    "build": "gulp"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "bpk-component-label": "^5.1.10",
+    "bpk-component-text": "^7.0.4",
+    "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-flare/src/BpkContentBubble.js

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

package/bpk-component-flare/src/BpkFlareBar.js

@@ -18,7 +18,8 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './bpk-flare-bar.module.scss';
 import Pointer from './__generated__/js/pointer';

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

@@ -0,0 +1,34 @@
+{
+  "name": "bpk-component-form-validation",
+  "version": "4.2.13",
+  "description": "Backpack form-validation 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-animate-height": "^4.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"
+  },
+  "devDependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-component-button": "^6.2.5",
+    "bpk-component-checkbox": "^4.1.12",
+    "bpk-component-icon": "^9.2.11",
+    "bpk-component-input": "^6.1.13",
+    "bpk-component-select": "^5.1.10",
+    "bpk-component-textarea": "^4.2.10"
+  }
+}

package/bpk-component-form-validation/src/BpkFormValidation.js

@@ -18,15 +18,16 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import AnimateHeight from 'bpk-animate-height';
-import { cssModules } from 'bpk-react-utils';
-import BpkSmallExclamationIcon from 'bpk-component-icon/sm/exclamation-circle';
-import { withAlignment } from 'bpk-component-icon';
 import {
   lineHeightSm,
   iconSizeSm,
 } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
+import AnimateHeight from '../../bpk-animate-height';
+import { cssModules } from '../../bpk-react-utils';
+import BpkSmallExclamationIcon from '../../bpk-component-icon/sm/exclamation-circle';
+import { withAlignment } from '../../bpk-component-icon';
+
 import STYLES from './BpkFormValidation.module.scss';
 
 const getClassName = cssModules(STYLES);

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

@@ -0,0 +1,26 @@
+{
+  "name": "bpk-component-graphic-promotion",
+  "version": "3.0.4",
+  "description": "Backpack graphic-promotion 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/"
+  },
+  "dependencies": {
+    "bpk-component-button": "^6.2.5",
+    "bpk-component-card": "^4.1.11",
+    "bpk-component-text": "^7.0.4",
+    "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-graphic-promotion/src/BpkGraphicPromo.js

@@ -19,10 +19,11 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
-import BpkText from 'bpk-component-text';
-import BpkButton from 'bpk-component-button';
-import BpkCard from 'bpk-component-card';
+
+import { cssModules } from '../../bpk-react-utils';
+import BpkText from '../../bpk-component-text';
+import BpkButton from '../../bpk-component-button';
+import BpkCard from '../../bpk-component-card';
 
 import STYLES from './BpkGraphicPromo.module.scss';
 

package/bpk-component-grid/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "bpk-component-grid",
+  "version": "3.1.10",
+  "description": "Backpack grid 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": {
+    "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-grid/src/BpkGridColumn.js

@@ -18,7 +18,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 './BpkGridColumn.module.scss';
 

package/bpk-component-grid/src/BpkGridContainer.js

@@ -18,7 +18,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 './BpkGridContainer.module.scss';
 

package/bpk-component-grid/src/BpkGridRow.js

@@ -18,7 +18,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 './BpkGridRow.module.scss';
 

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

@@ -0,0 +1,25 @@
+{
+  "name": "bpk-component-grid-toggle",
+  "version": "3.1.10",
+  "description": "Backpack vertical grid 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-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-grid-toggle/src/BpkGridToggle.js

@@ -18,8 +18,9 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { cssModules } from 'bpk-react-utils';
-import { BpkButtonLink } from 'bpk-component-link';
+
+import { cssModules } from '../../bpk-react-utils';
+import { BpkButtonLink } from '../../bpk-component-link';
 
 import STYLES from './BpkGridToggle.module.scss';
 

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

@@ -0,0 +1,30 @@
+{
+  "name": "bpk-component-horizontal-nav",
+  "version": "5.1.11",
+  "description": "Backpack horizontal nav 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-mobile-scroll-container": "^3.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"
+  },
+  "devDependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-component-text": "^7.0.4",
+    "bpk-storybook-utils": "^1.1.9"
+  }
+}

package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js

@@ -19,9 +19,10 @@
 
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
-import { cssModules } from 'bpk-react-utils';
 import React, { Component, type Node } from 'react';
-import BpkMobileScrollContainer from 'bpk-component-mobile-scroll-container';
+
+import { cssModules } from '../../bpk-react-utils';
+import BpkMobileScrollContainer from '../../bpk-component-mobile-scroll-container';
 
 import STYLES from './BpkHorizontalNav.module.scss';
 

package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js

@@ -19,7 +19,8 @@
 
 import React, { Component, type Node } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
+
+import { cssModules } from '../../bpk-react-utils';
 
 import { HORIZONTAL_NAV_TYPES } from './BpkHorizontalNav';
 import STYLES from './BpkHorizontalNavItem.module.scss';

package/bpk-component-icon/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "bpk-component-icon",
+  "version": "9.2.11",
+  "description": "Backpack icon 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/"
+  },
+  "scripts": {
+    "build": "gulp clean && gulp"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "@skyscanner/bpk-svgs": "^14.1.9",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "devDependencies": {
+    "bpk-component-button": "^6.2.5",
+    "bpk-component-list": "^4.0.3",
+    "bpk-component-text": "^7.0.4"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-icon/src/classNameModifierHOCFactory.js

@@ -18,7 +18,8 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 export default (displayName, classNamesToAdd = []) =>
   (ComposedComponent) => {

package/bpk-component-icon/src/withAlignment.js

@@ -17,7 +17,8 @@
  */
 
 import React from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 export default function withAlignment(Component, objectHeight, subjectHeight) {
   const WithAlignment = (props) => {

package/bpk-component-icon/src/withDescription.js

@@ -18,7 +18,8 @@
 /* @flow strict */
 
 import React, { type AbstractComponent } from 'react';
-import { cssModules, wrapDisplayName } from 'bpk-react-utils';
+
+import { cssModules, wrapDisplayName } from '../../bpk-react-utils';
 
 import STYLES from './withDescription.module.scss';
 

package/bpk-component-icon/src/withRtlSupport.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { cssModules } from 'bpk-react-utils';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkIcon.module.scss';
 import classNameModifierHOCFactory from './classNameModifierHOCFactory';

package/bpk-component-image/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "bpk-component-image",
+  "version": "5.1.11",
+  "description": "Backpack image 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-spinner": "^5.1.10",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2",
+    "react-transition-group": "^2.5.3"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-component-mobile-scroll-container": "^3.1.10",
+    "bpk-component-text": "^7.0.4"
+  }
+}

package/bpk-component-image/src/BpkBackgroundImage.js

@@ -19,11 +19,12 @@
 
 import React, { type Node, Component } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules, deprecated } from 'bpk-react-utils';
-import { BpkSpinner } from 'bpk-component-spinner';
 import CSSTransition from 'react-transition-group/CSSTransition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
+import { cssModules, deprecated } from '../../bpk-react-utils';
+import { BpkSpinner } from '../../bpk-component-spinner';
+
 import { widthHeightAspectRatioPropType } from './customPropTypes';
 import STYLES from './BpkBackgroundImage.module.scss';
 

package/bpk-component-image/src/BpkImage.js

@@ -19,11 +19,12 @@
 
 import React, { type Node, Component } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules, deprecated } from 'bpk-react-utils';
-import { BpkSpinner } from 'bpk-component-spinner';
 import CSSTransition from 'react-transition-group/CSSTransition';
 import { animations } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
+import { cssModules, deprecated } from '../../bpk-react-utils';
+import { BpkSpinner } from '../../bpk-component-spinner';
+
 import { widthHeightAspectRatioPropType } from './customPropTypes';
 import STYLES from './BpkImage.module.scss';
 import BORDER_RADIUS_STYLES from './BpkImageBorderRadiusStyles';

package/bpk-component-image/src/withLazyLoading.js

@@ -19,9 +19,10 @@
 
 import React, { type Node, type ComponentType } from 'react';
 import PropTypes from 'prop-types';
-import { wrapDisplayName } from 'bpk-react-utils';
 import throttle from 'lodash/throttle';
 
+import { wrapDisplayName } from '../../bpk-react-utils';
+
 type WithLazyLoadingProps = {
   className: ?string,
   style: ?{},

package/bpk-component-image/src/withLoadingBehavior.js

@@ -18,7 +18,8 @@
 /* @flow */
 
 import React, { type AbstractComponent } from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 type InjectedProps = {|
   onLoad: () => mixed,

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

@@ -0,0 +1,31 @@
+{
+  "name": "bpk-component-infinite-scroll",
+  "version": "4.1.10",
+  "description": "Backpack infinite scroll 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",
+    "intersection-observer": "^0.7.0",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "bpk-component-button": "^6.2.5",
+    "bpk-component-list": "^4.0.3",
+    "bpk-component-spinner": "^5.1.10",
+    "bpk-storybook-utils": "^1.1.9"
+  }
+}

package/bpk-component-infinite-scroll/src/withInfiniteScroll.js

@@ -25,10 +25,11 @@ import React, {
   type AbstractComponent,
 } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
 import omit from 'lodash/omit';
 import extend from 'lodash/extend';
 
+import { cssModules } from '../../bpk-react-utils';
+
 import './intersection-observer';
 import DataSource from './DataSource';
 import STYLES from './withInfiniteScroll.module.scss';