baseui 0.0.0-alpha-8ab2335 → 0.0.0-alpha-e79754d

package/es/message-card/message-card.js

@@ -1,114 +0,0 @@
-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); }
-
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-import * as React from 'react';
-import { StyledRoot, StyledImage, StyledContentContainer, StyledHeadingContainer, StyledParagraphContainer } from './styled-components';
-import { Button as DefaultButton, SHAPE, SIZE } from '../button';
-import { useStyletron } from '../styles/index';
-import { ThemeProvider, LightTheme } from '../';
-import { getBackgroundColorType } from './utils';
-import { colors } from '../tokens';
-import { getOverrides } from '../helpers/overrides';
-import { IMAGE_LAYOUT, BACKGROUND_COLOR_TYPE, BUTTON_KIND } from './constants';
-
-const ButtonAlwaysLightTheme = ({
-  children,
-  ...restProps
-}) => /*#__PURE__*/React.createElement(ThemeProvider, {
-  theme: LightTheme
-}, /*#__PURE__*/React.createElement(DefaultButton, restProps, children));
-
-const MessageCard = ({
-  backgroundColor = colors.white,
-  backgroundColorType: backgroundColorTypeProp,
-  buttonKind = BUTTON_KIND.secondary,
-  buttonLabel,
-  heading,
-  image,
-  onClick,
-  overrides = {},
-  paragraph
-}) => {
-  const {
-    src,
-    layout = IMAGE_LAYOUT.top,
-    backgroundPosition,
-    ariaLabel
-  } = image || {};
-  const [Root, RootProps] = getOverrides(overrides.Root, StyledRoot);
-  const [ContentContainer, ContentContainerProps] = getOverrides(overrides.ContentContainer, StyledContentContainer);
-  const [HeadingContainer, HeadingContainerProps] = getOverrides(overrides.HeadingContainer, StyledHeadingContainer);
-  const [ParagraphContainer, ParagraphContainerProps] = getOverrides(overrides.ParagraphContainer, StyledParagraphContainer);
-  const [Image, ImageProps] = getOverrides(overrides.Image, StyledImage);
-  const [Button, ButtonProps] = getOverrides(overrides.Button, ButtonAlwaysLightTheme);
-  const [, theme] = useStyletron();
-  let backgroundColorType = backgroundColorTypeProp || getBackgroundColorType(backgroundColor);
-
-  if (!backgroundColorType) {
-    backgroundColorType = BACKGROUND_COLOR_TYPE.dark;
-
-    if (process.env.NODE_ENV !== "production") {
-      console.warn(`The provided value for 'backgroundColor', ${backgroundColor}, is not recognized as a \
-        Base Web primitive color. Please use the 'backgroundColorType' prop to indicate whether\
-         this color is light or dark so the rest of the component can be styled accordingly.`);
-    }
-  }
-
-  let buttonColors;
-
-  if (buttonKind === BUTTON_KIND.tertiary && backgroundColorType === BACKGROUND_COLOR_TYPE.dark) {
-    buttonColors = {
-      color: theme.colors.contentOnColor,
-      backgroundColor: theme.colors.buttonTertiaryFill
-    };
-  }
-
-  if (buttonKind !== BUTTON_KIND.tertiary && backgroundColor !== colors.white) {
-    buttonColors = {
-      color: theme.colors.contentOnColorInverse,
-      backgroundColor: theme.colors.backgroundAlwaysLight
-    };
-  }
-
-  return /*#__PURE__*/React.createElement(Root, _extends({
-    onClick: onClick,
-    $backgroundColor: backgroundColor,
-    $backgroundColorType: backgroundColorType,
-    $imageLayout: layout
-  }, RootProps), image && /*#__PURE__*/React.createElement(Image, _extends({
-    role: "img",
-    "aria-label": ariaLabel,
-    $src: src,
-    $imageLayout: layout,
-    $backgroundPosition: backgroundPosition
-  }, ImageProps)), /*#__PURE__*/React.createElement(ContentContainer, ContentContainerProps, heading && /*#__PURE__*/React.createElement(HeadingContainer, HeadingContainerProps, heading), paragraph && /*#__PURE__*/React.createElement(ParagraphContainer, ParagraphContainerProps, paragraph), buttonLabel && /*#__PURE__*/React.createElement(Button, _extends({
-    $as: "div",
-    kind: buttonKind,
-    shape: SHAPE.pill,
-    size: SIZE.compact,
-    role: "none",
-    tabIndex: -1,
-    colors: buttonColors,
-    overrides: {
-      BaseButton: {
-        style: {
-          textAlign: 'center',
-          pointerEvents: 'none',
-          ...(buttonKind === BUTTON_KIND.tertiary ? {
-            marginTop: theme.sizing.scale100,
-            transform: theme.direction === 'rtl' ? `translateX(${theme.sizing.scale500})` : `translateX(-${theme.sizing.scale500})`
-          } : {
-            marginTop: theme.sizing.scale500
-          })
-        }
-      }
-    }
-  }, ButtonProps), buttonLabel)));
-};
-
-export default MessageCard;

package/es/message-card/styled-components.js

@@ -1,108 +0,0 @@
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-import { styled } from '../styles';
-import { IMAGE_LAYOUT, BACKGROUND_COLOR_TYPE } from './constants';
-export const StyledRoot = styled('button', ({
-  $theme,
-  $backgroundColor,
-  $backgroundColorType,
-  $imageLayout = IMAGE_LAYOUT.top
-}) => {
-  const lightBackgroundStyle = {
-    color: $theme.colors.contentOnColorInverse,
-    borderStyle: 'solid',
-    borderWidth: $theme.sizing.scale0,
-    borderColor: $theme.colors.borderOpaque
-  };
-  const darkBackgroundStyle = {
-    color: $theme.colors.contentOnColor,
-    border: 'none'
-  };
-  return {
-    alignItems: 'stretch',
-    backgroundColor: $backgroundColor,
-    borderRadius: $theme.borders.radius400,
-    cursor: 'pointer',
-    display: 'flex',
-    flexDirection: $imageLayout === IMAGE_LAYOUT.top ? 'column' : 'row',
-    overflow: 'hidden',
-    padding: '0',
-    position: 'relative',
-    textAlign: 'start',
-    width: '100%',
-    boxShadow: `inset 999px 999px 0px ${$theme.colors.backgroundOverlayArt}`,
-    ...($backgroundColorType === BACKGROUND_COLOR_TYPE.light ? lightBackgroundStyle : darkBackgroundStyle),
-    ':focus': {
-      outlineWidth: '3px',
-      outlineStyle: 'solid',
-      outlineColor: $theme.colors.borderAccent,
-      outlineOffset: '-3px'
-    },
-    ':hover:after': {
-      content: '""',
-      width: '100%',
-      height: '100%',
-      zIndex: '1',
-      position: 'absolute',
-      top: '0',
-      left: '0',
-      backgroundColor: $backgroundColorType === BACKGROUND_COLOR_TYPE.light ? 'rgba(0, 0, 0, 0.04)' : 'rgba(255, 255, 255, 0.10)'
-    },
-    ':active:after': {
-      content: '""',
-      width: '100%',
-      height: '100%',
-      zIndex: '1',
-      position: 'absolute',
-      top: '0',
-      left: '0',
-      backgroundColor: $backgroundColorType === BACKGROUND_COLOR_TYPE.light ? 'rgba(0, 0, 0, 0.08)' : 'rgba(255, 255, 255, 0.20)'
-    }
-  };
-});
-StyledRoot.displayName = "StyledRoot";
-export const StyledImage = styled('div', ({
-  $imageLayout = IMAGE_LAYOUT.top,
-  $backgroundPosition = 'center',
-  $src
-}) => {
-  return {
-    backgroundImage: `url(${$src})`,
-    backgroundSize: 'cover',
-    backgroundPosition: $backgroundPosition,
-    ...($imageLayout === IMAGE_LAYOUT.top ? {
-      height: '132px',
-      width: '100%'
-    } : {
-      width: '112px',
-      order: '1'
-    })
-  };
-});
-StyledImage.displayName = "StyledImage";
-export const StyledContentContainer = styled('div', ({
-  $theme
-}) => ({
-  width: '100%',
-  boxSizing: 'border-box',
-  paddingTop: $theme.sizing.scale600,
-  paddingRight: $theme.sizing.scale300,
-  paddingBottom: $theme.sizing.scale600,
-  paddingLeft: $theme.sizing.scale600
-}));
-StyledContentContainer.displayName = "StyledContentContainer";
-export const StyledHeadingContainer = styled('div', ({
-  $theme
-}) => ({ ...$theme.typography.HeadingXSmall
-}));
-StyledHeadingContainer.displayName = "StyledHeadingContainer";
-export const StyledParagraphContainer = styled('div', ({
-  $theme
-}) => ({ ...$theme.typography.ParagraphSmall,
-  marginTop: $theme.sizing.scale100
-}));
-StyledParagraphContainer.displayName = "StyledParagraphContainer";

package/es/message-card/types.js

@@ -1 +0,0 @@
-export {};

package/es/message-card/utils.js

@@ -1,27 +0,0 @@
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-import { colors } from '../tokens';
-import { BACKGROUND_COLOR_TYPE } from './constants';
-const LIGHT_COLORS = new Set([colors.red50, colors.red100, colors.red200, colors.red300, colors.green50, colors.green100, colors.green200, colors.green300, colors.teal50, colors.teal100, colors.teal200, colors.teal300, colors.blue50, colors.blue100, colors.blue200, colors.blue300, colors.cobalt50, colors.cobalt100, colors.cobalt200, colors.purple50, colors.purple100, colors.purple200, colors.purple300, colors.magenta50, colors.magenta100, colors.magenta200, colors.magenta300, colors.brown50, colors.brown100, colors.brown200, colors.brown300, colors.orange50, colors.orange100, colors.orange200, colors.orange300, colors.orange400, colors.lime50, colors.lime100, colors.lime200, colors.lime300, colors.lime400, colors.platinum50, colors.platinum100, colors.platinum200, colors.platinum300, colors.platinum400, colors.yellow50, colors.yellow100, colors.yellow200, colors.yellow300, colors.yellow400, colors.yellow500, colors.white, colors.gray50, colors.gray100, colors.gray200, colors.gray300, colors.gray400]);
-const DARK_COLORS = new Set([colors.red400, colors.red500, colors.red600, colors.red700, colors.green400, colors.green500, colors.green600, colors.green700, colors.teal400, colors.teal500, colors.teal600, colors.teal700, colors.blue400, colors.blue500, colors.blue600, colors.blue700, colors.cobalt300, colors.cobalt400, colors.cobalt500, colors.cobalt600, colors.cobalt700, colors.purple400, colors.purple500, colors.purple600, colors.purple700, colors.magenta400, colors.magenta500, colors.magenta600, colors.magenta700, colors.brown400, colors.brown500, colors.brown600, colors.brown700, colors.orange500, colors.orange600, colors.orange700, colors.lime500, colors.lime600, colors.lime700, colors.platinum500, colors.platinum600, colors.platinum700, colors.platinum800, colors.yellow600, colors.yellow700, colors.gray500, colors.gray600, colors.gray700, colors.gray800, colors.gray900, colors.black]);
-const POOR_CONTRAST_COLORS = new Set([colors.red300, colors.gray500, colors.yellow600]);
-export function getBackgroundColorType(backgroundColor) {
-  if (process.env.NODE_ENV !== "production" && POOR_CONTRAST_COLORS.has(backgroundColor)) {
-    console.warn(`The provided value for backgroundColor, ${backgroundColor}, is not supported because \
-        it does not pass accessibility contrast tests for either white or black text.`);
-  }
-
-  if (LIGHT_COLORS.has(backgroundColor)) {
-    return BACKGROUND_COLOR_TYPE.light;
-  }
-
-  if (DARK_COLORS.has(backgroundColor)) {
-    return BACKGROUND_COLOR_TYPE.dark;
-  }
-
-  return null;
-}

package/esm/map-marker/location-puck.js

@@ -1,199 +0,0 @@
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-import * as React from 'react';
-import { useStyletron } from '../styles';
-import { getOverrides } from '../helpers/overrides';
-import { LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES, EARNER_LOCATION_PUCK_CORE_SCALES } from './constants';
-import { LocationPuckContainer, StyledConsumerLocationPuckCore, StyledLocationPuckApproximation, StyledEarnerLocationPuckCore } from './styled-components';
-
-var ConsumerLocationPuckHeading = function ConsumerLocationPuckHeading(_ref) {
-  var heading = _ref.heading;
-
-  var _useStyletron = useStyletron(),
-      _useStyletron2 = _slicedToArray(_useStyletron, 2),
-      css = _useStyletron2[0],
-      theme = _useStyletron2[1];
-
-  return /*#__PURE__*/React.createElement("svg", {
-    className: css({
-      height: "".concat(6, "px"),
-      width: "".concat(11, "px"),
-      position: 'absolute',
-      color: theme.colors.contentAccent,
-      transition: "".concat(theme.animation.timing300, " ").concat(theme.animation.easeOutCurve, " all")
-    }),
-    style: {
-      transform: "rotate(".concat(heading, "deg) translateY(-16px)")
-    },
-    width: "11",
-    height: "6",
-    viewBox: "0 0 11 6",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5.5 0L0 6L5.5 5L11 6L5.5 0Z",
-    fill: "currentColor"
-  }));
-};
-
-var ConsumerLocationPuck = function ConsumerLocationPuck(_ref2) {
-  var heading = _ref2.heading,
-      showHeading = _ref2.showHeading,
-      confidenceRadius = _ref2.confidenceRadius,
-      overrides = _ref2.overrides;
-
-  var _useStyletron3 = useStyletron(),
-      _useStyletron4 = _slicedToArray(_useStyletron3, 2),
-      theme = _useStyletron4[1];
-
-  var _getOverrides = getOverrides(overrides.Root, LocationPuckContainer),
-      _getOverrides2 = _slicedToArray(_getOverrides, 2),
-      Root = _getOverrides2[0],
-      rootProps = _getOverrides2[1];
-
-  var _getOverrides3 = getOverrides(overrides.ConsumerLocationPuckCore, StyledConsumerLocationPuckCore),
-      _getOverrides4 = _slicedToArray(_getOverrides3, 2),
-      ConsumerLocationPuckCore = _getOverrides4[0],
-      consumerLocationPuckCoreProps = _getOverrides4[1];
-
-  var _getOverrides5 = getOverrides(overrides.LocationPuckApproximation, StyledLocationPuckApproximation),
-      _getOverrides6 = _slicedToArray(_getOverrides5, 2),
-      LocationPuckApproximation = _getOverrides6[0],
-      locationPuckApproximationProps = _getOverrides6[1];
-
-  return /*#__PURE__*/React.createElement(Root, rootProps, /*#__PURE__*/React.createElement(LocationPuckApproximation, _extends({
-    $color: theme.colors.contentAccent,
-    $radius: confidenceRadius
-  }, locationPuckApproximationProps)), /*#__PURE__*/React.createElement(ConsumerLocationPuckCore, consumerLocationPuckCoreProps), showHeading && /*#__PURE__*/React.createElement(ConsumerLocationPuckHeading, {
-    heading: heading
-  }));
-};
-
-var EarnerLocationPuckHeading = function EarnerLocationPuckHeading(_ref3) {
-  var size = _ref3.size,
-      color = _ref3.color,
-      heading = _ref3.heading;
-
-  var _useStyletron5 = useStyletron(),
-      _useStyletron6 = _slicedToArray(_useStyletron5, 2),
-      css = _useStyletron6[0],
-      theme = _useStyletron6[1];
-
-  return /*#__PURE__*/React.createElement("svg", {
-    className: css({
-      position: 'absolute',
-      transition: "".concat(theme.animation.timing300, " ").concat(theme.animation.easeOutCurve, " all")
-    }),
-    style: {
-      transform: "rotate(".concat(heading, "deg) scale(").concat(EARNER_LOCATION_PUCK_CORE_SCALES[size], ")")
-    },
-    width: "72",
-    height: "72",
-    viewBox: "0 0 72 72",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M36 20L52 52L36 42.8571L20 52L36 20Z",
-    fill: color
-  }));
-};
-
-var EarnerLocationPuck = function EarnerLocationPuck(_ref4) {
-  var heading = _ref4.heading,
-      confidenceRadius = _ref4.confidenceRadius,
-      size = _ref4.size,
-      overrides = _ref4.overrides;
-
-  var _useStyletron7 = useStyletron(),
-      _useStyletron8 = _slicedToArray(_useStyletron7, 2),
-      theme = _useStyletron8[1];
-
-  var color = theme.colors.contentPrimary;
-
-  var _getOverrides7 = getOverrides(overrides.Root, LocationPuckContainer),
-      _getOverrides8 = _slicedToArray(_getOverrides7, 2),
-      Root = _getOverrides8[0],
-      rootProps = _getOverrides8[1];
-
-  var _getOverrides9 = getOverrides(overrides.LocationPuckApproximation, StyledLocationPuckApproximation),
-      _getOverrides10 = _slicedToArray(_getOverrides9, 2),
-      LocationPuckApproximation = _getOverrides10[0],
-      locationPuckApproximationProps = _getOverrides10[1];
-
-  var _getOverrides11 = getOverrides(overrides.EarnerLocationPuckCore, StyledEarnerLocationPuckCore),
-      _getOverrides12 = _slicedToArray(_getOverrides11, 2),
-      EarnerLocationPuckCore = _getOverrides12[0],
-      earnerLocationPuckCoreProps = _getOverrides12[1];
-
-  return /*#__PURE__*/React.createElement(Root, rootProps, /*#__PURE__*/React.createElement(LocationPuckApproximation, _extends({
-    $color: color,
-    $radius: confidenceRadius
-  }, locationPuckApproximationProps)), /*#__PURE__*/React.createElement(EarnerLocationPuckCore, _extends({
-    $color: color,
-    $size: size
-  }, earnerLocationPuckCoreProps)), /*#__PURE__*/React.createElement(EarnerLocationPuckHeading, {
-    size: size,
-    color: color,
-    heading: heading
-  }));
-};
-
-var LocationPuck = function LocationPuck(_ref5) {
-  var _ref5$size = _ref5.size,
-      size = _ref5$size === void 0 ? LOCATION_PUCK_SIZES.medium : _ref5$size,
-      _ref5$heading = _ref5.heading,
-      heading = _ref5$heading === void 0 ? 0 : _ref5$heading,
-      _ref5$showHeading = _ref5.showHeading,
-      showHeading = _ref5$showHeading === void 0 ? true : _ref5$showHeading,
-      _ref5$confidenceRadiu = _ref5.confidenceRadius,
-      confidenceRadius = _ref5$confidenceRadiu === void 0 ? 0 : _ref5$confidenceRadiu,
-      _ref5$type = _ref5.type,
-      type = _ref5$type === void 0 ? LOCATION_PUCK_TYPES.consumer : _ref5$type,
-      _ref5$overrides = _ref5.overrides,
-      overrides = _ref5$overrides === void 0 ? {} : _ref5$overrides;
-
-  if (process.env.NODE_ENV !== "production") {
-    if (size !== LOCATION_PUCK_SIZES.medium && type === LOCATION_PUCK_TYPES.consumer) {
-      console.warn("Location puck size can only be applied to type === LOCATION_PUCK_TYPES.earner");
-    }
-
-    if (!showHeading && type === LOCATION_PUCK_TYPES.earner) {
-      console.warn("Earner location puck must show the heading indicator");
-    }
-  }
-
-  var sharedProps = {
-    heading: heading,
-    confidenceRadius: confidenceRadius,
-    overrides: overrides
-  };
-  return type === LOCATION_PUCK_TYPES.consumer ? /*#__PURE__*/React.createElement(ConsumerLocationPuck, _extends({}, sharedProps, {
-    showHeading: showHeading
-  })) : /*#__PURE__*/React.createElement(EarnerLocationPuck, _extends({}, sharedProps, {
-    size: size
-  }));
-};
-
-export default LocationPuck;

package/esm/message-card/constants.js

@@ -1,20 +0,0 @@
-var _Object$freeze;
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-import { KIND } from '../button';
-export var BACKGROUND_COLOR_TYPE = Object.freeze({
-  light: 'light',
-  dark: 'dark'
-});
-export var IMAGE_LAYOUT = Object.freeze({
-  top: 'top',
-  trailing: 'trailing'
-});
-export var BUTTON_KIND = Object.freeze((_Object$freeze = {}, _defineProperty(_Object$freeze, KIND.secondary, KIND.secondary), _defineProperty(_Object$freeze, KIND.tertiary, KIND.tertiary), _Object$freeze));

package/esm/message-card/index.js

@@ -1,10 +0,0 @@
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-export { default as MessageCard } from './message-card';
-export * from './constants';
-export * from './styled-components';
-export * from './types';

package/esm/message-card/message-card.js

@@ -1,168 +0,0 @@
-var _excluded = ["children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-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; }
-
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-import * as React from 'react';
-import { StyledRoot, StyledImage, StyledContentContainer, StyledHeadingContainer, StyledParagraphContainer } from './styled-components';
-import { Button as DefaultButton, SHAPE, SIZE } from '../button';
-import { useStyletron } from '../styles/index';
-import { ThemeProvider, LightTheme } from '../';
-import { getBackgroundColorType } from './utils';
-import { colors } from '../tokens';
-import { getOverrides } from '../helpers/overrides';
-import { IMAGE_LAYOUT, BACKGROUND_COLOR_TYPE, BUTTON_KIND } from './constants';
-
-var ButtonAlwaysLightTheme = function ButtonAlwaysLightTheme(_ref) {
-  var children = _ref.children,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: LightTheme
-  }, /*#__PURE__*/React.createElement(DefaultButton, restProps, children));
-};
-
-var MessageCard = function MessageCard(_ref2) {
-  var _ref2$backgroundColor = _ref2.backgroundColor,
-      backgroundColor = _ref2$backgroundColor === void 0 ? colors.white : _ref2$backgroundColor,
-      backgroundColorTypeProp = _ref2.backgroundColorType,
-      _ref2$buttonKind = _ref2.buttonKind,
-      buttonKind = _ref2$buttonKind === void 0 ? BUTTON_KIND.secondary : _ref2$buttonKind,
-      buttonLabel = _ref2.buttonLabel,
-      heading = _ref2.heading,
-      image = _ref2.image,
-      onClick = _ref2.onClick,
-      _ref2$overrides = _ref2.overrides,
-      overrides = _ref2$overrides === void 0 ? {} : _ref2$overrides,
-      paragraph = _ref2.paragraph;
-
-  var _ref3 = image || {},
-      src = _ref3.src,
-      _ref3$layout = _ref3.layout,
-      layout = _ref3$layout === void 0 ? IMAGE_LAYOUT.top : _ref3$layout,
-      backgroundPosition = _ref3.backgroundPosition,
-      ariaLabel = _ref3.ariaLabel;
-
-  var _getOverrides = getOverrides(overrides.Root, StyledRoot),
-      _getOverrides2 = _slicedToArray(_getOverrides, 2),
-      Root = _getOverrides2[0],
-      RootProps = _getOverrides2[1];
-
-  var _getOverrides3 = getOverrides(overrides.ContentContainer, StyledContentContainer),
-      _getOverrides4 = _slicedToArray(_getOverrides3, 2),
-      ContentContainer = _getOverrides4[0],
-      ContentContainerProps = _getOverrides4[1];
-
-  var _getOverrides5 = getOverrides(overrides.HeadingContainer, StyledHeadingContainer),
-      _getOverrides6 = _slicedToArray(_getOverrides5, 2),
-      HeadingContainer = _getOverrides6[0],
-      HeadingContainerProps = _getOverrides6[1];
-
-  var _getOverrides7 = getOverrides(overrides.ParagraphContainer, StyledParagraphContainer),
-      _getOverrides8 = _slicedToArray(_getOverrides7, 2),
-      ParagraphContainer = _getOverrides8[0],
-      ParagraphContainerProps = _getOverrides8[1];
-
-  var _getOverrides9 = getOverrides(overrides.Image, StyledImage),
-      _getOverrides10 = _slicedToArray(_getOverrides9, 2),
-      Image = _getOverrides10[0],
-      ImageProps = _getOverrides10[1];
-
-  var _getOverrides11 = getOverrides(overrides.Button, ButtonAlwaysLightTheme),
-      _getOverrides12 = _slicedToArray(_getOverrides11, 2),
-      Button = _getOverrides12[0],
-      ButtonProps = _getOverrides12[1];
-
-  var _useStyletron = useStyletron(),
-      _useStyletron2 = _slicedToArray(_useStyletron, 2),
-      theme = _useStyletron2[1];
-
-  var backgroundColorType = backgroundColorTypeProp || getBackgroundColorType(backgroundColor);
-
-  if (!backgroundColorType) {
-    backgroundColorType = BACKGROUND_COLOR_TYPE.dark;
-
-    if (process.env.NODE_ENV !== "production") {
-      console.warn("The provided value for 'backgroundColor', ".concat(backgroundColor, ", is not recognized as a         Base Web primitive color. Please use the 'backgroundColorType' prop to indicate whether         this color is light or dark so the rest of the component can be styled accordingly."));
-    }
-  }
-
-  var buttonColors;
-
-  if (buttonKind === BUTTON_KIND.tertiary && backgroundColorType === BACKGROUND_COLOR_TYPE.dark) {
-    buttonColors = {
-      color: theme.colors.contentOnColor,
-      backgroundColor: theme.colors.buttonTertiaryFill
-    };
-  }
-
-  if (buttonKind !== BUTTON_KIND.tertiary && backgroundColor !== colors.white) {
-    buttonColors = {
-      color: theme.colors.contentOnColorInverse,
-      backgroundColor: theme.colors.backgroundAlwaysLight
-    };
-  }
-
-  return /*#__PURE__*/React.createElement(Root, _extends({
-    onClick: onClick,
-    $backgroundColor: backgroundColor,
-    $backgroundColorType: backgroundColorType,
-    $imageLayout: layout
-  }, RootProps), image && /*#__PURE__*/React.createElement(Image, _extends({
-    role: "img",
-    "aria-label": ariaLabel,
-    $src: src,
-    $imageLayout: layout,
-    $backgroundPosition: backgroundPosition
-  }, ImageProps)), /*#__PURE__*/React.createElement(ContentContainer, ContentContainerProps, heading && /*#__PURE__*/React.createElement(HeadingContainer, HeadingContainerProps, heading), paragraph && /*#__PURE__*/React.createElement(ParagraphContainer, ParagraphContainerProps, paragraph), buttonLabel && /*#__PURE__*/React.createElement(Button, _extends({
-    $as: "div",
-    kind: buttonKind,
-    shape: SHAPE.pill,
-    size: SIZE.compact,
-    role: "none",
-    tabIndex: -1,
-    colors: buttonColors,
-    overrides: {
-      BaseButton: {
-        style: _objectSpread({
-          textAlign: 'center',
-          pointerEvents: 'none'
-        }, buttonKind === BUTTON_KIND.tertiary ? {
-          marginTop: theme.sizing.scale100,
-          transform: theme.direction === 'rtl' ? "translateX(".concat(theme.sizing.scale500, ")") : "translateX(-".concat(theme.sizing.scale500, ")")
-        } : {
-          marginTop: theme.sizing.scale500
-        })
-      }
-    }
-  }, ButtonProps), buttonLabel)));
-};
-
-export default MessageCard;