@skyscanner/backpack-web 17.0.2 → 17.1.0-beta.1

package/bpk-component-fieldset/index.js

@@ -1,3 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "defaultProps", {
+  enumerable: true,
+  get: function () {
+    return _BpkFieldset.defaultProps;
+  }
+});
+Object.defineProperty(exports, "propTypes", {
+  enumerable: true,
+  get: function () {
+    return _BpkFieldset.propTypes;
+  }
+});
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+var _BpkFieldset = _interopRequireWildcard(require("./src/BpkFieldset"));
+var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
+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; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,16 +44,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/* @flow strict */
-
-import BpkFieldset, {
-  type Props,
-  propTypes,
-  defaultProps,
-} from './src/BpkFieldset';
-import themeAttributes from './src/themeAttributes';
-
-export type BpkFieldsetProps = Props;
-
-export default BpkFieldset;
-export { propTypes, defaultProps, themeAttributes };
+var _default = _BpkFieldset.default;
+exports.default = _default;

package/bpk-component-fieldset/src/BpkFieldset.js

@@ -1,182 +1,130 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/* @flow strict */
-
-import PropTypes from 'prop-types';
-import React, { cloneElement, type Element } from 'react';
-
-import BpkLabel from '../../bpk-component-label';
-import BpkFormValidation from '../../bpk-component-form-validation';
-import { cssModules } from '../../bpk-react-utils';
-
-import STYLES from './BpkFieldset.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-export type Props = {
-  // TODO: Should this be something like `Element<typeof BpkInput | typeof BpkCheckbox | typeof BpkSelect>`?
-  children: Element<*>,
-  label: ?string,
-  disabled: boolean,
-  valid: ?boolean,
-  required: boolean,
-  className: ?string,
-  validationMessage: ?string,
-  isCheckbox: boolean,
-  validationProps: {},
-  description: ?string,
-};
-
-const BpkFieldset = (props: Props) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = exports.defaultProps = exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _bpkComponentLabel = _interopRequireDefault(require("../../bpk-component-label"));
+var _bpkComponentFormValidation = _interopRequireDefault(require("../../bpk-component-form-validation"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkFieldsetModule = _interopRequireDefault(require("./BpkFieldset.module.css"));
+const _excluded = ["children", "className", "description", "disabled", "isCheckbox", "label", "required", "valid", "validationMessage", "validationProps"];
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkFieldsetModule.default);
+const BpkFieldset = props => {
   const {
-    children,
-    className,
-    description,
-    disabled,
-    isCheckbox,
-    label,
-    required,
-    valid,
-    validationMessage,
-    validationProps,
-    ...rest
-  } = props;
-
+      children,
+      className,
+      description,
+      disabled,
+      isCheckbox,
+      label,
+      required,
+      valid,
+      validationMessage,
+      validationProps
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   if (!children) {
     return null;
   }
 
   // $FlowIgnore[prop-missing] - As children could be any element and might not have a value which is safe
-  let childId: string = children.props.id;
+  let childId = children.props.id;
   if (
-    // Flow is being dumb here and doesn't let us do this check, even though it's perfectly safe!
-    // $FlowIgnore[prop-missing]
-    // $FlowIgnore[sketchy-null-mixed]
-    children.props.inputProps &&
-    // $FlowIgnore[sketchy-null-mixed]
-    children.props.inputProps.id &&
-    typeof children.props.inputProps.id === 'string'
-  ) {
+  // Flow is being dumb here and doesn't let us do this check, even though it's perfectly safe!
+  // $FlowIgnore[prop-missing]
+  // $FlowIgnore[sketchy-null-mixed]
+  children.props.inputProps &&
+  // $FlowIgnore[sketchy-null-mixed]
+  children.props.inputProps.id && typeof children.props.inputProps.id === 'string') {
     childId = children.props.inputProps.id;
   }
-
   const classNames = [getClassName('bpk-fieldset')];
   const validationMessageId = `${childId}_validation_message`;
   const descriptionId = `${childId}_description`;
-
   const isValid = isCheckbox ? valid : children.props.valid;
 
   // Explicit check for false primitive value as undefined is
   // treated as neither valid nor invalid
   const isInvalid = isValid === false;
-
-  const childrenProps: {
-    required?: boolean,
-    'aria-required'?: boolean,
-    'aria-describedby'?: string,
-  } = {
-    disabled,
+  const childrenProps = {
+    disabled
   };
-
   if (isCheckbox) {
     childrenProps.required = required;
   } else {
     childrenProps['aria-required'] = required;
   }
-
   if (validationMessage && isInvalid) {
     childrenProps['aria-describedby'] = validationMessageId;
   } else if (description) {
     childrenProps['aria-describedby'] = descriptionId;
   }
-
-  const clonedChildren = cloneElement(children, childrenProps);
-
+  const clonedChildren = /*#__PURE__*/(0, _react.cloneElement)(children, childrenProps);
   if (className) {
     classNames.push(className);
   }
-
   return (
+    /*#__PURE__*/
+    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+    _react.default.createElement("fieldset", _extends({
+      className: classNames.join(' ')
+    }, rest), !isCheckbox && /*#__PURE__*/_react.default.createElement(_bpkComponentLabel.default, {
+      className: getClassName('bpk-fieldset__label'),
+      htmlFor: childId,
+      required: required,
+      disabled: disabled,
+      valid: isValid
+    }, label), clonedChildren, description && /*#__PURE__*/_react.default.createElement("span", {
+      className: getClassName('bpk-fieldset__description'),
+      id: descriptionId
+    }, description), !disabled && validationMessage &&
+    /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    <fieldset className={classNames.join(' ')} {...rest}>
-      {!isCheckbox && (
-        <BpkLabel
-          className={getClassName('bpk-fieldset__label')}
-          htmlFor={childId}
-          required={required}
-          disabled={disabled}
-          valid={isValid}
-        >
-          {/* $FlowIgnore[incompatible-type] - As this prop is only required when isCheckbox is false our labelPropType handles checking this is null or not. */}
-          {label}
-        </BpkLabel>
-      )}
-      {clonedChildren}
-      {description && (
-        <span
-          className={getClassName('bpk-fieldset__description')}
-          id={descriptionId}
-        >
-          {description}
-        </span>
-      )}
-      {!disabled && validationMessage && (
-        // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-        <BpkFormValidation
-          id={validationMessageId}
-          expanded={isInvalid}
-          isCheckbox={isCheckbox}
-          {...validationProps}
-        >
-          {validationMessage}
-        </BpkFormValidation>
-      )}
-    </fieldset>
+    _react.default.createElement(_bpkComponentFormValidation.default, _extends({
+      id: validationMessageId,
+      expanded: isInvalid,
+      isCheckbox: isCheckbox
+    }, validationProps), validationMessage))
   );
 };
-
-const labelPropType = (
-  props: { isCheckbox?: boolean, label?: ?string },
-  propName: string,
-) => {
-  const { isCheckbox, label } = props;
+const labelPropType = (props, propName) => {
+  const {
+    isCheckbox,
+    label
+  } = props;
   if (!label && !isCheckbox) {
-    return new Error(
-      `\`${propName}\` is required when \`isCheckbox\` is false.`,
-    );
+    return new Error(`\`${propName}\` is required when \`isCheckbox\` is false.`);
   }
   return false;
 };
-
-export const propTypes = {
-  children: PropTypes.element.isRequired,
+const propTypes = {
+  children: _propTypes.default.element.isRequired,
   label: labelPropType,
-  disabled: PropTypes.bool,
-  valid: PropTypes.bool,
-  required: PropTypes.bool,
-  className: PropTypes.string,
-  validationMessage: PropTypes.string,
-  isCheckbox: PropTypes.bool,
-  validationProps: PropTypes.object,
-  description: PropTypes.string,
+  disabled: _propTypes.default.bool,
+  valid: _propTypes.default.bool,
+  required: _propTypes.default.bool,
+  className: _propTypes.default.string,
+  validationMessage: _propTypes.default.string,
+  isCheckbox: _propTypes.default.bool,
+  validationProps: _propTypes.default.object,
+  description: _propTypes.default.string
 };
-
-export const defaultProps = {
+exports.propTypes = propTypes;
+const defaultProps = {
   label: null,
   disabled: false,
   valid: null,
@@ -185,10 +133,10 @@ export const defaultProps = {
   validationMessage: null,
   isCheckbox: false,
   validationProps: {},
-  description: null,
+  description: null
 };
-
-BpkFieldset.propTypes = { ...propTypes };
-BpkFieldset.defaultProps = { ...defaultProps };
-
-export default BpkFieldset;
+exports.defaultProps = defaultProps;
+BpkFieldset.propTypes = _objectSpread({}, propTypes);
+BpkFieldset.defaultProps = _objectSpread({}, defaultProps);
+var _default = BpkFieldset;
+exports.default = _default;

package/bpk-component-fieldset/src/BpkFieldset.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-fieldset{margin:0;padding:0;border:0}.bpk-fieldset__description{display:block;margin-top:0.5rem;color:#68697f;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-fieldset__label{margin-bottom:0.5rem}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-fieldset{margin:0;padding:0;border:0}.bpk-fieldset__description{display:block;margin-top:0.5rem;color:#545860;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-fieldset__label{margin-bottom:0.25rem}

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

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

package/bpk-component-flare/index.js

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

package/bpk-component-flare/src/BpkContentBubble.js

@@ -1,103 +1,74 @@
-/*
- * 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 React from 'react';
-import PropTypes from 'prop-types';
-
-import { cssModules } from '../../bpk-react-utils';
-
-import BpkFlareBar from './BpkFlareBar';
-import STYLES from './bpk-content-bubble.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-const BpkContentBubble = (props) => {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkFlareBar = _interopRequireDefault(require("./BpkFlareBar"));
+var _bpkContentBubbleModule = _interopRequireDefault(require("./bpk-content-bubble.module.css"));
+const _excluded = ["className", "content", "contentClassName", "flareProps", "rounded", "showPointer"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const getClassName = (0, _bpkReactUtils.cssModules)(_bpkContentBubbleModule.default);
+const BpkContentBubble = props => {
   const {
-    className,
-    content,
-    contentClassName,
-    flareProps,
-    rounded,
-    showPointer,
-    ...rest
-  } = props;
-
+      className,
+      content,
+      contentClassName,
+      flareProps,
+      rounded,
+      showPointer
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const wrapperClassNames = [getClassName('bpk-content-bubble__wrapper')];
-  const contentClassNames = [
-    getClassName('bpk-content-bubble__content-wrapper'),
-  ];
-
+  const contentClassNames = [getClassName('bpk-content-bubble__content-wrapper')];
   if (showPointer) {
-    wrapperClassNames.push(
-      getClassName('bpk-content-bubble__wrapper--with-pointer'),
-    );
+    wrapperClassNames.push(getClassName('bpk-content-bubble__wrapper--with-pointer'));
   }
   if (rounded) {
-    wrapperClassNames.push(
-      getClassName('bpk-content-bubble__wrapper--rounded'),
-    );
+    wrapperClassNames.push(getClassName('bpk-content-bubble__wrapper--rounded'));
     if (showPointer) {
-      wrapperClassNames.push(
-        getClassName('bpk-content-bubble__wrapper--rounded--with-pointer'),
-      );
+      wrapperClassNames.push(getClassName('bpk-content-bubble__wrapper--rounded--with-pointer'));
     }
   }
-
   if (className) {
     wrapperClassNames.push(className);
   }
-
   if (contentClassName) {
     contentClassNames.push(contentClassName);
   }
-
-  return (
-    <div className={wrapperClassNames.join(' ')} {...rest}>
-      <div className={getClassName('bpk-content-bubble__container')}>
-        <div className={contentClassNames.join(' ')}>{content && content}</div>
-        {showPointer && (
-          <BpkFlareBar
-            rounded={rounded}
-            className={getClassName('bpk-content-bubble__pointer')}
-            {...flareProps}
-          />
-        )}
-      </div>
-    </div>
-  );
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: wrapperClassNames.join(' ')
+  }, rest), /*#__PURE__*/_react.default.createElement("div", {
+    className: getClassName('bpk-content-bubble__container')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: contentClassNames.join(' ')
+  }, content && content), showPointer && /*#__PURE__*/_react.default.createElement(_BpkFlareBar.default, _extends({
+    rounded: rounded,
+    className: getClassName('bpk-content-bubble__pointer')
+  }, flareProps))));
 };
-
 BpkContentBubble.propTypes = {
-  flareProps: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-  content: PropTypes.node,
-  rounded: PropTypes.bool,
-  showPointer: PropTypes.bool,
-  className: PropTypes.string,
-  contentClassName: PropTypes.string,
+  flareProps: _propTypes.default.object,
+  // eslint-disable-line react/forbid-prop-types
+  content: _propTypes.default.node,
+  rounded: _propTypes.default.bool,
+  showPointer: _propTypes.default.bool,
+  className: _propTypes.default.string,
+  contentClassName: _propTypes.default.string
 };
-
 BpkContentBubble.defaultProps = {
   flareProps: null,
   rounded: true,
   content: null,
   showPointer: true,
   className: null,
-  contentClassName: null,
+  contentClassName: null
 };
-
-export default BpkContentBubble;
+var _default = BpkContentBubble;
+exports.default = _default;