@skyscanner/backpack-web 25.2.0 → 25.4.0-alpha

package/bpk-component-radio/src/BpkRadio.module.scss

@@ -0,0 +1,85 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@import '~bpk-mixins/index.scss';
+
+$bpk-spacing-v2: true;
+$bpk-radio-circle-size: $bpk-one-pixel-rem * 8;
+$bpk-radio-size: bpk-spacing-lg() - ($bpk-one-pixel-rem * 4);
+
+.bpk-radio {
+  @include bpk-radio;
+
+  &--white {
+    @include bpk-radio--white;
+  }
+
+  &--disabled {
+    @include bpk-radio--disabled;
+
+    &--white {
+      color: $bpk-text-disabled-on-dark-day;
+    }
+  }
+
+  &--invalid {
+    @include bpk-radio--invalid;
+  }
+
+  &__input {
+    @include bpk-radio__input;
+
+    &:disabled {
+      cursor: inherit;
+    }
+
+    &:checked {
+      + .bpk-radio__circle {
+        display: block;
+      }
+
+      &:disabled {
+        + .bpk-radio__circle {
+          display: block;
+          background: $bpk-text-disabled-day;
+        }
+      }
+    }
+  }
+
+  &__circle {
+    position: absolute;
+    top: bpk-spacing-md() - ($bpk-one-pixel-rem * 2);
+    left: bpk-spacing-md() - ($bpk-one-pixel-rem * 2);
+    display: none;
+    width: $bpk-radio-circle-size;
+    height: $bpk-radio-circle-size;
+    border-radius: 50%;
+
+    @include bpk-themeable-property(
+      background,
+      --bpk-radio-checked-color,
+      $bpk-text-link-day
+    );
+
+    @include bpk-rtl {
+      right: bpk-spacing-md() - ($bpk-one-pixel-rem * 2);
+      left: auto;
+    }
+  }
+}

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

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -21,5 +15,7 @@ exports.default = void 0;
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _default = ['radioCheckedColor'];
-exports.default = _default;
+
+/* @flow strict */
+
+export default ['radioCheckedColor'];

package/bpk-component-rating/README.md

@@ -0,0 +1,84 @@
+# bpk-component-rating
+
+> Backpack rating component.
+
+## Installation
+
+Check the main [Readme](https://github.com/skyscanner/backpack#usage) for a complete installation guide.
+
+## Usage
+
+```js
+import BpkRating, { RATING_SIZES, RATING_SCALES } from '@skyscanner/backpack-web/bpk-component-rating';
+
+export default () => (
+  <BpkRating
+    ariaLabel="4.8 Excellent 2,420 reviews"
+    value={4.8}
+    title="Excellent"
+    subtitle="2,420 reviews"
+  />
+
+  // Large size rating
+  <BpkRating
+    ariaLabel="4.4 Very good 120 reviews"
+    title="Very good"
+    subtitle="120 reviews"
+    size={RATING_SIZES.large}
+    value={4.4}
+  />
+
+  // Title only rating
+  <BpkRating
+    ariaLabel="2.3 Bad"
+    title="Bad"
+    value={2.3}
+  />
+
+  // Subtitle only rating
+  <BpkRating
+    ariaLabel="4.8 2,420 reviews"
+    value={4.8}
+    subtitle="2,420 reviews"
+  />
+
+  // Show scale rating
+  <BpkRating
+    ariaLabel="3.8 Good 530 reviews"
+    title="Good"
+    subtitle="530 reviews"
+    value={3.8}
+  />
+
+  // Hide scale rating
+  <BpkRating
+    ariaLabel="3.8 Good 530 reviews"
+    title="Good"
+    subtitle="530 reviews"
+    value={3.8}
+    showScale={false}
+  />
+
+  // 0-10 scale
+  <BpkRating
+    ariaLabel="9.9 Awesome 6,549 reviews"
+    title="Awesome"
+    subtitle="6,549 reviews"
+    value={9.9}
+    ratingScale={RATING_SCALES.zeroToTen}
+  />
+);
+```
+
+## Props
+
+| Property  | PropType              | Required | Default Value     |
+| --------- | --------------------- | -------- | ----------------- |
+| ariaLabel | string                | true     | -                 |
+| value     | oneOfType(string, number) | true     | -               |
+| title     | oneOfType(string, node) | false     | -                 |
+| className | string                | false    | null              |
+| ratingScale | oneOf(RATING_SCALES) | false    | RATING_SCALES.zeroToFive |
+| size      | oneOf(RATING_SIZES)   | false    | RATING_SIZES.base |
+| subtitle  | string                | false    | null              |
+| showScale  | boolean               | false    | true             |

package/bpk-component-rating/index.js

@@ -1,24 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RATING_SCALES", {
-  enumerable: true,
-  get: function () {
-    return _commonTypes.RATING_SCALES;
-  }
-});
-Object.defineProperty(exports, "RATING_SIZES", {
-  enumerable: true,
-  get: function () {
-    return _commonTypes.RATING_SIZES;
-  }
-});
-exports.default = void 0;
-var _BpkRating = _interopRequireDefault(require("./src/BpkRating"));
-var _commonTypes = require("./src/common-types");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -36,5 +15,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _default = _BpkRating.default;
-exports.default = _default;
+/* @flow strict */
+
+import BpkRating from './src/BpkRating';
+import { RATING_SIZES, RATING_SCALES } from './src/common-types';
+
+export default BpkRating;
+export { RATING_SIZES, RATING_SCALES };

package/bpk-component-rating/src/BpkRating.js

@@ -1,17 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _lodash = _interopRequireDefault(require("lodash.clamp"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkComponentText = _interopRequireWildcard(require("../../bpk-component-text"));
-var _BpkRatingModule = _interopRequireDefault(require("./BpkRating.module.css"));
-var _commonTypes = require("./common-types");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["ariaLabel", "className", "ratingScale", "showScale", "size", "subtitle", "title", "value"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -29,120 +15,168 @@ const _excluded = ["ariaLabel", "className", "ratingScale", "showScale", "size",
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-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) { 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)(_BpkRatingModule.default);
+/* @flow strict */
+
+import type { Node } from 'react';
+import PropTypes from 'prop-types';
+import clamp from 'lodash.clamp';
+
+import { cssModules } from '../../bpk-react-utils';
+import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+
+import STYLES from './BpkRating.module.scss';
+import { RATING_SIZES, RATING_SCALES } from './common-types';
+
+const getClassName = cssModules(STYLES);
+
 const getMinValue = () =>
-// Currently the min value is zero no matter what scale is used.
-// If this ever changes, this function should be changed to return
-// different values based on the rating scale.
-0;
-const getMaxValue = ratingScale => {
+  // Currently the min value is zero no matter what scale is used.
+  // If this ever changes, this function should be changed to return
+  // different values based on the rating scale.
+  0;
+
+const getMaxValue = (ratingScale) => {
   switch (ratingScale) {
-    case _commonTypes.RATING_SCALES.zeroToFive:
+    case RATING_SCALES.zeroToFive:
       return 5;
     default:
       return 10;
   }
 };
-const BpkRating = props => {
+
+type Props = {
+  ariaLabel: string,
+  className: ?string,
+  ratingScale: $Values<typeof RATING_SCALES>,
+  showScale: ?boolean,
+  size: $Values<typeof RATING_SIZES>,
+  subtitle: ?string,
+  title: ?string | Node,
+  value: string | number,
+};
+
+const BpkRating = (props: Props) => {
   const {
-      ariaLabel,
-      className,
-      ratingScale,
-      showScale,
-      size,
-      subtitle,
-      title,
-      value
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
-  const classNames = getClassName('bpk-rating', className, size === _commonTypes.RATING_SIZES.large && title && subtitle && 'bpk-rating--large');
+    ariaLabel,
+    className,
+    ratingScale,
+    showScale,
+    size,
+    subtitle,
+    title,
+    value,
+    ...rest
+  } = props;
+
+  const classNames = getClassName(
+    'bpk-rating',
+    className,
+    size === RATING_SIZES.large && title && subtitle && 'bpk-rating--large',
+  );
   const valueStyles = getClassName('bpk-rating__value');
   const scaleStyles = getClassName('bpk-rating__scale');
-  const textWrapperStyles = getClassName('bpk-rating__text-wrapper', size === _commonTypes.RATING_SIZES.large && 'bpk-rating__text-wrapper--large');
-  const titleStyles = getClassName(subtitle && 'bpk-rating__title--with-subtitle', size === _commonTypes.RATING_SIZES.large && 'bpk-rating__title--large');
-  const subtitleStyles = getClassName('bpk-rating__subtitle', size === _commonTypes.RATING_SIZES.large && 'bpk-rating__subtitle--large');
-  let valueTextSize = _bpkComponentText.TEXT_STYLES.label1;
-  let scaleTextSize = _bpkComponentText.TEXT_STYLES.caption;
-  let titleTextSize = _bpkComponentText.TEXT_STYLES.label1;
-  let subtitleTextSize = _bpkComponentText.TEXT_STYLES.caption;
-  if (size === _commonTypes.RATING_SIZES.large) {
-    valueTextSize = _bpkComponentText.TEXT_STYLES.hero5;
-    scaleTextSize = _bpkComponentText.TEXT_STYLES.bodyDefault;
-    titleTextSize = _bpkComponentText.TEXT_STYLES.heading5;
-    subtitleTextSize = _bpkComponentText.TEXT_STYLES.bodyDefault;
+  const textWrapperStyles = getClassName(
+    'bpk-rating__text-wrapper',
+    size === RATING_SIZES.large && 'bpk-rating__text-wrapper--large',
+  );
+  const titleStyles = getClassName(
+    subtitle && 'bpk-rating__title--with-subtitle',
+    size === RATING_SIZES.large && 'bpk-rating__title--large',
+  );
+  const subtitleStyles = getClassName(
+    'bpk-rating__subtitle',
+    size === RATING_SIZES.large && 'bpk-rating__subtitle--large',
+  );
+
+  let valueTextSize = TEXT_STYLES.label1;
+  let scaleTextSize = TEXT_STYLES.caption;
+  let titleTextSize = TEXT_STYLES.label1;
+  let subtitleTextSize = TEXT_STYLES.caption;
+
+  if (size === RATING_SIZES.large) {
+    valueTextSize = TEXT_STYLES.hero5;
+    scaleTextSize = TEXT_STYLES.bodyDefault;
+    titleTextSize = TEXT_STYLES.heading5;
+    subtitleTextSize = TEXT_STYLES.bodyDefault;
   }
+
   const minValue = getMinValue();
   const maxValue = getMaxValue(ratingScale);
+
   let adjustedValue = value;
+
   if (adjustedValue >= maxValue || adjustedValue <= minValue) {
-    adjustedValue = (0, _lodash.default)(adjustedValue, minValue, maxValue);
+    adjustedValue = clamp(adjustedValue, minValue, maxValue);
   }
+
   return (
-    /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
-      className: classNames,
-      "aria-label": ariaLabel,
-      role: "figure"
-    }, rest), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_bpkComponentText.default, {
-        textStyle: valueTextSize,
-        tagName: "span",
-        className: valueStyles,
-        "aria-hidden": "true",
-        children: [adjustedValue, showScale && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bpkComponentText.default, {
-          textStyle: scaleTextSize,
-          className: scaleStyles,
-          tagName: "span",
-          "aria-hidden": "true",
-          children: ["/", maxValue]
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: textWrapperStyles,
-        children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
-          textStyle: titleTextSize,
-          className: titleStyles,
-          tagName: "span",
-          "aria-hidden": "true",
-          children: title
-        }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
-          className: subtitleStyles,
-          textStyle: subtitleTextSize,
-          tagName: "span",
-          "aria-hidden": "true",
-          children: subtitle
-        })]
-      })]
-    }))
+    <div className={classNames} aria-label={ariaLabel} role="figure" {...rest}>
+      <BpkText
+        textStyle={valueTextSize}
+        tagName="span"
+        className={valueStyles}
+        aria-hidden="true"
+      >
+        {adjustedValue}
+
+        {showScale && (
+          <BpkText
+            textStyle={scaleTextSize}
+            className={scaleStyles}
+            tagName="span"
+            aria-hidden="true"
+          >
+            /{maxValue}
+          </BpkText>
+        )}
+      </BpkText>
+
+      <div className={textWrapperStyles}>
+        {title && (
+          <BpkText
+            textStyle={titleTextSize}
+            className={titleStyles}
+            tagName="span"
+            aria-hidden="true"
+          >
+            {title}
+          </BpkText>
+        )}
+
+        {subtitle && (
+          <BpkText
+            className={subtitleStyles}
+            textStyle={subtitleTextSize}
+            tagName="span"
+            aria-hidden="true"
+          >
+            {subtitle}
+          </BpkText>
+        )}
+      </div>
+    </div>
   );
 };
+
 BpkRating.propTypes = {
-  ariaLabel: _propTypes.default.string.isRequired,
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-  className: _propTypes.default.string,
-  ratingScale: _propTypes.default.oneOf(Object.keys(_commonTypes.RATING_SCALES)),
-  size: _propTypes.default.oneOf(Object.keys(_commonTypes.RATING_SIZES)),
-  subtitle: _propTypes.default.string,
-  showScale: _propTypes.default.bool,
-  title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node])
+  ariaLabel: PropTypes.string.isRequired,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  className: PropTypes.string,
+  ratingScale: PropTypes.oneOf(Object.keys(RATING_SCALES)),
+  size: PropTypes.oneOf(Object.keys(RATING_SIZES)),
+  subtitle: PropTypes.string,
+  showScale: PropTypes.bool,
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
 };
+
 BpkRating.defaultProps = {
   className: null,
-  ratingScale: _commonTypes.RATING_SCALES.zeroToFive,
-  size: _commonTypes.RATING_SIZES.base,
+  ratingScale: RATING_SCALES.zeroToFive,
+  size: RATING_SIZES.base,
   subtitle: null,
   showScale: true,
-  title: null
+  title: null,
 };
-var _default = BpkRating;
-exports.default = _default;
+
+export default BpkRating;

package/bpk-component-rating/src/BpkRating.module.scss

@@ -0,0 +1,83 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@import '~bpk-mixins/index.scss';
+
+$bpk-spacing-v2: true;
+
+.bpk-rating {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: baseline;
+
+  &--large {
+    align-items: center;
+  }
+
+  &__value {
+    display: flex;
+    padding-right: bpk-spacing-md();
+    justify-content: center;
+    align-items: baseline;
+    color: $bpk-text-primary-day;
+
+    @include bpk-rtl {
+      padding-right: 0;
+      padding-left: bpk-spacing-md();
+    }
+  }
+
+  &__text-wrapper {
+    display: flex;
+    flex-direction: row;
+    align-items: baseline;
+    white-space: nowrap;
+
+    &--large {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+  }
+
+  &__scale {
+    color: $bpk-text-secondary-day;
+  }
+
+  &__title {
+    &--with-subtitle {
+      padding-right: bpk-spacing-md();
+
+      @include bpk-rtl {
+        padding-right: 0;
+        padding-left: bpk-spacing-md();
+      }
+    }
+
+    &--large {
+      padding-top: $bpk-one-pixel-rem;
+    }
+  }
+
+  &__subtitle {
+    color: $bpk-text-secondary-day;
+
+    &--large {
+      // padding-top: $bpk-one-pixel-rem;
+    }
+  }
+}

package/bpk-component-rating/src/common-types.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RATING_SIZES = exports.RATING_SCALES = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -20,13 +14,13 @@ exports.RATING_SIZES = exports.RATING_SCALES = void 0;
  * 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 RATING_SIZES = {
-  base: 'base',
-  large: 'large'
-};
-exports.RATING_SIZES = RATING_SIZES;
-const RATING_SCALES = {
+ */
+
+/* @flow */
+
+export const RATING_SIZES = { base: 'base', large: 'large' };
+
+export const RATING_SCALES = {
   zeroToFive: 'zeroToFive',
-  zeroToTen: 'zeroToTen'
+  zeroToTen: 'zeroToTen',
 };
-exports.RATING_SCALES = RATING_SCALES;

package/bpk-component-rtl-toggle/README.md

@@ -0,0 +1,23 @@
+# bpk-component-rtl-toggle
+
+> Backpack RTL toggle component.
+
+## Installation
+
+Check the main [Readme](https://github.com/skyscanner/backpack#usage) for a complete installation guide.
+
+## Usage
+
+```js
+import BpkRtlToggle from '@skyscanner/backpack-web/bpk-component-rtl-toggle';
+
+export default () => (
+  <BpkRtlToggle />
+);
+```
+
+## Props
+
+| Property         | PropType | Required | Default Value |
+| ---------------- | -------- | -------- | ------------- |
+| className        | string   | false    | null          |

package/bpk-component-rtl-toggle/index.ts

@@ -0,0 +1,23 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import BpkRtlToggle from './src/BpkRtlToggle';
+import updateOnDirectionChange from './src/updateOnDirectionChange';
+
+export default BpkRtlToggle;
+export { updateOnDirectionChange };