@skyscanner/backpack-web 21.0.2 → 22.0.0-beta.2

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

@@ -1,46 +1,44 @@
-/*
- * 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 { Props, defaultProps, propTypes } from './common-types';
-import BpkButtonBase, { cssModules } from './BpkButtonBase';
-import STYLES from './BpkButtonDestructive.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-const BpkButtonDestructive = (props: Props) => {
-  const { className, ...rest } = props;
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _commonTypes = require("./common-types");
+var _BpkButtonBase = _interopRequireWildcard(require("./BpkButtonBase"));
+var _BpkButtonDestructiveModule = _interopRequireDefault(require("./BpkButtonDestructive.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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'.
-    <BpkButtonBase className={classNamesFinal} {...rest} />
+    (0, _jsxRuntime.jsx)(_BpkButtonBase.default, _objectSpread({
+      className: classNamesFinal
+    }, rest))
   );
 };
-
-BpkButtonDestructive.propTypes = { ...propTypes };
-BpkButtonDestructive.defaultProps = { ...defaultProps };
-
-export default BpkButtonDestructive;
+BpkButtonDestructive.propTypes = _objectSpread({}, _commonTypes.propTypes);
+BpkButtonDestructive.defaultProps = _objectSpread({}, _commonTypes.defaultProps);
+var _default = BpkButtonDestructive;
+exports.default = _default;

package/bpk-component-button/src/BpkButtonDestructive.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--destructive{background-image:none;color:#0770e3;color:var(--bpk-button-secondary-text-color, #0770e3);background-color:#fff;background-color:var(--bpk-button-secondary-background-color, #fff);box-shadow:0 0 0 2px #dddde5 inset;box-shadow:0 0 0 2px var(--bpk-button-secondary-border-color, #dddde5) inset;color:#d1435b;color:var(--bpk-button-destructive-text-color, #d1435b);background-color:#fff;background-color:var(--bpk-button-destructive-background-color, #fff);box-shadow:0 0 0 2px #dddde5 inset;box-shadow:0 0 0 2px var(--bpk-button-destructive-border-color, #dddde5) inset}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;box-shadow:0 0 0 2px #0770e3 inset;color:#0770e3;color:var(--bpk-button-secondary-hover-text-color, #0770e3);background-color:#fff;background-color:var(--bpk-button-secondary-hover-background-color, #fff);box-shadow:0 0 0 2px #0770e3 inset;box-shadow:0 0 0 2px var(--bpk-button-secondary-hover-border-color, #0770e3) inset}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;box-shadow:0 0 0 2px #0770e3 inset;color:#0770e3;color:var(--bpk-button-secondary-hover-text-color, #0770e3);background-color:#fff;background-color:var(--bpk-button-secondary-hover-background-color, #fff);box-shadow:0 0 0 2px #0770e3 inset;box-shadow:0 0 0 2px var(--bpk-button-secondary-hover-border-color, #0770e3) inset}.bpk-button--destructive:active{background-image:none;box-shadow:0 0 0 3px #084eb2 inset;color:#084eb2;color:var(--bpk-button-secondary-active-text-color, #084eb2);background-color:#fff;background-color:var(--bpk-button-secondary-active-background-color, #fff);box-shadow:0 0 0 3px #084eb2 inset;box-shadow:0 0 0 3px var(--bpk-button-secondary-active-border-color, #084eb2) inset}.bpk-button--destructive:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf;box-shadow:none}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;box-shadow:0 0 0 2px #d1435b inset;color:#d1435b;color:var(--bpk-button-destructive-hover-text-color, #d1435b);background-color:#fff;background-color:var(--bpk-button-destructive-hover-background-color, #fff);box-shadow:0 0 0 2px #d1435b inset;box-shadow:0 0 0 2px var(--bpk-button-destructive-hover-border-color, #d1435b) inset}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){background-image:none;box-shadow:0 0 0 2px #d1435b inset;color:#d1435b;color:var(--bpk-button-destructive-hover-text-color, #d1435b);background-color:#fff;background-color:var(--bpk-button-destructive-hover-background-color, #fff);box-shadow:0 0 0 2px #d1435b inset;box-shadow:0 0 0 2px var(--bpk-button-destructive-hover-border-color, #d1435b) inset}.bpk-button--destructive:active{box-shadow:0 0 0 3px #d1435b inset;color:#d1435b;color:var(--bpk-button-destructive-active-text-color, #d1435b);background-color:#fff;background-color:var(--bpk-button-destructive-active-background-color, #fff);box-shadow:0 0 0 3px #d1435b inset;box-shadow:0 0 0 3px var(--bpk-button-destructive-active-border-color, #d1435b) inset}.bpk-button--destructive:disabled{background-color:#dddde5;background-image:none;color:#b2b2bf;box-shadow:none}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--destructive{color:#161616;color:var(--bpk-button-secondary-text-color, #161616);background-color:#e0e3e5;background-color:var(--bpk-button-secondary-background-color, #e0e3e5);color:#c80456;color:var(--bpk-button-destructive-text-color, #c80456);background-color:#e0e3e5;background-color:var(--bpk-button-destructive-background-color, #e0e3e5)}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-secondary-hover-text-color, #161616);background-color:#c2c9cd;background-color:var(--bpk-button-secondary-hover-background-color, #c2c9cd)}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-secondary-hover-text-color, #161616);background-color:#c2c9cd;background-color:var(--bpk-button-secondary-hover-background-color, #c2c9cd)}.bpk-button--destructive:active{color:#161616;color:var(--bpk-button-secondary-active-text-color, #161616);background-color:#c2c9cd;background-color:var(--bpk-button-secondary-active-background-color, #c2c9cd)}.bpk-button--destructive:disabled{background-color:#e0e3e5;color:rgba(0,0,0,0.2)}.bpk-no-touch-support .bpk-button--destructive:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-destructive-hover-text-color, #fff);background-color:#c80456;background-color:var(--bpk-button-destructive-hover-background-color, #c80456)}:global(.bpk-no-touch-support) .bpk-button--destructive:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-destructive-hover-text-color, #fff);background-color:#c80456;background-color:var(--bpk-button-destructive-hover-background-color, #c80456)}.bpk-button--destructive:active{color:#fff;color:var(--bpk-button-destructive-active-text-color, #fff);background-color:#c80456;background-color:var(--bpk-button-destructive-active-background-color, #c80456)}.bpk-button--destructive:disabled{background-color:#e0e3e5;color:rgba(0,0,0,0.2)}

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

@@ -1,46 +1,44 @@
-/*
- * 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 { Props, defaultProps, propTypes } from './common-types';
-import BpkButtonBase, { cssModules } from './BpkButtonBase';
-import STYLES from './BpkButtonFeatured.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-const BpkButtonFeatured = (props: Props) => {
-  const { className, ...rest } = props;
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _commonTypes = require("./common-types");
+var _BpkButtonBase = _interopRequireWildcard(require("./BpkButtonBase"));
+var _BpkButtonFeaturedModule = _interopRequireDefault(require("./BpkButtonFeatured.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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'.
-    <BpkButtonBase className={classNamesFinal} {...rest} />
+    (0, _jsxRuntime.jsx)(_BpkButtonBase.default, _objectSpread({
+      className: classNamesFinal
+    }, rest))
   );
 };
-
-BpkButtonFeatured.propTypes = { ...propTypes };
-BpkButtonFeatured.defaultProps = { ...defaultProps };
-
-export default BpkButtonFeatured;
+BpkButtonFeatured.propTypes = _objectSpread({}, _commonTypes.propTypes);
+BpkButtonFeatured.defaultProps = _objectSpread({}, _commonTypes.defaultProps);
+var _default = BpkButtonFeatured;
+exports.default = _default;

package/bpk-component-button/src/BpkButtonFeatured.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--featured{background-image:#0770e3;background-image:linear-gradient(-180deg, var(--bpk-button-featured-gradient-start-color, #0770e3) 0%, var(--bpk-button-featured-gradient-end-color, #0770e3) 100%);color:#fff;color:var(--bpk-button-featured-text-color, #fff);background-color:#0770e3;background-color:var(--bpk-button-featured-background-color, #0770e3)}.bpk-no-touch-support .bpk-button--featured:hover:not(:active):not(:disabled){background-image:none;box-shadow:none;color:#fff;color:var(--bpk-button-featured-hover-text-color, #fff);background-color:#084eb2;background-color:var(--bpk-button-featured-hover-background-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-button--featured:hover:not(:active):not(:disabled){background-image:none;box-shadow:none;color:#fff;color:var(--bpk-button-featured-hover-text-color, #fff);background-color:#084eb2;background-color:var(--bpk-button-featured-hover-background-color, #084eb2)}.bpk-button--featured:active{background-image:none;box-shadow:none;color:#fff;color:var(--bpk-button-featured-active-text-color, #fff);background-color:#042759;background-color:var(--bpk-button-featured-active-background-color, #042759)}.bpk-button--featured:disabled{background-color:#dddde5;background-image:none}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--featured{color:#fff;color:var(--bpk-button-featured-text-color, #fff);background-color:#0062e3;background-color:var(--bpk-button-featured-background-color, #0062e3)}.bpk-no-touch-support .bpk-button--featured:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-featured-hover-text-color, #fff);background-color:#024daf;background-color:var(--bpk-button-featured-hover-background-color, #024daf)}:global(.bpk-no-touch-support) .bpk-button--featured:hover:not(:active):not(:disabled){color:#fff;color:var(--bpk-button-featured-hover-text-color, #fff);background-color:#024daf;background-color:var(--bpk-button-featured-hover-background-color, #024daf)}.bpk-button--featured:active{color:#fff;color:var(--bpk-button-featured-active-text-color, #fff);background-color:#024daf;background-color:var(--bpk-button-featured-active-background-color, #024daf)}.bpk-button--featured:disabled{background-color:#e0e3e5;color:rgba(0,0,0,0.2)}

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

@@ -1,53 +1,49 @@
-/*
- * 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 { Props as CommonProps, defaultProps, propTypes } from './common-types';
-import BpkButtonBase, { cssModules } from './BpkButtonBase';
-import STYLES from './BpkButtonLink.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-type Props = {
-  ...CommonProps,
-};
-const BpkButtonLink = (props: Props) => {
-  const { className, large, ...rest } = props;
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _commonTypes = require("./common-types");
+var _BpkButtonBase = _interopRequireWildcard(require("./BpkButtonBase"));
+var _BpkButtonLinkModule = _interopRequireDefault(require("./BpkButtonLink.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "large"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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'.
-    <BpkButtonBase className={classNamesFinal} large={large} {...rest} />
+    (0, _jsxRuntime.jsx)(_BpkButtonBase.default, _objectSpread({
+      className: classNamesFinal,
+      large: large
+    }, rest))
   );
 };
-
-BpkButtonLink.propTypes = { ...propTypes };
-BpkButtonLink.defaultProps = { ...defaultProps };
-
-export default BpkButtonLink;
+BpkButtonLink.propTypes = _objectSpread({}, _commonTypes.propTypes);
+BpkButtonLink.defaultProps = _objectSpread({}, _commonTypes.defaultProps);
+var _default = BpkButtonLink;
+exports.default = _default;

package/bpk-component-button/src/BpkButtonLink.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--link{padding:0;border-radius:0;background:none;font-weight:normal;box-shadow:none;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-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#084eb2;color:var(--bpk-link-hover-color, #084eb2)}.bpk-button--link:visited{color:#0770e3;color:var(--bpk-link-visited-color, #0770e3)}.bpk-button--link:active{text-decoration:underline;color:#042759;color:var(--bpk-link-active-color, #042759)}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){background:none}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){background:none}.bpk-button--link:active{background:none}.bpk-button--link:disabled{background:none;color:#b2b2bf;text-decoration:none}.bpk-button--padded{padding:0.5rem 1rem}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-button--link{border-radius:0;background:none;box-shadow:none;padding:0;border:0;background-color:transparent;text-decoration:none;cursor:pointer;appearance:none;color:#0062e3;color:var(--bpk-link-color, #0062e3);padding:.375rem 0;color:#0062e3}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#0062e3;color:var(--bpk-link-hover-color, #0062e3)}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){text-decoration:underline;color:#0062e3;color:var(--bpk-link-hover-color, #0062e3)}.bpk-button--link:visited{color:#0062e3;color:var(--bpk-link-visited-color, #0062e3)}.bpk-button--link:active{text-decoration:underline;color:#0062e3;color:var(--bpk-link-active-color, #0062e3)}.bpk-no-touch-support .bpk-button--link:hover:not(:active):not(:disabled){background:none;color:#154679;text-decoration:none}:global(.bpk-no-touch-support) .bpk-button--link:hover:not(:active):not(:disabled){background:none;color:#154679;text-decoration:none}.bpk-button--link:active{background:none;color:#154679;text-decoration:none}.bpk-button--link:disabled{background:none;color:rgba(0,0,0,0.2);text-decoration:none}.bpk-button--link-large{padding:.75rem 0}

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

@@ -1,53 +1,49 @@
-/*
- * 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 { Props as CommonProps, defaultProps, propTypes } from './common-types';
-import BpkButtonBase, { cssModules } from './BpkButtonBase';
-import STYLES from './BpkButtonLinkOnDark.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-type Props = {
-  ...CommonProps,
-};
-const BpkButtonLinkOnDark = (props: Props) => {
-  const { className, large, ...rest } = props;
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _commonTypes = require("./common-types");
+var _BpkButtonBase = _interopRequireWildcard(require("./BpkButtonBase"));
+var _BpkButtonLinkOnDarkModule = _interopRequireDefault(require("./BpkButtonLinkOnDark.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "large"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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)(_BpkButtonLinkOnDarkModule.default);
+const BpkButtonLinkOnDark = props => {
+  const {
+      className,
+      large
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const classNames = [getClassName('bpk-button--link-on-dark')];
-
   if (large) {
     classNames.push(getClassName('bpk-button--link-on-dark-large'));
   }
-
   if (className) {
     classNames.push(className);
   }
   const classNamesFinal = classNames.join(' ');
-
   return (
+    /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    <BpkButtonBase className={classNamesFinal} large={large} {...rest} />
+    (0, _jsxRuntime.jsx)(_BpkButtonBase.default, _objectSpread({
+      className: classNamesFinal,
+      large: large
+    }, rest))
   );
 };
-
-BpkButtonLinkOnDark.propTypes = { ...propTypes };
-BpkButtonLinkOnDark.defaultProps = { ...defaultProps };
-
-export default BpkButtonLinkOnDark;
+BpkButtonLinkOnDark.propTypes = _objectSpread({}, _commonTypes.propTypes);
+BpkButtonLinkOnDark.defaultProps = _objectSpread({}, _commonTypes.defaultProps);
+var _default = BpkButtonLinkOnDark;
+exports.default = _default;

package/bpk-component-button/src/BpkButtonLinkOnDark.module.css

@@ -0,0 +1,18 @@
+/*
+ * 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-button--link-on-dark{border-radius:0;background:none;box-shadow:none;padding:0;border:0;background-color:transparent;text-decoration:none;cursor:pointer;appearance:none;color:#0062e3;color:var(--bpk-link-color, #0062e3);padding:.375rem 0;color:#0062e3;color:#fff;color:var(--bpk-button-link-on-dark-text-color, #fff)}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){text-decoration:underline;color:#0062e3;color:var(--bpk-link-hover-color, #0062e3)}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){text-decoration:underline;color:#0062e3;color:var(--bpk-link-hover-color, #0062e3)}.bpk-button--link-on-dark:visited{color:#0062e3;color:var(--bpk-link-visited-color, #0062e3)}.bpk-button--link-on-dark:active{text-decoration:underline;color:#0062e3;color:var(--bpk-link-active-color, #0062e3)}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){background:none;color:#154679;text-decoration:none}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){background:none;color:#154679;text-decoration:none}.bpk-button--link-on-dark:active{background:none;color:#154679;text-decoration:none}.bpk-button--link-on-dark:disabled{background:none;color:rgba(0,0,0,0.2);text-decoration:none}.bpk-button--link-on-dark-large{padding:.75rem 0}.bpk-no-touch-support .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:rgba(255,255,255,0.5);color:var(--bpk-button-link-on-dark-hover-text-color, rgba(255,255,255,0.5))}:global(.bpk-no-touch-support) .bpk-button--link-on-dark:hover:not(:active):not(:disabled){color:rgba(255,255,255,0.5);color:var(--bpk-button-link-on-dark-hover-text-color, rgba(255,255,255,0.5))}.bpk-button--link-on-dark:active{color:rgba(255,255,255,0.5);color:var(--bpk-button-link-on-dark-active-text-color, rgba(255,255,255,0.5))}.bpk-button--link-on-dark:visited{color:#fff;color:var(--bpk-button-link-on-dark-text-color, #fff)}.bpk-button--link-on-dark:disabled{color:rgba(255,255,255,0.2);color:var(--bpk-button-link-on-dark-disabled-color, rgba(255,255,255,0.2))}

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

@@ -1,31 +1,22 @@
-/*
- * 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 { Props, defaultProps, propTypes } from './common-types';
-import BpkButtonBase from './BpkButtonBase';
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _commonTypes = require("./common-types");
+var _BpkButtonBase = _interopRequireDefault(require("./BpkButtonBase"));
+var _jsxRuntime = require("react/jsx-runtime");
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 // TODO: BpkButtonBase has the primary button style as it wasn't removed to
 // avoid a breaking change in the mixin. Review after this is tested.
-const BpkButtonPrimary = (props: Props) => <BpkButtonBase {...props} />;
-
-BpkButtonPrimary.propTypes = { ...propTypes };
-BpkButtonPrimary.defaultProps = { ...defaultProps };
-
-export default BpkButtonPrimary;
+const BpkButtonPrimary = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkButtonBase.default, _objectSpread({}, props));
+BpkButtonPrimary.propTypes = _objectSpread({}, _commonTypes.propTypes);
+BpkButtonPrimary.defaultProps = _objectSpread({}, _commonTypes.defaultProps);
+var _default = BpkButtonPrimary;
+exports.default = _default;

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

@@ -1,46 +1,44 @@
-/*
- * 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 { Props, defaultProps, propTypes } from './common-types';
-import BpkButtonBase, { cssModules } from './BpkButtonBase';
-import STYLES from './BpkButtonPrimaryOnDark.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-const BpkButtonPrimaryOnDark = (props: Props) => {
-  const { className, ...rest } = props;
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _commonTypes = require("./common-types");
+var _BpkButtonBase = _interopRequireWildcard(require("./BpkButtonBase"));
+var _BpkButtonPrimaryOnDarkModule = _interopRequireDefault(require("./BpkButtonPrimaryOnDark.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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)(_BpkButtonPrimaryOnDarkModule.default);
+const BpkButtonPrimaryOnDark = props => {
+  const {
+      className
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const classNames = [getClassName('bpk-button--primary-on-dark')];
-
   if (className) {
     classNames.push(className);
   }
   const classNamesFinal = classNames.join(' ');
-
   return (
+    /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    <BpkButtonBase className={classNamesFinal} {...rest} />
+    (0, _jsxRuntime.jsx)(_BpkButtonBase.default, _objectSpread({
+      className: classNamesFinal
+    }, rest))
   );
 };
-
-BpkButtonPrimaryOnDark.propTypes = { ...propTypes };
-BpkButtonPrimaryOnDark.defaultProps = { ...defaultProps };
-
-export default BpkButtonPrimaryOnDark;
+BpkButtonPrimaryOnDark.propTypes = _objectSpread({}, _commonTypes.propTypes);
+BpkButtonPrimaryOnDark.defaultProps = _objectSpread({}, _commonTypes.defaultProps);
+var _default = BpkButtonPrimaryOnDark;
+exports.default = _default;

package/bpk-component-button/src/BpkButtonPrimaryOnDark.module.css

@@ -0,0 +1,18 @@
+/*
+ * 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-button--primary-on-dark{color:#161616;color:var(--bpk-button-primary-on-dark-text-color, #161616);background-color:#fff;background-color:var(--bpk-button-primary-on-dark-background-color, #fff)}.bpk-no-touch-support .bpk-button--primary-on-dark:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-primary-on-dark-hover-text-color, #161616);background-color:#c2c9cd;background-color:var(--bpk-button-primary-on-dark-hover-background-color, #c2c9cd)}:global(.bpk-no-touch-support) .bpk-button--primary-on-dark:hover:not(:active):not(:disabled){color:#161616;color:var(--bpk-button-primary-on-dark-hover-text-color, #161616);background-color:#c2c9cd;background-color:var(--bpk-button-primary-on-dark-hover-background-color, #c2c9cd)}.bpk-button--primary-on-dark:active{color:#161616;color:var(--bpk-button-primary-on-dark-active-text-color, #161616);background-color:#c2c9cd;background-color:var(--bpk-button-primary-on-dark-active-background-color, #c2c9cd)}.bpk-button--primary-on-dark:disabled{background-color:#e0e3e5;color:rgba(0,0,0,0.2)}