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

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

@@ -1,112 +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 PropTypes from 'prop-types';
-import React, { type Node } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
-
-import STYLES from './BpkBreadcrumb.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-type SchemaMetaDataItem = {
-  url: string,
-  label: string,
-};
-
-export type Props = {
-  children: Node,
-  schemaMetaData: ?(SchemaMetaDataItem[]),
-  label: string,
-};
-
-/*
-  The google structured data reference for the stringified output of
-  the following function is here:
-  https://developers.google.com/search/docs/data-types/breadcrumb
-*/
-const buildMetaData = (schemaMetaData: SchemaMetaDataItem[]): string => {
-  const itemListElement = schemaMetaData.map((schemaMetaDataItem, index) => ({
-    '@type': 'ListItem',
-    position: index + 1,
-    item: {
-      '@id': schemaMetaDataItem.url,
-      name: schemaMetaDataItem.label,
-    },
-  }));
-
-  return JSON.stringify({
-    '@context': 'http://schema.org',
-    '@type': 'BreadcrumbList',
-    itemListElement,
-  });
-};
-
-class BpkBreadcrumb extends React.Component<Props> {
-  metaData: ?string;
-
-  static defaultProps = {
-    schemaMetaData: null,
-  };
-
-  constructor(props: Props) {
-    super(props);
-
-    this.metaData = props.schemaMetaData && buildMetaData(props.schemaMetaData);
-  }
-
-  render() {
-    const { children, label, schemaMetaData, ...rest } = this.props;
-
-    return (
-      <React.Fragment>
-        {this.metaData && (
-          <script
-            type="application/ld+json"
-            // eslint-disable-next-line react/no-danger
-            dangerouslySetInnerHTML={{ __html: this.metaData }}
-          />
-        )}
-        {/* $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'. */}
-        <nav aria-label={label} {...rest}>
-          <ol className={getClassName('bpk-breadcrumb')}>{children}</ol>
-        </nav>
-      </React.Fragment>
-    );
-  }
-}
-
-BpkBreadcrumb.propTypes = {
-  children: PropTypes.node.isRequired,
-  label: PropTypes.string.isRequired,
-  schemaMetaData: PropTypes.arrayOf(
-    PropTypes.shape({
-      url: PropTypes.string.isRequired,
-      label: PropTypes.string.isRequired,
-    }),
-  ),
-};
-
-BpkBreadcrumb.defaultProps = {
-  schemaMetaData: null,
-};
-
-export default BpkBreadcrumb;

package/bpk-component-breadcrumb/src/BpkBreadcrumb.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-breadcrumb{display:flex;margin:0;padding:0;flex-wrap:wrap;list-style-type:none}

package/bpk-component-breadcrumb/src/BpkBreadcrumb.module.scss

@@ -1,27 +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-breadcrumb {
-  display: flex;
-  margin: 0;
-  padding: 0;
-  flex-wrap: wrap;
-  list-style-type: none;
-}

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

@@ -1,93 +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 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 STYLES from './BpkBreadcrumbItem.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-export type Props = {
-  children: Node,
-  active: boolean,
-  href: ?string,
-  className: ?string,
-  linkProps: ?{ [string]: any },
-};
-
-const RtlSupportedArrowRight = withRtlSupport(ArrowRight);
-
-const BpkBreadcrumbItem = (props: Props) => {
-  const { active, children, className, href, linkProps, ...rest } = props;
-
-  return (
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    <li className={getClassName('bpk-breadcrumb-item', className)} {...rest}>
-      {active ? (
-        // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-        <BpkText
-          className={getClassName('bpk-breadcrumb-item__active-item')}
-          aria-current="page"
-          {...linkProps}
-        >
-          {children}
-        </BpkText>
-      ) : (
-        // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-        <BpkLink
-          href={href}
-          className={getClassName('bpk-breadcrumb-item__link')}
-          {...linkProps}
-        >
-          {children}
-        </BpkLink>
-      )}
-      {!active && (
-        <RtlSupportedArrowRight
-          className={getClassName('bpk-breadcrumb-item__arrow')}
-        />
-      )}
-    </li>
-  );
-};
-
-BpkBreadcrumbItem.propTypes = {
-  children: PropTypes.node.isRequired,
-  active: PropTypes.bool,
-  href: PropTypes.string,
-  className: PropTypes.string,
-  linkProps: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-};
-
-BpkBreadcrumbItem.defaultProps = {
-  active: false,
-  href: null,
-  className: null,
-  linkProps: null,
-};
-
-export default BpkBreadcrumbItem;

package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.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-breadcrumb-item{display:flex;align-items:center;white-space:nowrap}.bpk-breadcrumb-item__link{margin:0}.bpk-breadcrumb-item__active-item{color:#444560}.bpk-breadcrumb-item__arrow{margin:0 0.25rem;fill:#b2b2bf}

package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.module.scss

@@ -1,40 +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';
-
-$bpk-spacing-v2: true;
-
-.bpk-breadcrumb-item {
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-
-  &__link {
-    @include bpk-text;
-  }
-
-  &__active-item {
-    color: $bpk-color-sky-gray-tint-01;
-  }
-
-  &__arrow {
-    margin: 0 bpk-spacing-sm();
-    fill: $bpk-color-sky-gray-tint-04;
-  }
-}

package/bpk-component-breakpoint/README.md

@@ -1,34 +0,0 @@
-# bpk-component-breakpoint
-
-> Backpack breakpoint component.
-
-## Installation
-
-```sh
-npm install bpk-component-breakpoint --save-dev
-```
-
-## Usage
-
-```js
-import React from 'react';
-import BpkBreakpoint, { BREAKPOINTS } from 'bpk-component-breakpoint';
-
-export default () => (
-  <BpkBreakpoint query={BREAKPOINTS.MOBILE}>
-    {isActive => (isActive ? <span>Mobile viewport is active</span> : <span>Mobile viewport is inactive</span>)}
-  </BpkBreakpoint>
-
-  <BpkBreakpoint query={BREAKPOINTS.TABLET}>
-    <span>Tablet viewport is active</span>
-  </BpkBreakpoint>
-);
-```
-
-## Props
-
-| Property  | PropType               | Required | Default Value |
-| --------- | ---------------------- | -------- | ------------- |
-| children  | oneOfType(node, func)  | true     | -             |
-| query     | oneOf(BREAKPOINTS)     | true     | -             |
-| legacy    | bool                   | false    | false         |

package/bpk-component-breakpoint/index.js

@@ -1,24 +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 BpkBreakpoint, { BREAKPOINTS } from './src/BpkBreakpoint';
-
-export { BREAKPOINTS };
-export default BpkBreakpoint;

package/bpk-component-breakpoint/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "bpk-component-breakpoint",
-  "version": "4.0.4",
-  "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": "^6.0.0",
-    "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-breakpoint/src/BpkBreakpoint.js

@@ -1,68 +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 PropTypes from 'prop-types';
-import React, { type Node } from 'react';
-import MediaQuery from 'react-responsive';
-import TOKENS from '@skyscanner/bpk-foundations-web/tokens/breakpoints.common';
-
-const BREAKPOINTS = {
-  SMALL_MOBILE: TOKENS.breakpointQuerySmallMobile,
-  MOBILE: TOKENS.breakpointQueryMobile,
-  SMALL_TABLET: TOKENS.breakpointQuerySmallTablet,
-  SMALL_TABLET_ONLY: TOKENS.breakpointQuerySmallTabletOnly,
-  TABLET: TOKENS.breakpointQueryTablet,
-  TABLET_ONLY: TOKENS.breakpointQueryTabletOnly,
-  ABOVE_MOBILE: TOKENS.breakpointQueryAboveMobile,
-  ABOVE_TABLET: TOKENS.breakpointQueryAboveTablet,
-};
-
-type Props = {
-  children: Node | ((matches: boolean) => mixed),
-  query: string | $Values<typeof BREAKPOINTS>,
-  legacy: boolean,
-};
-
-const BpkBreakpoint = (props: Props) => {
-  const { children, query } = props;
-  return <MediaQuery query={query}>{children}</MediaQuery>;
-};
-
-const queryValidator = (props: Props, ...rest) => {
-  if (!props.legacy) {
-    return PropTypes.oneOf(
-      Object.keys(BREAKPOINTS).map((key) => BREAKPOINTS[key]),
-    ).isRequired(props, ...rest);
-  }
-  return PropTypes.string.isRequired(props, ...rest);
-};
-
-BpkBreakpoint.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired,
-  query: queryValidator, // eslint-disable-line react/require-default-props
-  legacy: PropTypes.bool, // eslint-disable-line react/no-unused-prop-types
-};
-
-BpkBreakpoint.defaultProps = {
-  legacy: false,
-};
-
-export { BREAKPOINTS };
-export default BpkBreakpoint;

package/bpk-component-button/BpkButtonDestructive.js

@@ -1,21 +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 } from './src/BpkButtonDestructive';

package/bpk-component-button/BpkButtonFeatured.js

@@ -1,21 +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 } from './src/BpkButtonFeatured';

package/bpk-component-button/BpkButtonLink.js

@@ -1,21 +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 } from './src/BpkButtonLink';

package/bpk-component-button/BpkButtonLinkOnDark.js

@@ -1,21 +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 } from './src/BpkButtonLinkOnDark';

package/bpk-component-button/BpkButtonOutline.js

@@ -1,21 +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 } from './src/BpkButtonOutline';

package/bpk-component-button/BpkButtonPrimary.js

@@ -1,21 +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 } from './src/BpkButtonPrimary';

package/bpk-component-button/BpkButtonPrimaryOnDark.js

@@ -1,21 +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 } from './src/BpkButtonPrimaryOnDark';

package/bpk-component-button/BpkButtonPrimaryOnLight.js

@@ -1,21 +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 } from './src/BpkButtonPrimaryOnLight';

package/bpk-component-button/BpkButtonSecondary.js

@@ -1,21 +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 } from './src/BpkButtonSecondary';