@skyscanner/backpack-web 2.0.0 → 3.0.1

package/bpk-animate-height/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "bpk-animate-height",
+  "version": "4.1.10",
+  "description": "Animate height using CSS transitions.",
+  "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": {
+    "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"
+  }
+}

package/bpk-component-accordion/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "bpk-component-accordion",
+  "version": "5.0.10",
+  "description": "Backpack accordion 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-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"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-component-checkbox": "^4.1.12"
+  }
+}

package/bpk-component-accordion/src/BpkAccordion.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 './BpkAccordion.module.scss';
 

package/bpk-component-accordion/src/BpkAccordionItem.js

@@ -20,11 +20,12 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node, type Element } from 'react';
-import AnimateHeight from 'bpk-animate-height';
-import { withButtonAlignment } from 'bpk-component-icon';
-import ChevronDownIcon from 'bpk-component-icon/sm/chevron-down';
-import BpkText, { TEXT_STYLES } from 'bpk-component-text';
-import { cssModules } from 'bpk-react-utils';
+
+import AnimateHeight from '../../bpk-animate-height';
+import { withButtonAlignment } from '../../bpk-component-icon';
+import ChevronDownIcon from '../../bpk-component-icon/sm/chevron-down';
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkAccordionItem.module.scss';
 

package/bpk-component-accordion/src/withAccordionItemState.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';
 
 type Props = {
   initiallyExpanded: boolean,

package/bpk-component-accordion/src/withSingleItemAccordionState.js

@@ -27,7 +27,8 @@ import React, {
   type Element,
   type ComponentType,
 } from 'react';
-import { wrapDisplayName } from 'bpk-react-utils';
+
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 const getInitiallyExpanded = (children) => {
   const accordionItems = Children.toArray(children);

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

@@ -0,0 +1,31 @@
+{
+  "name": "bpk-component-aria-live",
+  "version": "2.1.15",
+  "description": "Backpack aria-live 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-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.5.8"
+  },
+  "devDependencies": {
+    "bpk-component-chip": "^5.2.13",
+    "bpk-component-code": "^3.1.10",
+    "bpk-component-fieldset": "^4.1.15",
+    "bpk-component-select": "^5.1.10",
+    "bpk-component-switch": "^2.1.11"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926"
+}

package/bpk-component-aria-live/src/BpkAriaLive.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 './BpkAriaLive.module.scss';
 

package/bpk-component-autosuggest/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "bpk-component-autosuggest",
+  "version": "6.1.13",
+  "description": "Backpack autosuggest 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-input": "^6.1.13",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2",
+    "react-autosuggest": "^9.4.3"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "bpk-component-icon": "^9.2.11"
+  }
+}

package/bpk-component-autosuggest/src/BpkAutosuggest.js

@@ -19,9 +19,10 @@
 /* @flow strict */
 
 import React from 'react';
-import BpkInput from 'bpk-component-input';
 import Autosuggest from 'react-autosuggest';
-import { cssModules } from 'bpk-react-utils';
+
+import BpkInput from '../../bpk-component-input';
+import { cssModules } from '../../bpk-react-utils';
 
 import STYLES from './BpkAutosuggest.module.scss';
 

package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.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 './BpkAutosuggest.module.scss';
 

package/bpk-component-badge/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "bpk-component-badge",
+  "version": "4.1.11",
+  "description": "Backpack badge 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": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-component-icon": "^9.2.11",
+    "bpk-storybook-utils": "^1.1.9"
+  }
+}

package/bpk-component-badge/src/BpkBadge.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 './BpkBadge.module.scss';
 

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

@@ -0,0 +1,34 @@
+{
+  "name": "bpk-component-banner-alert",
+  "version": "6.1.13",
+  "description": "Backpack banner alert 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-animate-height": "^4.1.10",
+    "bpk-component-close-button": "^3.1.11",
+    "bpk-component-icon": "^9.2.11",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2",
+    "react-transition-group": "^2.5.3"
+  },
+  "devDependencies": {
+    "bpk-component-aria-live": "^2.1.15",
+    "bpk-component-button": "^6.2.5",
+    "bpk-storybook-utils": "^1.1.9"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-banner-alert/src/AnimateAndFade.js

@@ -19,11 +19,12 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node, Component } from 'react';
-import { cssModules } from 'bpk-react-utils';
-import BpkAnimateHeight from 'bpk-animate-height';
 import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 
+import { cssModules } from '../../bpk-react-utils';
+import BpkAnimateHeight from '../../bpk-animate-height';
+
 import STYLES from './BpkAnimateAndFade.module.scss';
 
 const getClassName = cssModules(STYLES);

package/bpk-component-banner-alert/src/BpkBannerAlertInner.js

@@ -23,14 +23,15 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node, type StatelessFunctionalComponent } from 'react';
-import { withButtonAlignment } from 'bpk-component-icon';
-import BpkAnimateHeight from 'bpk-animate-height';
-import BpkCloseButton from 'bpk-component-close-button';
-import TickCircleIcon from 'bpk-component-icon/sm/tick-circle';
-import ChevronDownIcon from 'bpk-component-icon/lg/chevron-down';
-import InfoCircleIcon from 'bpk-component-icon/sm/information-circle';
 import { durationSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import { cssModules } from 'bpk-react-utils';
+
+import { withButtonAlignment } from '../../bpk-component-icon';
+import BpkAnimateHeight from '../../bpk-animate-height';
+import BpkCloseButton from '../../bpk-component-close-button';
+import TickCircleIcon from '../../bpk-component-icon/sm/tick-circle';
+import ChevronDownIcon from '../../bpk-component-icon/lg/chevron-down';
+import InfoCircleIcon from '../../bpk-component-icon/sm/information-circle';
+import { cssModules } from '../../bpk-react-utils';
 
 import AnimateAndFade from './AnimateAndFade';
 import {

package/bpk-component-banner-alert/src/withBannerAlertState.js

@@ -19,7 +19,8 @@
 
 import React, { type Node, type ComponentType, Component } from 'react';
 import PropTypes from 'prop-types';
-import { wrapDisplayName } from 'bpk-react-utils';
+
+import { wrapDisplayName } from '../../bpk-react-utils';
 
 import {
   type OnDismissHandler,

package/bpk-component-barchart/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "bpk-component-barchart",
+  "version": "4.2.11",
+  "description": "Backpack bar chart 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-mobile-scroll-container": "^3.1.10",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "d3-path": "^2.0.0",
+    "d3-scale": "^4.0.2",
+    "lodash.debounce": "^4.0.8",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "bpk-component-breakpoint": "^4.0.2",
+    "bpk-component-content-container": "^5.0.4",
+    "bpk-component-rtl-toggle": "^3.1.10",
+    "bpk-component-text": "^7.0.4"
+  }
+}

package/bpk-component-barchart/src/BpkBarchart.js

@@ -26,8 +26,9 @@ import {
   spacingXs,
   lineHeightSm,
 } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
-import { cssModules } from 'bpk-react-utils';
-import BpkMobileScrollContainer from 'bpk-component-mobile-scroll-container';
+
+import { cssModules } from '../../bpk-react-utils';
+import BpkMobileScrollContainer from '../../bpk-component-mobile-scroll-container';
 
 import BpkBarchartDefs from './BpkBarchartDefs';
 import BpkBarchartBars from './BpkBarchartBars';

package/bpk-component-barchart/src/BpkBarchartBar.js

@@ -20,9 +20,10 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
 import { borderRadiusXs } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
+import { cssModules } from '../../bpk-react-utils';
+
 import { remToPx } from './utils';
 import STYLES from './BpkBarchartBar.module.scss';
 
@@ -116,8 +117,9 @@ const BpkBarchartBar = (props: Props) => {
         onFocus={onFocus || undefined}
         onKeyDown={onClick ? handleKeyboardEvent(onClick) : undefined}
         tabIndex={onClick ? 0 : undefined}
-        role={onClick ? 'button' : undefined}
-        aria-pressed={isAriaPressed}
+        role={onClick ? 'button' : 'graphics-symbol'}
+        aria-roledescription={onClick ? undefined : 'bar'}
+        aria-pressed={onClick ? isAriaPressed : undefined}
         aria-label={label}
       />
     </g>

package/bpk-component-barchart/src/BpkChartAxis.js

@@ -20,12 +20,13 @@
 
 import React, { type Node } from 'react';
 import PropTypes from 'prop-types';
-import { cssModules } from 'bpk-react-utils';
 import {
   spacingXs,
   lineHeightSm,
 } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
 
+import { cssModules } from '../../bpk-react-utils';
+
 import { rtlConditionalValue } from './RTLtransforms';
 import { ORIENTATION_X, ORIENTATION_Y } from './orientation';
 import { identity, center, remToPx } from './utils';

package/bpk-component-barchart/src/BpkChartDataTable.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 dataProp from './customPropTypes';
 import STYLES from './BpkChartDataTable.module.scss';

package/bpk-component-barchart/src/BpkChartGridLines.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 { ORIENTATION_X, ORIENTATION_Y } from './orientation';
 import { identity, center } from './utils';

package/bpk-component-barchart/src/RTLtransforms.js

@@ -18,7 +18,7 @@
 
 /* @flow strict */
 
-import { isRTL } from 'bpk-react-utils';
+import { isRTL } from '../../bpk-react-utils';
 
 const rtlConditionalValue = (ltrValue: number, rtlValue: number) =>
   isRTL() ? rtlValue : ltrValue;

package/bpk-component-blockquote/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "bpk-component-blockquote",
+  "version": "3.1.10",
+  "description": "Backpack blockquote 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-blockquote/src/BpkBlockquote.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 './BpkBlockquote.module.scss';
 

package/bpk-component-breadcrumb/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "bpk-component-breadcrumb",
+  "version": "3.1.11",
+  "description": "Backpack breadcrumb 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-component-link": "^3.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-breadcrumb/src/BpkBreadcrumb.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 './BpkBreadcrumb.module.scss';
 

package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js

@@ -20,11 +20,12 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-import BpkLink from 'bpk-component-link';
-import BpkText from 'bpk-component-text';
-import { cssModules } from 'bpk-react-utils';
-import { withRtlSupport } from 'bpk-component-icon';
-import ArrowRight from 'bpk-component-icon/sm/arrow-right';
+
+import BpkLink from '../../bpk-component-link';
+import BpkText from '../../bpk-component-text';
+import { cssModules } from '../../bpk-react-utils';
+import { withRtlSupport } from '../../bpk-component-icon';
+import ArrowRight from '../../bpk-component-icon/sm/arrow-right';
 
 import STYLES from './BpkBreadcrumbItem.module.scss';
 

package/bpk-component-breakpoint/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "bpk-component-breakpoint",
+  "version": "4.0.2",
+  "description": "Backpack breakpoint 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",
+    "react-responsive": "^6.1.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0"
+  }
+}

package/bpk-component-button/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "bpk-component-button",
+  "version": "6.2.5",
+  "description": "Backpack 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",
+    "prop-types": "^15.7.2"
+  },
+  "devDependencies": {
+    "bpk-storybook-utils": "^1.1.9"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-calendar/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "bpk-component-calendar",
+  "version": "11.1.15",
+  "description": "Backpack 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-aria-live": "^2.1.15",
+    "bpk-component-icon": "^9.2.11",
+    "bpk-component-select": "^5.1.10",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "date-fns": "^2.21.1",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "bpk-component-button": "^6.2.5",
+    "bpk-component-text": "^7.0.4",
+    "bpk-storybook-utils": "^1.1.9"
+  }
+}