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

package/bpk-component-link/src/BpkLink.js

@@ -1,110 +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 themeAttributes, {
-  linkAlternateThemeAttributes,
-} from './themeAttributes';
-import STYLES from './BpkLink.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-type Props = {
-  children: Node,
-  href: ?string,
-  className: ?string,
-  onClick: ?(event: SyntheticEvent<>) => mixed,
-  blank: boolean,
-  rel: ?string,
-  alternate: boolean,
-  white: boolean,
-};
-
-const BpkLink = (props: Props) => {
-  const {
-    alternate,
-    blank,
-    children,
-    className,
-    href,
-    onClick,
-    rel: propRel,
-    white,
-    ...rest
-  } = props;
-
-  const classNames = [getClassName('bpk-link')];
-
-  const target = blank ? '_blank' : null;
-  const rel = blank ? propRel || 'noopener noreferrer' : propRel;
-
-  if (white || alternate) {
-    classNames.push(getClassName('bpk-link--alternate'));
-  }
-  if (className) {
-    classNames.push(className);
-  }
-
-  return (
-    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    <a
-      className={classNames.join(' ')}
-      href={href}
-      onClick={onClick}
-      target={target}
-      rel={rel}
-      {...rest}
-    >
-      {children}
-    </a>
-  );
-};
-
-BpkLink.propTypes = {
-  children: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.node),
-    PropTypes.node,
-  ]).isRequired,
-  href: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  onClick: PropTypes.func,
-  blank: PropTypes.bool,
-  rel: PropTypes.string,
-  alternate: PropTypes.bool,
-  // DEPRECATED
-  white: PropTypes.bool,
-};
-
-BpkLink.defaultProps = {
-  className: null,
-  onClick: null,
-  blank: false,
-  rel: null,
-  alternate: false,
-  // DEPRECATED
-  white: false,
-};
-
-export default BpkLink;
-export { themeAttributes, linkAlternateThemeAttributes };

package/bpk-component-link/src/BpkLink.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-link{padding:0;border:0;background-color:transparent;text-decoration:none;cursor:pointer;appearance:none;color:#0770e3;color:var(--bpk-link-color, #0770e3)}.bpk-no-touch-support .bpk-link:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-link:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}.bpk-link:visited{color:#0770e3;color:var(--bpk-link-visited-color, #0770e3)}.bpk-link:active{text-decoration:underline;color:#042759;color:var(--bpk-link-active-color, #042759)}.bpk-link--active{color:#042759}.bpk-link--active:visited{color:#042759}.bpk-link--active:active{color:#042759}.bpk-link--alternate{color:#fff;color:var(--bpk-link-alternate-color, #fff)}.bpk-no-touch-support .bpk-link--alternate:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-link-alternate-hover-color, #fff)}:global(.bpk-no-touch-support) .bpk-link--alternate:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-link-alternate-hover-color, #fff)}.bpk-link--alternate:visited{color:#fff;color:var(--bpk-link-alternate-visited-color, #fff)}.bpk-link--alternate:active{color:#dddde5;color:var(--bpk-link-alternate-active-color, #dddde5)}

package/bpk-component-link/src/BpkLink.module.scss

@@ -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.
- */
-
-@import '~bpk-mixins/index';
-
-.bpk-link {
-  @include bpk-link;
-
-  &--active {
-    @include bpk-link--active;
-  }
-
-  &--alternate {
-    @include bpk-link--alternate;
-  }
-}

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

@@ -1,35 +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 [
-  'linkColor',
-  'linkHoverColor',
-  'linkActiveColor',
-  'linkVisitedColor',
-];
-
-const linkAlternateThemeAttributes = [
-  'linkAlternateColor',
-  'linkAlternateHoverColor',
-  'linkAlternateActiveColor',
-  'linkAlternateVisitedColor',
-];
-
-export { linkAlternateThemeAttributes };

package/bpk-component-list/README.md

@@ -1,48 +0,0 @@
-# bpk-component-list
-
-> Backpack list component.
-
-## Installation
-
-```sh
-npm install bpk-component-list --save-dev
-```
-
-## Usage
-
-```js
-import React from 'react';
-import { BpkList, BpkListItem } from 'bpk-component-list';
-
-export default () => (
-  <BpkList>
-    <BpkListItem>Apples</BpkListItem>
-    <BpkListItem>
-      Oranges
-      <BpkList ordered>
-        <BpkListItem>Tangerines</BpkListItem>
-        <BpkListItem>Nectarines</BpkListItem>
-        <BpkListItem>Satsuma</BpkListItem>
-      </BpkList>
-    </BpkListItem>
-    <BpkListItem>Pears</BpkListItem>
-  </BpkList>
-);
-```
-
-## Props
-
-### BpkList
-
-| Property  | PropType | Required | Default Value |
-| --------- | -------- | -------- | ------------- |
-| children  | -        | true     | -             |
-| ordered   | bool     | false    | false         |
-| className | string   | false    | null          |
-
-### BpkListItem
-
-| Property  | PropType | Required | Default Value |
-| --------- | -------- | -------- | ------------- |
-| children  | -        | true     | -             |
-| className | string   | false    | null          |

package/bpk-component-list/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 BpkList from './src/BpkList';
-import BpkListItem from './src/BpkListItem';
-
-export { BpkList, BpkListItem };

package/bpk-component-list/package.json

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

@@ -1,59 +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 './BpkList.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-type Props = {
-  children: Node,
-  ordered: boolean,
-  className: ?string,
-};
-
-const BpkList = (props: Props) => {
-  const { children, className, ordered } = props;
-
-  const TagName: any = ordered ? 'ol' : 'ul';
-  const classNames: string = getClassName('bpk-list', className);
-
-  return <TagName className={classNames}>{children}</TagName>;
-};
-
-BpkList.propTypes = {
-  children: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.node),
-    PropTypes.node,
-  ]).isRequired,
-  ordered: PropTypes.bool,
-  className: PropTypes.string,
-};
-
-BpkList.defaultProps = {
-  ordered: false,
-  className: null,
-};
-
-export default BpkList;

package/bpk-component-list/src/BpkList.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-list{margin-top:0;margin-bottom:.75rem;padding-left:1.5rem}.bpk-list__item{margin-top:0;margin-bottom:0}.bpk-list .bpk-list{margin-top:0;margin-bottom:0}

package/bpk-component-list/src/BpkList.module.scss

@@ -1,37 +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-list {
-  @include bpk-list;
-
-  &__item {
-    @include bpk-list-item;
-  }
-
-  & & {
-    @include bpk-list--nested;
-
-    /* stylelint-disable selector-max-compound-selectors */
-
-    > li {
-      margin-bottom: 0;
-    }
-  }
-}

package/bpk-component-list/src/BpkListItem.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 PropTypes from 'prop-types';
-import React, { type Node } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
-
-import STYLES from './BpkList.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-type Props = {
-  children: Node,
-  className: ?string,
-};
-
-const BpkListItem = (props: Props) => {
-  const { children, className } = props;
-
-  const classNames = getClassName('bpk-list__item', className);
-
-  return <li className={classNames}>{children}</li>;
-};
-
-BpkListItem.propTypes = {
-  children: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.node),
-    PropTypes.node,
-  ]).isRequired,
-  className: PropTypes.string,
-};
-
-BpkListItem.defaultProps = {
-  className: null,
-};
-
-export default BpkListItem;

package/bpk-component-loading-button/README.md

@@ -1,48 +0,0 @@
-# bpk-component-loading-button
-
-> Backpack loading button component.
-
-## Installation
-
-```sh
-npm install bpk-component-loading-button --save-dev
-```
-
-## Usage
-
-```js
-import React from 'react';
-import BpkLoadingButton from 'bpk-component-loading-button';
-import BaggageIcon from 'bpk-component-icon/sm/baggage';
-import { withButtonAlignment, withRtlSupport } from 'bpk-component-icon';
-
-const AlignedBaggageIcon = withButtonAlignment(withRtlSupport(BaggageIcon));
-const icon = <AlignedBaggageIcon />;
-
-export default () => (
-  <div>
-    <BpkLoadingButton>Primary</BpkLoadingButton>
-    <BpkLoadingButton large>Large primary</BpkLoadingButton>
-    <BpkLoadingButton secondary>Secondary</BpkLoadingButton>
-    <BpkLoadingButton iconOnly>
-      <span className="visually-hidden">Search</span>
-    </BpkLoadingButton>
-    <BpkLoadingButton icon={icon} iconDisabled={icon}>Custom Icon</BpkLoadingButton>
-  </div>
-);
-```
-
-## Props
-
-| Property     | PropType             | Required | Default Value          |
-| ------------ | -------------------- | -------- | ---------------------- |
-| children     | node                 | true     | -                      |
-| className    | string               | false    | null                   |
-| disabled     | bool                 | false    | false                  |
-| secondary    | bool                 | false    | false                  |
-| destructive  | bool                 | false    | false                  |
-| loading      | bool                 | false    | false                  |
-| iconOnly     | bool                 | false    | false                  |
-| icon         | element              | false    | null                   |
-| iconDisabled | element              | false    | null                   |
-| iconPosition | oneOf(ICON_POSITION) | false    | ICON_POSITION.TRAILING |

package/bpk-component-loading-button/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 BpkLoadingButton, { ICON_POSITION } from './src/BpkLoadingButton';
-
-export default BpkLoadingButton;
-export { ICON_POSITION };

package/bpk-component-loading-button/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "bpk-component-loading-button",
-  "version": "6.1.7",
-  "description": "Backpack loading 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": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
-  "dependencies": {
-    "bpk-component-button": "^6.2.7",
-    "bpk-component-icon": "^9.2.13",
-    "bpk-component-spinner": "^5.1.12",
-    "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^6.0.0",
-    "prop-types": "^15.7.2"
-  },
-  "devDependencies": {
-    "bpk-storybook-utils": "^1.1.11"
-  },
-  "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0"
-  }
-}