@skyscanner/backpack-web 6.1.0 → 7.0.0-alpha.1

package/bpk-component-barchart/src/BpkChartGridLines.module.css

@@ -1,18 +0,0 @@
-/*
- * 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.
-*/
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-chart__grid-line{shape-rendering:crispEdges;stroke:#dddde5}

package/bpk-component-barchart/src/BpkChartGridLines.module.scss

@@ -1,26 +0,0 @@
-/*
- * 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-chart {
-  &__grid-line {
-    shape-rendering: crispEdges;
-    stroke: $bpk-color-sky-gray-tint-06;
-  }
-}

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

@@ -1,55 +0,0 @@
-/*
- * 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.
- */
-
-/* @flow strict */
-
-import React, { type Node } from 'react';
-import PropTypes from 'prop-types';
-
-type Props = {
-  children: Node,
-  margin: {
-    top: number,
-    bottom: number,
-    left: number,
-    right: number,
-  },
-};
-
-const BpkChartMargin = (props: Props) => {
-  const { children, margin, ...rest } = props;
-
-  return (
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    <g transform={`translate(${margin.left}, ${margin.top})`} {...rest}>
-      {children}
-    </g>
-  );
-};
-
-BpkChartMargin.propTypes = {
-  children: PropTypes.node.isRequired,
-  margin: PropTypes.shape({
-    top: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    bottom: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    left: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    right: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  }).isRequired,
-};
-
-export default BpkChartMargin;

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

@@ -1,55 +0,0 @@
-/*
- * 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.
- */
-
-/* @flow strict */
-
-import { isRTL } from '../../bpk-react-utils';
-
-const rtlConditionalValue = (ltrValue: number, rtlValue: number) =>
-  isRTL() ? rtlValue : ltrValue;
-
-// Setting type as any as data which is passed to this function can be of any type
-const applyArrayRTLTransform = (arr: any) =>
-  isRTL() ? arr.slice(0).reverse() : arr;
-
-type objType = {
-  top: number,
-  left: number,
-  right: number,
-  bottom: number,
-};
-
-const applyMarginRTLTransform = (obj: objType) => {
-  if (!isRTL()) {
-    return obj;
-  }
-  const { left, right, ...rest } = obj;
-  // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-  return {
-    left: right,
-    right: left,
-    ...rest,
-  };
-};
-
-export {
-  applyArrayRTLTransform,
-  applyMarginRTLTransform,
-  rtlConditionalValue,
-  isRTL,
-};

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

@@ -1,51 +0,0 @@
-/*
- * 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.
- */
-
-/* @flow strict */
-
-type Props = {
-  xScaleDataKey: string,
-  yScaleDataKey: string,
-};
-
-export default (props: Props, propName: string, componentName: string) => {
-  const { xScaleDataKey, yScaleDataKey } = props;
-  const data = props[propName];
-  if (!Array.isArray(data)) {
-    return new Error(
-      `Invalid prop ${propName} supplied to ${componentName}. Should be an array`,
-    );
-  }
-
-  for (let i = 0; i < data.length; i += 1) {
-    const object = data[i];
-    const valid =
-      Object.prototype.hasOwnProperty.call(object, xScaleDataKey) &&
-      Object.prototype.hasOwnProperty.call(object, yScaleDataKey);
-    if (!valid) {
-      return new Error(
-        `Invalid prop ${propName} supplied to ${componentName}.` +
-          `Value ${JSON.stringify(
-            object,
-          )} should contain keys '${xScaleDataKey}' and '${yScaleDataKey}'`,
-      );
-    }
-  }
-
-  return null;
-};

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

@@ -1,22 +0,0 @@
-/*
- * 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.
- */
-
-/* @flow strict */
-
-export const ORIENTATION_X = 'x';
-export const ORIENTATION_Y = 'y';

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

@@ -1,26 +0,0 @@
-/*
- * 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.
- */
-
-/* @flow strict */
-
-export default [
-  'barchartBarBackgroundColor',
-  'barchartBarHoverBackgroundColor',
-  'barchartBarActiveBackgroundColor',
-  'barchartBarSelectedBackgroundColor',
-];

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

@@ -1,43 +0,0 @@
-/*
- * 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.
- */
-
-/* @flow strict */
-
-// Using Function here as scale refers to the d3-scale 3rd party library
-const center = (scale: Function) => {
-  let offset = scale.bandwidth() / 2;
-  if (scale.round()) {
-    offset = Math.round(offset);
-  }
-  return (d: number) => scale(d) + offset;
-};
-
-// Using any here as x can be any form see utils-test.js
-const identity = (x: any) => x;
-
-const remToPx = (value: string) => {
-  let parsed = 0;
-
-  if (/rem$/.test(value)) {
-    parsed = parseFloat(value.replace(/rem/, '')) * 16;
-  }
-
-  return parsed;
-};
-
-export { center, identity, remToPx };

package/bpk-component-blockquote/README.md

@@ -1,35 +0,0 @@
-# bpk-component-blockquote
-
-> Backpack blockquote component.
-
-## Installation
-
-```sh
-npm install bpk-component-blockquote --save-dev
-```
-
-## Usage
-
-```js
-import React from 'react';
-import BpkBlockquote from 'bpk-component-blockquote';
-
-export default () => (
-  <BpkBlockquote extraSpace>
-    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
-    commodo ligula eget dolor. Aenean massa. Cum sociis natoque
-    penatibus et magnis dis parturient montes, nascetur ridiculus mus.
-  </BpkBlockquote>
-);
-```
-
-## Props
-
-| Property    | PropType | Required | Default Value |
-| ----------- | -------- | -------- | ------------- |
-| children    | -        | true     | -             |
-| extraSpace  | bool     | false    | false         |
-
-## Theme Props
-
-* `blockquoteBarColor`

package/bpk-component-blockquote/index.js

@@ -1,23 +0,0 @@
-/*
- * 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 BpkBlockquote from './src/BpkBlockquote';
-import themeAttributes from './src/themeAttributes';
-
-export default BpkBlockquote;
-export { themeAttributes };

package/bpk-component-blockquote/package.json

@@ -1,24 +0,0 @@
-{
-  "name": "bpk-component-blockquote",
-  "version": "3.1.12",
-  "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": "^6.0.0",
-    "prop-types": "^15.7.2"
-  },
-  "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
-  }
-}

package/bpk-component-blockquote/src/BpkBlockquote.js

@@ -1,51 +0,0 @@
-/*
- * 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 PropTypes from 'prop-types';
-import React from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
-
-import STYLES from './BpkBlockquote.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-const BpkBlockquote = (props) => {
-  const classNames = [getClassName('bpk-blockquote')];
-  if (props.extraSpace) {
-    classNames.push(getClassName('bpk-blockquote--extra-spacing'));
-  }
-
-  return (
-    <blockquote className={classNames.join(' ')}>{props.children}</blockquote>
-  );
-};
-
-BpkBlockquote.propTypes = {
-  children: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.node),
-    PropTypes.node,
-  ]).isRequired,
-  extraSpace: PropTypes.bool,
-};
-
-BpkBlockquote.defaultProps = {
-  extraSpace: false,
-};
-
-export default BpkBlockquote;

package/bpk-component-blockquote/src/BpkBlockquote.module.css

@@ -1,18 +0,0 @@
-/*
- * 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.
-*/
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-blockquote{margin:0 0 1rem 0;padding:1.5rem;background-color:#f1f2f8;color:#68697f;box-shadow:2px 0 0 0 #0770e3 inset;box-shadow:2px 0 0 0 var(--bpk-blockquote-bar-color, #0770e3) inset}html[dir='rtl'] .bpk-blockquote{padding:1.5rem;border-left:0;box-shadow:-2px 0 0 0 #0770e3 inset;box-shadow:-2px 0 0 0 var(--bpk-blockquote-bar-color, #0770e3) inset}.bpk-blockquote>*:last-child{margin-bottom:0}.bpk-blockquote--extra-spacing{margin-top:2rem;margin-bottom:2rem}

package/bpk-component-blockquote/src/BpkBlockquote.module.scss

@@ -1,29 +0,0 @@
-/*
- * 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-spacing-v2: true;
-
-.bpk-blockquote {
-  @include bpk-blockquote;
-}
-
-.bpk-blockquote--extra-spacing {
-  @include bpk-blockquote--extra-spacing;
-}

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

@@ -1,19 +0,0 @@
-/*
- * 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.
- */
-
-export default ['blockquoteBarColor'];

package/bpk-component-breadcrumb/README.md

@@ -1,58 +0,0 @@
-# bpk-component-breadcrumb
-
-> Backpack breadcrumb component.
-
-## Installation
-
-```sh
-npm install bpk-component-breadcrumb --save-dev
-```
-
-## Usage
-```js
-import React, { Component } from 'react';
-import BpkBreadcrumb, { BpkBreadcrumbItem } from 'bpk-component-breadcrumb';
-
-
-export default class App extends Component {
-  render() {
-    return (
-      <BpkBreadcrumb label="breadcrumb">
-        <BpkBreadcrumbItem href="/">Home</BpkBreadcrumbItem>
-        <BpkBreadcrumbItem href="/page-1">Page 1</BpkBreadcrumbItem>
-        <BpkBreadcrumbItem active>
-          Page 2
-        </BpkBreadcrumbItem>
-      </BpkBreadcrumb>
-    );
-  }
-}
-
-```
-
-## Structured Data
-
-[JSON-LD](https://json-ld.org/) schema mark up can be used to
-add [structured data](https://developers.google.com/search/docs/guides/intro-structured-data)
-to the component to improve the SEO of the component through the `schemaMetaData` property.
-
-## Props
-
-### BpkBreadcrumb
-
-| Property           | PropType                             | Required | Default Value |
-| ------------------ | ------------------------------------ | -------- | ------------- |
-| children           | node                                 | true     | -             |
-| label              | string                               | true     | -             |
-| schemaMetaData     | array({url: string, label: string})  | false    | null          |
-
-
-
-### BpkBreadcrumbItem
-
-| Property           | PropType                   | Required | Default Value |
-| ------------------ | -------------------------- | -------- | ------------- |
-| children           | node                       | true     | -             |
-| href               | string                     | false    | null          |
-| active             | bool                       | false    | false         |
-| linkProps          | object                     | false    | null          |

package/bpk-component-breadcrumb/index.js

@@ -1,31 +0,0 @@
-/*
- * 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.
- */
-
-/* @flow strict */
-
-import BpkBreadcrumb, {
-  type Props as BpkBreadcrumbProps,
-} from './src/BpkBreadcrumb';
-import BpkBreadcrumbItem, {
-  type Props as BpkBreadcrumbItemProps,
-} from './src/BpkBreadcrumbItem';
-
-export type { BpkBreadcrumbProps, BpkBreadcrumbItemProps };
-
-export default BpkBreadcrumb;
-export { BpkBreadcrumbItem };

package/bpk-component-breadcrumb/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "bpk-component-breadcrumb",
-  "version": "3.1.13",
-  "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.13",
-    "bpk-component-link": "^3.1.12",
-    "bpk-component-text": "^7.0.6",
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
-    "prop-types": "^15.7.2"
-  },
-  "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
-  }
-}