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

package/bpk-component-button/src/BpkButton-test.js

@@ -0,0 +1,165 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _BpkButton = _interopRequireDefault(require("./BpkButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+ * 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.
+ */
+describe('BpkButton', () => {
+  it('should render correctly', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, null, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with a "href" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      href: "#"
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with a "secondary" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      secondary: true
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with a "destructive" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      destructive: true
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with a "disabled" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      disabled: true
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with a "large" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      large: true
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with a "link" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      link: true
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with an "outline" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      outline: true
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with an "iconOnly" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      iconOnly: true
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with "large" and "secondary" attributes', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      large: true,
+      secondary: true
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should respect the class names entered as a string', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      large: true,
+      secondary: true,
+      className: "custom-class-1 custom-class-2"
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should add only bpk specific classes if className prop is set to empty string', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      large: true,
+      secondary: true,
+      className: ""
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with "blank" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      href: "#",
+      blank: true
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with "rel" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      href: "#",
+      rel: "rel-attr"
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with "blank" and "rel" attributes', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      href: "#",
+      blank: true,
+      rel: "rel-overwrite"
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with "disabled" and "href" attributes', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkButton.default, {
+      href: "#",
+      disabled: true
+    }, "My button"));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/bpk-component-button/src/BpkButton.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _index = require("../index");
+
+var _commonTypes = require("./common-types");
+
+const _excluded = ["destructive", "featured", "link", "linkOnDark", "outline", "primaryOnDark", "primaryOnLight", "secondary", "secondaryOnDark"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const BpkButton = props => {
+  const {
+    destructive,
+    featured,
+    link,
+    linkOnDark,
+    outline,
+    primaryOnDark,
+    primaryOnLight,
+    secondary,
+    secondaryOnDark
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  if (primaryOnDark) {
+    return /*#__PURE__*/_react.default.createElement(_index.BpkButtonPrimaryOnDark, rest);
+  }
+
+  if (primaryOnLight) {
+    return /*#__PURE__*/_react.default.createElement(_index.BpkButtonPrimaryOnLight, rest);
+  }
+
+  if (secondary) {
+    return /*#__PURE__*/_react.default.createElement(_index.BpkButtonSecondary, rest);
+  }
+
+  if (secondaryOnDark) {
+    return /*#__PURE__*/_react.default.createElement(_index.BpkButtonSecondaryOnDark, rest);
+  }
+
+  if (destructive) {
+    return /*#__PURE__*/_react.default.createElement(_index.BpkButtonDestructive, rest);
+  }
+
+  if (featured) {
+    return /*#__PURE__*/_react.default.createElement(_index.BpkButtonFeatured, rest);
+  }
+
+  if (outline) {
+    return /*#__PURE__*/_react.default.createElement(_index.BpkButtonOutline, rest);
+  }
+
+  if (link) {
+    return /*#__PURE__*/_react.default.createElement(_index.BpkButtonLink, rest);
+  }
+
+  if (linkOnDark) {
+    return /*#__PURE__*/_react.default.createElement(_index.BpkButtonLinkOnDark, rest);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_index.BpkButtonPrimary, rest);
+};
+
+BpkButton.propTypes = _objectSpread(_objectSpread({}, _commonTypes.propTypes), {}, {
+  primaryOnDark: _propTypes.default.bool,
+  primaryOnLight: _propTypes.default.bool,
+  secondary: _propTypes.default.bool,
+  secondaryOnDark: _propTypes.default.bool,
+  destructive: _propTypes.default.bool,
+  featured: _propTypes.default.bool,
+  outline: _propTypes.default.bool,
+  link: _propTypes.default.bool,
+  linkOnDark: _propTypes.default.bool
+});
+BpkButton.defaultProps = _objectSpread(_objectSpread({}, _commonTypes.defaultProps), {}, {
+  primaryOnDark: false,
+  primaryOnLight: false,
+  secondary: false,
+  secondaryOnDark: false,
+  destructive: false,
+  featured: false,
+  outline: false,
+  link: false,
+  linkOnDark: false
+});
+var _default = BpkButton;
+exports.default = _default;

package/bpk-component-button/src/BpkButtonBase.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.cssModules = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _commonTypes = require("./common-types");
+
+var _BpkButtonBaseModule = _interopRequireDefault(require("./BpkButtonBase.module.scss"));
+
+const _excluded = ["blank", "children", "className", "disabled", "href", "iconOnly", "large", "onClick", "rel", "submit"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+// This was originally depended upon from the bpk-react-utils package, however
+// we decided to inline it in this particular component so as not to bloat the
+// the bundles of consumers who are not yet on webpack 2
+// We'll revisit this again soon.
+const cssModules = (styles = {}) => className => styles[className] ? styles[className] : className;
+
+exports.cssModules = cssModules;
+const getCommonClassName = cssModules(_BpkButtonBaseModule.default);
+
+const BpkButton = props => {
+  const {
+    blank,
+    children,
+    className,
+    disabled,
+    href,
+    iconOnly,
+    large,
+    onClick,
+    rel: propRel,
+    submit
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const classNames = [getCommonClassName('bpk-button')];
+
+  if (large) {
+    classNames.push(getCommonClassName('bpk-button--large'));
+  }
+
+  if (iconOnly) {
+    classNames.push(getCommonClassName(large ? 'bpk-button--large-icon-only' : 'bpk-button--icon-only'));
+  }
+
+  if (className) {
+    classNames.push(className);
+  }
+
+  const classNameFinal = classNames.join(' ');
+  const target = blank ? '_blank' : null;
+  const rel = blank ? propRel || 'noopener noreferrer' : propRel;
+
+  if (!disabled && href) {
+    return (
+      /*#__PURE__*/
+      // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+      _react.default.createElement("a", _extends({
+        href: href,
+        className: classNameFinal,
+        onClick: onClick,
+        target: target,
+        rel: rel
+      }, rest), children)
+    );
+  } // Due to React bug in Chrome, the onClick event fires even if the button is disabled.
+  // Pull request is being worked on (as of 2016-12-22): https://github.com/facebook/react/pull/8329
+
+
+  const onClickWrapper = onClick ? (...args) => {
+    if (!disabled) {
+      onClick(...args);
+    }
+  } : null;
+  const buttonType = submit ? 'submit' : 'button';
+  /* eslint-disable react/button-has-type */
+
+  return (
+    /*#__PURE__*/
+    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+    _react.default.createElement("button", _extends({
+      type: buttonType,
+      disabled: disabled,
+      className: classNameFinal,
+      onClick: onClickWrapper
+    }, rest), children)
+  );
+  /* eslint-enable */
+};
+
+BpkButton.propTypes = _objectSpread({}, _commonTypes.propTypes);
+BpkButton.defaultProps = _objectSpread({}, _commonTypes.defaultProps);
+var _default = BpkButton;
+exports.default = _default;

package/bpk-component-button/src/BpkButtonDestructive-test.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _BpkButtonDestructive = _interopRequireDefault(require("./BpkButtonDestructive"));
+
+var _commonButtonTests = _interopRequireDefault(require("./commonButtonTests"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+ * 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.
+ */
+(0, _commonButtonTests.default)(_BpkButtonDestructive.default);

package/bpk-component-button/src/BpkButtonDestructive.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _commonTypes = require("./common-types");
+
+var _BpkButtonBase = _interopRequireWildcard(require("./BpkButtonBase"));
+
+var _BpkButtonDestructiveModule = _interopRequireDefault(require("./BpkButtonDestructive.module.scss"));
+
+const _excluded = ["className"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const getClassName = (0, _BpkButtonBase.cssModules)(_BpkButtonDestructiveModule.default);
+
+const BpkButtonDestructive = props => {
+  const {
+    className
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const classNames = [getClassName('bpk-button--destructive')];
+
+  if (className) {
+    classNames.push(className);
+  }
+
+  const classNamesFinal = classNames.join(' ');
+  return (
+    /*#__PURE__*/
+    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+    _react.default.createElement(_BpkButtonBase.default, _extends({
+      className: classNamesFinal
+    }, rest))
+  );
+};
+
+BpkButtonDestructive.propTypes = _objectSpread({}, _commonTypes.propTypes);
+BpkButtonDestructive.defaultProps = _objectSpread({}, _commonTypes.defaultProps);
+var _default = BpkButtonDestructive;
+exports.default = _default;

package/bpk-component-button/src/BpkButtonFeatured-test.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _BpkButtonFeatured = _interopRequireDefault(require("./BpkButtonFeatured"));
+
+var _commonButtonTests = _interopRequireDefault(require("./commonButtonTests"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+ * 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.
+ */
+(0, _commonButtonTests.default)(_BpkButtonFeatured.default);

package/bpk-component-button/src/BpkButtonFeatured.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _commonTypes = require("./common-types");
+
+var _BpkButtonBase = _interopRequireWildcard(require("./BpkButtonBase"));
+
+var _BpkButtonFeaturedModule = _interopRequireDefault(require("./BpkButtonFeatured.module.scss"));
+
+const _excluded = ["className"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const getClassName = (0, _BpkButtonBase.cssModules)(_BpkButtonFeaturedModule.default);
+
+const BpkButtonFeatured = props => {
+  const {
+    className
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const classNames = [getClassName('bpk-button--featured')];
+
+  if (className) {
+    classNames.push(className);
+  }
+
+  const classNamesFinal = classNames.join(' ');
+  return (
+    /*#__PURE__*/
+    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+    _react.default.createElement(_BpkButtonBase.default, _extends({
+      className: classNamesFinal
+    }, rest))
+  );
+};
+
+BpkButtonFeatured.propTypes = _objectSpread({}, _commonTypes.propTypes);
+BpkButtonFeatured.defaultProps = _objectSpread({}, _commonTypes.defaultProps);
+var _default = BpkButtonFeatured;
+exports.default = _default;

package/bpk-component-button/src/BpkButtonLink-test.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _BpkButtonLink = _interopRequireDefault(require("./BpkButtonLink"));
+
+var _commonButtonTests = _interopRequireDefault(require("./commonButtonTests"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+ * 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.
+ */
+(0, _commonButtonTests.default)(_BpkButtonLink.default);

package/bpk-component-button/src/BpkButtonLink.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _commonTypes = require("./common-types");
+
+var _BpkButtonBase = _interopRequireWildcard(require("./BpkButtonBase"));
+
+var _BpkButtonLinkModule = _interopRequireDefault(require("./BpkButtonLink.module.scss"));
+
+const _excluded = ["className", "large"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const getClassName = (0, _BpkButtonBase.cssModules)(_BpkButtonLinkModule.default);
+
+const BpkButtonLink = props => {
+  const {
+    className,
+    large
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const classNames = [getClassName('bpk-button--link')];
+
+  if (large) {
+    classNames.push(getClassName('bpk-button--link-large'));
+  }
+
+  if (className) {
+    classNames.push(className);
+  }
+
+  const classNamesFinal = classNames.join(' ');
+  return (
+    /*#__PURE__*/
+    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+    _react.default.createElement(_BpkButtonBase.default, _extends({
+      className: classNamesFinal,
+      large: large
+    }, rest))
+  );
+};
+
+BpkButtonLink.propTypes = _objectSpread({}, _commonTypes.propTypes);
+BpkButtonLink.defaultProps = _objectSpread({}, _commonTypes.defaultProps);
+var _default = BpkButtonLink;
+exports.default = _default;