@skyscanner/backpack-web 25.7.0-beta.2 → 25.8.0

package/bpk-component-text/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TEXT_STYLES", {
+  enumerable: true,
+  get: function () {
+    return _BpkText.TEXT_STYLES;
+  }
+});
+exports.default = void 0;
+var _BpkText = _interopRequireWildcard(require("./src/BpkText"));
+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; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,7 +30,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import component, { TEXT_STYLES } from "./src/BpkText";
-export default component;
-export { TEXT_STYLES };
+var _default = _BpkText.default;
+exports.default = _default;

package/bpk-component-text/src/BpkText.js

@@ -1,3 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TEXT_STYLES = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkTextModule = _interopRequireDefault(require("./BpkText.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className", "tagName", "textStyle"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,12 +25,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkText.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
-export const TEXT_STYLES = {
+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); }
+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, _bpkReactUtils.cssModules)(_BpkTextModule.default);
+const TEXT_STYLES = {
   xs: 'xs',
   sm: 'sm',
   base: 'base',
@@ -49,18 +63,21 @@ export const TEXT_STYLES = {
   hero4: 'hero-4',
   hero5: 'hero-5'
 };
-const BpkText = ({
-  children,
-  className = null,
-  tagName: TagName = 'span',
-  textStyle = TEXT_STYLES.bodyDefault,
-  ...rest
-}) => {
+exports.TEXT_STYLES = TEXT_STYLES;
+const BpkText = _ref => {
+  let {
+      children,
+      className = null,
+      tagName: TagName = 'span',
+      textStyle = TEXT_STYLES.bodyDefault
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const classNames = getClassName('bpk-text', `bpk-text--${textStyle}`, className);
-  return /*#__PURE__*/_jsx(TagName, {
-    className: classNames,
-    ...rest,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName, _objectSpread(_objectSpread({
+    className: classNames
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
-export default BpkText;
+var _default = BpkText;
+exports.default = _default;

package/bpk-component-textarea/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+var _BpkTextarea = _interopRequireDefault(require("./src/BpkTextarea"));
+var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,7 +29,6 @@
  * 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 BpkTextarea from "./src/BpkTextarea";
-import themeAttributes from "./src/themeAttributes";
-export default BpkTextarea;
-export { themeAttributes };
+ */
+var _default = _BpkTextarea.default;
+exports.default = _default;

package/bpk-component-textarea/src/BpkTextarea.js

@@ -1,3 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkTextareaModule = _interopRequireDefault(require("./BpkTextarea.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "large", "valid"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,18 +25,23 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */import PropTypes from 'prop-types';
-import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkTextarea.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+ */
+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); }
+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, _bpkReactUtils.cssModules)(_BpkTextareaModule.default);
 const BpkTextarea = props => {
   const {
-    className,
-    large,
-    valid,
-    ...rest
-  } = props;
+      className,
+      large,
+      valid
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
 
   // Explicit check for false primitive value as undefined is
   // treated as neither valid nor invalid
@@ -33,24 +49,24 @@ const BpkTextarea = props => {
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See decisions/flowfixme.md
-    _jsx("textarea", {
+    (0, _jsxRuntime.jsx)("textarea", _objectSpread({
       className: getClassName('bpk-textarea', isInvalid && 'bpk-textarea--invalid', large && 'bpk-textarea--large', className),
-      "aria-invalid": isInvalid,
-      ...rest
-    })
+      "aria-invalid": isInvalid
+    }, rest))
   );
 };
 BpkTextarea.propTypes = {
-  id: PropTypes.string.isRequired,
-  name: PropTypes.string.isRequired,
-  value: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  valid: PropTypes.bool,
-  large: PropTypes.bool
+  id: _propTypes.default.string.isRequired,
+  name: _propTypes.default.string.isRequired,
+  value: _propTypes.default.string.isRequired,
+  className: _propTypes.default.string,
+  valid: _propTypes.default.bool,
+  large: _propTypes.default.bool
 };
 BpkTextarea.defaultProps = {
   className: null,
   valid: null,
   large: false
 };
-export default BpkTextarea;
+var _default = BpkTextarea;
+exports.default = _default;

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

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,4 +20,6 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */export default ['textareaInvalidBorderColor'];
+ */
+var _default = ['textareaInvalidBorderColor'];
+exports.default = _default;

package/bpk-component-theme-toggle/index.js

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "updateOnThemeChange", {
+  enumerable: true,
+  get: function () {
+    return _updateOnThemeChange.default;
+  }
+});
+var _BpkThemeToggle = _interopRequireDefault(require("./src/BpkThemeToggle"));
+var _updateOnThemeChange = _interopRequireDefault(require("./src/updateOnThemeChange"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,8 +30,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-
-import BpkThemeToggle from "./src/BpkThemeToggle";
-import updateOnThemeChange from "./src/updateOnThemeChange";
-export default BpkThemeToggle;
-export { updateOnThemeChange };
+var _default = _BpkThemeToggle.default;
+exports.default = _default;

package/bpk-component-theme-toggle/src/BpkThemeToggle.js

@@ -1,44 +1,81 @@
-/*
- * 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.
- */
+"use strict";
 
-import { Component } from 'react';
-import BpkLabel from "../../bpk-component-label";
-import BpkSelect from "../../bpk-component-select";
-import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkThemeToggle.module.css";
-import bpkCustomThemes from "./theming";
-import { getHtmlElement, THEME_CHANGE_EVENT } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _bpkComponentLabel = _interopRequireDefault(require("../../bpk-component-label"));
+var _bpkComponentSelect = _interopRequireDefault(require("../../bpk-component-select"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkThemeToggleModule = _interopRequireDefault(require("./BpkThemeToggle.module.css"));
+var _theming = _interopRequireDefault(require("./theming"));
+var _utils = require("./utils");
+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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+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); } /*
+                                                                                                                                                                                                                                                                                                                                                                                           * 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.
+                                                                                                                                                                                                                                                                                                                                                                                           */
 const inputId = 'theme-select';
-const getClassName = cssModules(STYLES);
-const availableThemes = Object.keys(bpkCustomThemes);
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkThemeToggleModule.default);
+const availableThemes = Object.keys(_theming.default);
 const setTheme = theme => {
-  const htmlElement = getHtmlElement();
-  htmlElement.dispatchEvent(new CustomEvent(THEME_CHANGE_EVENT, {
+  const htmlElement = (0, _utils.getHtmlElement)();
+  htmlElement.dispatchEvent(new CustomEvent(_utils.THEME_CHANGE_EVENT, {
     detail: {
       theme
     }
   }));
 };
-class BpkThemeToggle extends Component {
+class BpkThemeToggle extends _react.Component {
   constructor(props) {
     super(props);
+    _defineProperty(this, "handleKeyDown", e => {
+      if (e.ctrlKey && e.metaKey && e.key.toLowerCase() === 't') {
+        this.cycleTheme();
+      }
+    });
+    _defineProperty(this, "handleChange", e => {
+      const selectedTheme = e.target.value;
+      this.setState({
+        selectedTheme
+      });
+      setTheme(_theming.default[selectedTheme]);
+    });
+    _defineProperty(this, "cycleTheme", () => {
+      let {
+        selectedTheme
+      } = this.state;
+      const selectedIndex = selectedTheme ? availableThemes.indexOf(selectedTheme) + 1 : 0;
+      if (selectedIndex >= availableThemes.length) {
+        selectedTheme = '';
+      } else {
+        selectedTheme = availableThemes[selectedIndex];
+      }
+      this.setState({
+        selectedTheme
+      });
+      setTheme(_theming.default[selectedTheme]);
+    });
     this.state = {
       selectedTheme: ''
     };
@@ -49,61 +86,33 @@ class BpkThemeToggle extends Component {
   componentWillUnmount() {
     document.removeEventListener('keydown', this.handleKeyDown);
   }
-  handleKeyDown = e => {
-    if (e.ctrlKey && e.metaKey && e.key.toLowerCase() === 't') {
-      this.cycleTheme();
-    }
-  };
-  handleChange = e => {
-    const selectedTheme = e.target.value;
-    this.setState({
-      selectedTheme
-    });
-    setTheme(bpkCustomThemes[selectedTheme]);
-  };
-  cycleTheme = () => {
-    let {
-      selectedTheme
-    } = this.state;
-    const selectedIndex = selectedTheme ? availableThemes.indexOf(selectedTheme) + 1 : 0;
-    if (selectedIndex >= availableThemes.length) {
-      selectedTheme = '';
-    } else {
-      selectedTheme = availableThemes[selectedIndex];
-    }
-    this.setState({
-      selectedTheme
-    });
-    setTheme(bpkCustomThemes[selectedTheme]);
-  };
   render() {
-    const {
-      ...rest
-    } = this.props;
-    return /*#__PURE__*/_jsxs("div", {
-      ...rest,
-      children: [/*#__PURE__*/_jsx(BpkLabel, {
+    const _this$props = this.props,
+      rest = Object.assign({}, (_objectDestructuringEmpty(_this$props), _this$props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, rest), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentLabel.default, {
         className: getClassName('bpk-theme-toggle__label'),
         htmlFor: inputId,
         children: "Change theme"
-      }), /*#__PURE__*/_jsxs(BpkSelect, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bpkComponentSelect.default, {
         id: inputId,
         name: inputId,
         value: this.state.selectedTheme,
         onChange: this.handleChange,
-        children: [/*#__PURE__*/_jsx("option", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
           value: "",
           hidden: true,
           children: "Change theme"
-        }), /*#__PURE__*/_jsx("option", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
           value: "skyscanner",
           children: "None"
-        }), availableThemes.map(themeName => /*#__PURE__*/_jsx("option", {
+        }), availableThemes.map(themeName => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
           value: themeName,
           children: themeName
         }, themeName))]
       })]
-    });
+    }));
   }
 }
-export default BpkThemeToggle;
+var _default = BpkThemeToggle;
+exports.default = _default;

package/bpk-component-theme-toggle/src/theming.js

@@ -1,3 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = require("@skyscanner/bpk-foundations-web/tokens/base.es6");
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,7 +22,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { colorSkyGrayTint02, colorSkyGrayTint06, colorWhite, colorMonteverde, textPrimaryDay } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
+
 const generateTheme = ({
   docsSidebarBackground,
   docsSidebarLink,
@@ -39,8 +46,8 @@ const generateTheme = ({
   accordionHoverColor: primaryColor600,
   badgeBackgroundColor: primaryColor500,
   badgeSuccessBackgroundColor: secondaryColor500,
-  badgeDestructiveBackgroundColor: colorSkyGrayTint02,
-  bannerAlertPrimaryColor: colorMonteverde,
+  badgeDestructiveBackgroundColor: _base.colorSkyGrayTint02,
+  bannerAlertPrimaryColor: _base.colorMonteverde,
   bannerAlertSuccessColor: secondaryColor500,
   bannerAlertWarnColor: 'orange',
   bannerAlertErrorColor: primaryColor500,
@@ -50,9 +57,9 @@ const generateTheme = ({
   barchartBarSelectedBackgroundColor: primaryColor700,
   blockquoteBarColor: primaryColor500,
   buttonFontSize: fontSize,
-  buttonPrimaryTextColor: colorWhite,
-  buttonPrimaryHoverTextColor: colorWhite,
-  buttonPrimaryActiveTextColor: colorWhite,
+  buttonPrimaryTextColor: _base.colorWhite,
+  buttonPrimaryHoverTextColor: _base.colorWhite,
+  buttonPrimaryActiveTextColor: _base.colorWhite,
   buttonPrimaryGradientStartColor: secondaryColor500,
   buttonPrimaryGradientEndColor: secondaryColor600,
   buttonPrimaryBackgroundColor: secondaryColor600,
@@ -61,15 +68,15 @@ const generateTheme = ({
   buttonSecondaryTextColor: primaryColor500,
   buttonSecondaryHoverTextColor: primaryColor600,
   buttonSecondaryActiveTextColor: primaryColor700,
-  buttonSecondaryBorderColor: colorSkyGrayTint06,
+  buttonSecondaryBorderColor: _base.colorSkyGrayTint06,
   buttonSecondaryHoverBorderColor: primaryColor600,
   buttonSecondaryActiveBorderColor: primaryColor700,
-  buttonSecondaryBackgroundColor: colorWhite,
-  buttonSecondaryHoverBackgroundColor: colorWhite,
-  buttonSecondaryActiveBackgroundColor: colorWhite,
-  buttonFeaturedTextColor: colorWhite,
-  buttonFeaturedHoverTextColor: colorWhite,
-  buttonFeaturedActiveTextColor: colorWhite,
+  buttonSecondaryBackgroundColor: _base.colorWhite,
+  buttonSecondaryHoverBackgroundColor: _base.colorWhite,
+  buttonSecondaryActiveBackgroundColor: _base.colorWhite,
+  buttonFeaturedTextColor: _base.colorWhite,
+  buttonFeaturedHoverTextColor: _base.colorWhite,
+  buttonFeaturedActiveTextColor: _base.colorWhite,
   buttonFeaturedGradientStartColor: primaryColor500,
   buttonFeaturedGradientEndColor: primaryColor600,
   buttonFeaturedBackgroundColor: primaryColor600,
@@ -78,20 +85,20 @@ const generateTheme = ({
   buttonDestructiveTextColor: secondaryColor500,
   buttonDestructiveHoverTextColor: secondaryColor600,
   buttonDestructiveActiveTextColor: secondaryColor700,
-  buttonDestructiveBorderColor: colorSkyGrayTint06,
+  buttonDestructiveBorderColor: _base.colorSkyGrayTint06,
   buttonDestructiveHoverBorderColor: secondaryColor500,
   buttonDestructiveActiveBorderColor: secondaryColor500,
-  buttonDestructiveBackgroundColor: colorWhite,
-  buttonDestructiveHoverBackgroundColor: colorWhite,
-  buttonDestructiveActiveBackgroundColor: colorWhite,
+  buttonDestructiveBackgroundColor: _base.colorWhite,
+  buttonDestructiveHoverBackgroundColor: _base.colorWhite,
+  buttonDestructiveActiveBackgroundColor: _base.colorWhite,
   chipDefaultSelectedBackgroundColor: primaryColor500,
-  chipDefaultSelectedTextColor: colorWhite,
+  chipDefaultSelectedTextColor: _base.colorWhite,
   chipOnDarkSelectedBackgroundColor: primaryColor500,
-  chipOnDarkSelectedTextColor: colorWhite,
+  chipOnDarkSelectedTextColor: _base.colorWhite,
   chipOnImageSelectedBackgroundColor: primaryColor500,
   chipOnImageSelectedHoverBackgroundColor: primaryColor500,
   chipOnImageSelectedActiveBackgroundColor: primaryColor500,
-  chipOnImageSelectedTextColor: colorWhite,
+  chipOnImageSelectedTextColor: _base.colorWhite,
   fieldsetLabelTextColor: secondaryColor500,
   formValidationIconFill: secondaryColor500,
   formValidationTextColor: secondaryColor500,
@@ -100,10 +107,10 @@ const generateTheme = ({
   linkHoverColor: primaryColor500,
   linkActiveColor: primaryColor600,
   linkVisitedColor: primaryColor700,
-  linkAlternateColor: colorWhite,
-  linkAlternateHoverColor: colorWhite,
-  linkAlternateActiveColor: colorSkyGrayTint06,
-  linkAlternateVisitedColor: colorWhite,
+  linkAlternateColor: _base.colorWhite,
+  linkAlternateHoverColor: _base.colorWhite,
+  linkAlternateActiveColor: _base.colorSkyGrayTint06,
+  linkAlternateVisitedColor: _base.colorWhite,
   horizontalNavBarSelectedColor: primaryColor500,
   horizontalNavLinkSelectedColor: primaryColor500,
   horizontalNavLinkColor: primaryColor500,
@@ -120,10 +127,10 @@ const generateTheme = ({
   paginationSelectedBackgroundColor: primaryColor700,
   progressBarFillColor: primaryColor500,
   calendarDateTextColor: primaryColor500,
-  calendarDateTextHoverColor: textPrimaryDay,
-  calendarDateTextActiveColor: textPrimaryDay,
+  calendarDateTextHoverColor: _base.textPrimaryDay,
+  calendarDateTextActiveColor: _base.textPrimaryDay,
   calendarDateTextFocusColor: primaryColor500,
-  calendarDateTextSelectedColor: colorWhite,
+  calendarDateTextSelectedColor: _base.colorWhite,
   calendarDateSelectedBackgroundColor: primaryColor700,
   calendarDateFocusedBorderColor: primaryColor500,
   calendarNudgerIconColor: primaryColor500,
@@ -134,9 +141,9 @@ const generateTheme = ({
   switchCheckedColor: primaryColor700,
   ratingHighTextColor: 'black',
   ratingHighColor: primaryColor500,
-  ratingMediumTextColor: colorWhite,
+  ratingMediumTextColor: _base.colorWhite,
   ratingMediumColor: secondaryColor500,
-  ratingLowColor: colorSkyGrayTint02,
+  ratingLowColor: _base.colorSkyGrayTint02,
   iconMarkerDefaultBackgroundColor: primaryColor500,
   iconMarkerDefaultSelectedColor: primaryColor500,
   iconMarkerDefaultDisabledColor: primaryColor700,
@@ -146,16 +153,16 @@ const generateTheme = ({
   priceMarkerSelectedColor: primaryColor700,
   priceMarkerViewedBackgroundColor: primaryColor300,
   priceMarkerViewedBorderColor: primaryColor300,
-  priceMarkerViewedColor: colorWhite,
+  priceMarkerViewedColor: _base.colorWhite,
   skipLinkBackgroundColor: secondaryColor500,
-  navigationBarIconButtonColor: colorWhite,
-  navigationBarIconButtonHoverColor: colorWhite,
-  navigationBarIconButtonActiveColor: colorWhite,
-  navigationBarButtonLinkColor: colorWhite,
-  navigationBarButtonLinkHoverColor: colorWhite,
-  navigationBarButtonLinkActiveColor: colorWhite,
-  navigationBarButtonLinkVisitedColor: colorWhite,
-  navigationBarTitleColor: colorWhite,
+  navigationBarIconButtonColor: _base.colorWhite,
+  navigationBarIconButtonHoverColor: _base.colorWhite,
+  navigationBarIconButtonActiveColor: _base.colorWhite,
+  navigationBarButtonLinkColor: _base.colorWhite,
+  navigationBarButtonLinkHoverColor: _base.colorWhite,
+  navigationBarButtonLinkActiveColor: _base.colorWhite,
+  navigationBarButtonLinkVisitedColor: _base.colorWhite,
+  navigationBarTitleColor: _base.colorWhite,
   navigationBarBackgroundColor: primaryColor500,
   docsSidebarBackground,
   docsSidebarLink,
@@ -215,4 +222,5 @@ const bpkCustomThemes = {
   'Hong Kong': generateTheme(hongKongTheme),
   Doha: generateTheme(dohaTheme)
 };
-export default bpkCustomThemes;
+var _default = bpkCustomThemes;
+exports.default = _default;