baseui 0.0.0-alpha-3479e57 → 0.0.0-alpha-e79754d

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

@@ -1,142 +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 { 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';
-
-const ConsumerLocationPuckHeading = ({
-  heading
-}) => {
-  const [css, theme] = useStyletron();
-  return /*#__PURE__*/React.createElement("svg", {
-    className: css({
-      height: `${6}px`,
-      width: `${11}px`,
-      position: 'absolute',
-      color: theme.colors.contentAccent,
-      transition: `${theme.animation.timing300} ${theme.animation.easeOutCurve} all`
-    }),
-    style: {
-      transform: `rotate(${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"
-  }));
-};
-
-const ConsumerLocationPuck = ({
-  heading,
-  showHeading,
-  confidenceRadius,
-  overrides
-}) => {
-  const [, theme] = useStyletron();
-  const [Root, rootProps] = getOverrides(overrides.Root, LocationPuckContainer);
-  const [ConsumerLocationPuckCore, consumerLocationPuckCoreProps] = getOverrides(overrides.ConsumerLocationPuckCore, StyledConsumerLocationPuckCore);
-  const [LocationPuckApproximation, locationPuckApproximationProps] = getOverrides(overrides.LocationPuckApproximation, StyledLocationPuckApproximation);
-  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
-  }));
-};
-
-const EarnerLocationPuckHeading = ({
-  size,
-  color,
-  heading
-}) => {
-  const [css, theme] = useStyletron();
-  return /*#__PURE__*/React.createElement("svg", {
-    className: css({
-      position: 'absolute',
-      transition: `${theme.animation.timing300} ${theme.animation.easeOutCurve} all`
-    }),
-    style: {
-      transform: `rotate(${heading}deg) scale(${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
-  }));
-};
-
-const EarnerLocationPuck = ({
-  heading,
-  confidenceRadius,
-  size,
-  overrides
-}) => {
-  const [, theme] = useStyletron();
-  const color = theme.colors.contentPrimary;
-  const [Root, rootProps] = getOverrides(overrides.Root, LocationPuckContainer);
-  const [LocationPuckApproximation, locationPuckApproximationProps] = getOverrides(overrides.LocationPuckApproximation, StyledLocationPuckApproximation);
-  const [EarnerLocationPuckCore, earnerLocationPuckCoreProps] = getOverrides(overrides.EarnerLocationPuckCore, StyledEarnerLocationPuckCore);
-  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
-  }));
-};
-
-const LocationPuck = ({
-  size = LOCATION_PUCK_SIZES.medium,
-  heading = 0,
-  showHeading = true,
-  confidenceRadius = 0,
-  type = LOCATION_PUCK_TYPES.consumer,
-  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`);
-    }
-  }
-
-  const sharedProps = {
-    heading,
-    confidenceRadius,
-    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/es/message-card/constants.js

@@ -1,19 +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 { KIND } from '../button';
-export const BACKGROUND_COLOR_TYPE = Object.freeze({
-  light: 'light',
-  dark: 'dark'
-});
-export const IMAGE_LAYOUT = Object.freeze({
-  top: 'top',
-  trailing: 'trailing'
-});
-export const BUTTON_KIND = Object.freeze({
-  [KIND.secondary]: KIND.secondary,
-  [KIND.tertiary]: KIND.tertiary
-});

package/es/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/es/message-card/message-card.js

@@ -1,112 +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.js';
-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",
-    ariaLabel: 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({
-    kind: buttonKind,
-    shape: SHAPE.pill,
-    size: SIZE.compact,
-    role: "none",
-    tabIndex: -1,
-    colors: buttonColors,
-    overrides: {
-      BaseButton: {
-        style: {
-          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';