baseui 10.7.4 → 10.9.1

package/esm/button/styled-components.js

@@ -43,11 +43,14 @@ export var BaseButton = styled('button', function (_ref) {
     transitionDuration: $theme.animation.timing200,
     transitionTimingFunction: $theme.animation.linearCurve,
     cursor: 'pointer',
-    ':disabled': {
-      cursor: 'not-allowed',
-      backgroundColor: $kind === KIND.minimal || $kind === KIND.tertiary ? 'transparent' : $theme.colors.buttonDisabledFill,
-      color: $theme.colors.buttonDisabledText
-    },
+    ':disabled': _objectSpread({
+      cursor: 'not-allowed'
+    }, getDisabledStyles({
+      $theme: $theme,
+      $kind: $kind,
+      $disabled: $disabled,
+      $isSelected: $isSelected
+    })),
     marginLeft: 0,
     marginTop: 0,
     marginRight: 0,
@@ -267,10 +270,36 @@ function getFontStyles(_ref10) {
   }
 }
 
-function getPaddingStyles(_ref11) {
+function getDisabledStyles(_ref11) {
   var $theme = _ref11.$theme,
-      $size = _ref11.$size,
-      $shape = _ref11.$shape;
+      $kind = _ref11.$kind,
+      $isSelected = _ref11.$isSelected,
+      $disabled = _ref11.$disabled;
+
+  if ($disabled && $isSelected) {
+    if ($kind === KIND.primary || $kind === KIND.secondary) {
+      return {
+        color: $theme.colors.buttonDisabledActiveText,
+        backgroundColor: $theme.colors.buttonDisabledActiveFill
+      };
+    } else if ($kind === KIND.minimal || $kind === KIND.tertiary) {
+      return {
+        backgroundColor: $theme.colors.buttonTertiaryDisabledActiveFill,
+        color: $theme.colors.buttonTertiaryDisabledActiveText
+      };
+    }
+  }
+
+  return {
+    backgroundColor: $kind === KIND.minimal || $kind === KIND.tertiary ? 'transparent' : $theme.colors.buttonDisabledFill,
+    color: $theme.colors.buttonDisabledText
+  };
+}
+
+function getPaddingStyles(_ref12) {
+  var $theme = _ref12.$theme,
+      $size = _ref12.$size,
+      $shape = _ref12.$shape;
   var iconShape = $shape === SHAPE.square || $shape === SHAPE.circle || $shape === SHAPE.round;
 
   switch ($size) {
@@ -308,12 +337,12 @@ function getPaddingStyles(_ref11) {
   }
 }
 
-function getKindStyles(_ref12) {
-  var $theme = _ref12.$theme,
-      $isLoading = _ref12.$isLoading,
-      $isSelected = _ref12.$isSelected,
-      $kind = _ref12.$kind,
-      $disabled = _ref12.$disabled;
+function getKindStyles(_ref13) {
+  var $theme = _ref13.$theme,
+      $isLoading = _ref13.$isLoading,
+      $isSelected = _ref13.$isSelected,
+      $kind = _ref13.$kind,
+      $disabled = _ref13.$disabled;
 
   if ($disabled) {
     return Object.freeze({});
@@ -401,10 +430,10 @@ function getKindStyles(_ref12) {
   }
 }
 
-function getShapeStyles(_ref13) {
-  var $theme = _ref13.$theme,
-      $shape = _ref13.$shape,
-      $size = _ref13.$size;
+function getShapeStyles(_ref14) {
+  var $theme = _ref14.$theme,
+      $shape = _ref14.$shape,
+      $size = _ref14.$size;
 
   if ($shape === SHAPE.circle || $shape === SHAPE.square) {
     var height, width;

package/esm/combobox/combobox.js

@@ -46,6 +46,7 @@ function Combobox(props) {
       onChange = props.onChange,
       onFocus = props.onFocus,
       onSubmit = props.onSubmit,
+      listBoxLabel = props.listBoxLabel,
       mapOptionToNode = props.mapOptionToNode,
       mapOptionToString = props.mapOptionToString,
       id = props.id,
@@ -308,6 +309,7 @@ function Combobox(props) {
       ,
       ref: listboxRef,
       role: "listbox",
+      "aria-label": listBoxLabel,
       $width: listboxWidth
     }, listBoxProps), options.map(function (option, index) {
       var isSelected = selectionIndex === index;
@@ -346,9 +348,8 @@ function Combobox(props) {
     role: "combobox"
   }, inputContainerProps), /*#__PURE__*/React.createElement(OverriddenInput, _extends({
     inputRef: handleInputRef,
-    "aria-activedescendant": selectionIndex >= 0 ? activeDescendantId : undefined,
+    "aria-activedescendant": isOpen && selectionIndex >= 0 ? activeDescendantId : undefined,
     "aria-autocomplete": "list",
-    "aria-controls": listboxId,
     disabled: disabled,
     error: error,
     name: name,
@@ -361,7 +362,9 @@ function Combobox(props) {
     positive: positive,
     size: size,
     value: tempValue ? tempValue : value
-  }, restInputProps)))));
+  }, isOpen ? {
+    'aria-controls': listboxId
+  } : {}, restInputProps)))));
 }
 
 export default Combobox;

package/esm/data-table/column-categorical.js

@@ -29,7 +29,7 @@ import { Checkbox, StyledLabel } from '../checkbox/index.js';
 import Search from '../icon/search.js';
 import { Input, SIZE as INPUT_SIZE } from '../input/index.js';
 import { useStyletron, withStyle } from '../styles/index.js';
-import { Label3 } from '../typography/index.js';
+import { LabelSmall } from '../typography/index.js';
 import Column from './column.js';
 import { COLUMNS } from './constants.js';
 import { LocaleContext } from '../locale/index.js';
@@ -186,7 +186,7 @@ export function CategoricalFilter(props) {
       overflowY: 'auto',
       marginTop: theme.sizing.scale600
     })
-  }, !filteredCategories.length && /*#__PURE__*/React.createElement(Label3, null, locale.datatable.categoricalFilterEmpty), Boolean(filteredCategories.length) && filteredCategories.map(function (category, i) {
+  }, !filteredCategories.length && /*#__PURE__*/React.createElement(LabelSmall, null, locale.datatable.categoricalFilterEmpty), Boolean(filteredCategories.length) && filteredCategories.map(function (category, i) {
     return /*#__PURE__*/React.createElement("div", {
       className: checkboxStyles,
       key: i

package/esm/data-table/column-numerical.js

@@ -37,7 +37,7 @@ import { Button, SIZE } from '../button/index.js';
 import { ButtonGroup, MODE } from '../button-group/index.js';
 import { Input, SIZE as INPUT_SIZE } from '../input/index.js';
 import { useStyletron } from '../styles/index.js';
-import { Paragraph4 } from '../typography/index.js';
+import { ParagraphXSmall } from '../typography/index.js';
 import Column from './column.js';
 import { COLUMNS, NUMERICAL_FORMATS, NUMERICAL_OPERATIONS } from './constants.js';
 import FilterShell from './filter-shell.js';
@@ -475,7 +475,7 @@ function NumericalFilter(props) {
       marginLeft: theme.sizing.scale300,
       marginRight: theme.sizing.scale300
     })
-  }, /*#__PURE__*/React.createElement(Paragraph4, null, format(min, props.options)), ' ', /*#__PURE__*/React.createElement(Paragraph4, null, format(max, props.options))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(ParagraphXSmall, null, format(min, props.options)), ' ', /*#__PURE__*/React.createElement(ParagraphXSmall, null, format(max, props.options))), /*#__PURE__*/React.createElement("div", {
     className: css({
       display: 'flex',
       justifyContent: 'space-between'

package/esm/datepicker/styled-components.js

@@ -481,7 +481,7 @@ export var StyledDay = styled('div', function (props) {
       content: '""',
       boxSizing: 'border-box',
       display: 'inline-block',
-      boxShadow: $isFocusVisible ? "0 0 0 3px ".concat(colors.accent) : 'none',
+      boxShadow: $isFocusVisible && (!$outsideMonth || $peekNextMonth) ? "0 0 0 3px ".concat(colors.accent) : 'none',
       backgroundColor: $selected ? colors.calendarDayBackgroundSelectedHighlighted : $pseudoSelected && $isHighlighted ? colors.calendarDayBackgroundPseudoSelectedHighlighted : colors.calendarBackground,
       height: $hasDateLabel ? '100%' : $density === DENSITY.high ? '42px' : '50px',
       width: '100%',

package/esm/drawer/drawer.js

@@ -329,7 +329,9 @@ var Drawer = /*#__PURE__*/function (_React$Component) {
 
       var sharedProps = this.getSharedProps();
       return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, function (locale) {
-        return /*#__PURE__*/React.createElement(FocusLock, {
+        return /*#__PURE__*/React.createElement(FocusLock // Allow focus to escape when UI is within an iframe
+        , {
+          crossFrame: false,
           returnFocus: true,
           autoFocus: autoFocus,
           noFocusGuards: true

package/esm/form-control/form-control.js

@@ -1,7 +1,7 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function _extends() { _extends = Object.assign || 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 _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -33,7 +33,7 @@ LICENSE file in the root directory of this source tree.
 import * as React from 'react';
 import { getOverride, getOverrideProps } from '../helpers/overrides.js';
 import { UIDConsumer } from 'react-uid';
-import { Label as StyledLabel, Caption as StyledCaption, ControlContainer as StyledControlContainer } from './styled-components.js';
+import { Label as StyledLabel, LabelEndEnhancer as StyledLabelEndEnhancer, LabelContainer as StyledLabelContainer, Caption as StyledCaption, ControlContainer as StyledControlContainer } from './styled-components.js';
 
 function chooseRenderedHint(caption, error, positive, sharedProps) {
   if (error && typeof error !== 'boolean') {
@@ -68,6 +68,8 @@ var FormControl = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           _this$props$overrides = _this$props.overrides,
           LabelOverride = _this$props$overrides.Label,
+          LabelEndEnhancerOverride = _this$props$overrides.LabelEndEnhancer,
+          LabelContainerOverride = _this$props$overrides.LabelContainer,
           CaptionOverride = _this$props$overrides.Caption,
           ControlContainerOverride = _this$props$overrides.ControlContainer,
           label = _this$props.label,
@@ -76,7 +78,8 @@ var FormControl = /*#__PURE__*/function (_React$Component) {
           error = _this$props.error,
           positive = _this$props.positive,
           htmlFor = _this$props.htmlFor,
-          children = _this$props.children;
+          children = _this$props.children,
+          counter = _this$props.counter;
       var onlyChildProps = React.Children.only(children).props;
       var sharedProps = {
         $disabled: !!disabled,
@@ -84,6 +87,8 @@ var FormControl = /*#__PURE__*/function (_React$Component) {
         $positive: !!positive
       };
       var Label = getOverride(LabelOverride) || StyledLabel;
+      var LabelEndEnhancer = getOverride(LabelEndEnhancerOverride) || StyledLabelEndEnhancer;
+      var LabelContainer = getOverride(LabelContainerOverride) || StyledLabelContainer;
       var Caption = getOverride(CaptionOverride) || StyledCaption;
       var ControlContainer = getOverride(ControlContainerOverride) || StyledControlContainer;
       var hint = chooseRenderedHint(caption, error, positive, sharedProps);
@@ -95,10 +100,55 @@ var FormControl = /*#__PURE__*/function (_React$Component) {
         }
       }
 
-      return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(Label, _extends({
+      var labelEndEnhancer = this.props.labelEndEnhancer;
+
+      if (counter) {
+        // inferred values are preferred but if the user specifies the value
+        // that is then used as the default.
+        var maxLength = null;
+        var length = null;
+        var counterError = null;
+
+        if (_typeof(counter) === 'object') {
+          length = counter.length;
+          maxLength = counter.maxLength;
+          counterError = counter.error;
+        }
+
+        maxLength = maxLength ? maxLength : onlyChildProps.maxLength;
+
+        if (length == null && typeof onlyChildProps.value === 'string') {
+          length = onlyChildProps.value.length;
+        }
+
+        if (length == null) {
+          length = 0;
+
+          if (process.env.NODE_ENV !== "production") {
+            console.warn("[FromControl] `length` must either be explicitly set via `counter` object property, or `value` string property on the child component.");
+          }
+        }
+
+        sharedProps.$length = length;
+
+        if (maxLength == null) {
+          if (!labelEndEnhancer) labelEndEnhancer = "".concat(length);
+        } else {
+          sharedProps.$maxLength = length;
+          if (!labelEndEnhancer) labelEndEnhancer = "".concat(length, "/").concat(maxLength);
+          if (length > maxLength && counterError == null) counterError = true;
+        }
+
+        if (counterError) {
+          sharedProps.$error = true;
+          sharedProps.$counterError = true;
+        }
+      }
+
+      return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(LabelContainer, _extends({}, sharedProps, getOverrideProps(LabelContainerOverride)), /*#__PURE__*/React.createElement(Label, _extends({
         "data-baseweb": "form-control-label",
         htmlFor: htmlFor || onlyChildProps.id
-      }, sharedProps, getOverrideProps(LabelOverride)), typeof label === 'function' ? label(sharedProps) : label), /*#__PURE__*/React.createElement(UIDConsumer, null, function (captionId) {
+      }, sharedProps, getOverrideProps(LabelOverride)), typeof label === 'function' ? label(sharedProps) : label), labelEndEnhancer && /*#__PURE__*/React.createElement(LabelEndEnhancer, _extends({}, sharedProps, getOverrideProps(LabelEndEnhancerOverride)), typeof labelEndEnhancer === 'function' ? labelEndEnhancer(sharedProps) : labelEndEnhancer)), /*#__PURE__*/React.createElement(UIDConsumer, null, function (captionId) {
         return /*#__PURE__*/React.createElement(ControlContainer, _extends({
           "data-baseweb": "form-control-container"
         }, sharedProps, getOverrideProps(ControlContainerOverride)), React.Children.map(children, function (child, index) {
@@ -109,8 +159,8 @@ var FormControl = /*#__PURE__*/function (_React$Component) {
             'aria-errormessage': error ? captionId : null,
             'aria-describedby': caption || positive ? captionId : null,
             disabled: onlyChildProps.disabled || disabled,
-            error: typeof onlyChildProps.error !== 'undefined' ? onlyChildProps.error : error,
-            positive: typeof onlyChildProps.positive !== 'undefined' ? onlyChildProps.positive : positive
+            error: typeof onlyChildProps.error !== 'undefined' ? onlyChildProps.error : sharedProps.$error,
+            positive: typeof onlyChildProps.positive !== 'undefined' ? onlyChildProps.positive : sharedProps.$positive
           });
         }), (caption || error || positive) && /*#__PURE__*/React.createElement(Caption, _extends({
           "data-baseweb": "form-control-caption",
@@ -127,7 +177,8 @@ _defineProperty(FormControl, "defaultProps", {
   overrides: {},
   label: null,
   caption: null,
-  disabled: false
+  disabled: false,
+  counter: false
 });
 
 export { FormControl as default };

package/esm/form-control/styled-components.js

@@ -15,7 +15,6 @@ export var Label = styled('label', function (props) {
   var $disabled = props.$disabled,
       _props$$theme = props.$theme,
       colors = _props$$theme.colors,
-      sizing = _props$$theme.sizing,
       typography = _props$$theme.typography;
   return _objectSpread(_objectSpread({}, typography.font250), {}, {
     fontWeight: 500,
@@ -25,14 +24,35 @@ export var Label = styled('label', function (props) {
     paddingTop: 0,
     paddingRight: 0,
     paddingBottom: 0,
-    paddingLeft: 0,
+    paddingLeft: 0
+  });
+});
+Label.displayName = "Label";
+export var LabelContainer = styled('span', function (_ref) {
+  var sizing = _ref.$theme.sizing;
+  return {
+    display: 'flex',
+    width: '100%',
     marginTop: sizing.scale300,
     marginRight: 0,
     marginBottom: sizing.scale300,
     marginLeft: 0
+  };
+});
+LabelContainer.displayName = "LabelContainer";
+export var LabelEndEnhancer = styled('span', function (_ref2) {
+  var $disabled = _ref2.$disabled,
+      $counterError = _ref2.$counterError,
+      _ref2$$theme = _ref2.$theme,
+      colors = _ref2$$theme.colors,
+      typography = _ref2$$theme.typography;
+  return _objectSpread(_objectSpread({}, typography.font100), {}, {
+    flex: 0,
+    width: '100%',
+    color: $counterError ? colors.negative400 : $disabled ? colors.contentSecondary : colors.contentPrimary
   });
 });
-Label.displayName = "Label";
+LabelEndEnhancer.displayName = "LabelEndEnhancer";
 export var Caption = styled('div', function (props) {
   var $error = props.$error,
       $positive = props.$positive,

package/esm/index.js

@@ -8,4 +8,4 @@ export { styled, withStyle, withWrapper, useStyletron, createThemedStyled, creat
 export { createTheme, createDarkTheme, createLightTheme, lightThemePrimitives, darkThemePrimitives, darkThemeOverrides, DarkTheme, DarkThemeMove, LightTheme, LightThemeMove } from './themes/index.js';
 export { default as LocaleProvider } from './locale/index.js';
 export { default as BaseProvider } from './helpers/base-provider.js';
-export { mergeOverrides } from './helpers/overrides.js';
+export { getOverrides, mergeOverrides } from './helpers/overrides.js';

package/esm/map-marker/badge-enhancer.js

@@ -0,0 +1,79 @@
+function _extends() { _extends = Object.assign || 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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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 { getOverrides } from '../helpers/overrides.js';
+import { StyledBadgeEnhancerRoot } from './styled-components.js';
+import { PINHEAD_TYPES, BADGE_ENHANCER_SIZES, BADGE_ENHANCER_POSITIONS, BADGE_ENHANCER_CONTENT_SIZE } from './constants.js';
+
+var BadgeEnhancer = function BadgeEnhancer(_ref) {
+  var pinHeadSize = _ref.pinHeadSize,
+      markerType = _ref.markerType,
+      _ref$badgeEnhancerSiz = _ref.badgeEnhancerSize,
+      badgeEnhancerSize = _ref$badgeEnhancerSiz === void 0 ? BADGE_ENHANCER_SIZES.none : _ref$badgeEnhancerSiz,
+      BadgeEnhancerContent = _ref.badgeEnhancerContent,
+      _ref$overrides = _ref.overrides,
+      overrides = _ref$overrides === void 0 ? {} : _ref$overrides;
+
+  if (badgeEnhancerSize === null || badgeEnhancerSize == BADGE_ENHANCER_SIZES.none) {
+    return null;
+  }
+
+  if (badgeEnhancerSize !== BADGE_ENHANCER_SIZES.xSmall && !BadgeEnhancerContent) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn("Badges (except for size ".concat(BADGE_ENHANCER_SIZES.xSmall, ") must contain content"));
+    }
+
+    return null;
+  }
+
+  if (markerType === PINHEAD_TYPES.floating) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn("Badges can only be rendered on fixed markers");
+    }
+
+    return null;
+  }
+
+  var positions = BADGE_ENHANCER_POSITIONS[pinHeadSize];
+  var position = positions ? positions[badgeEnhancerSize] : null;
+
+  if (!position) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn("Badge size ".concat(badgeEnhancerSize, " cannot be rendered with pinhead size ").concat(pinHeadSize));
+    }
+
+    return null;
+  }
+
+  var _getOverrides = getOverrides(overrides.BadgeEnhancer, StyledBadgeEnhancerRoot),
+      _getOverrides2 = _slicedToArray(_getOverrides, 2),
+      BadgeEnhancerRoot = _getOverrides2[0],
+      badgeEnhancerRootProps = _getOverrides2[1];
+
+  return /*#__PURE__*/React.createElement(BadgeEnhancerRoot, _extends({
+    $size: badgeEnhancerSize,
+    $position: position
+  }, badgeEnhancerRootProps), BadgeEnhancerContent && badgeEnhancerSize !== BADGE_ENHANCER_SIZES.xSmall && /*#__PURE__*/React.createElement(BadgeEnhancerContent, {
+    size: BADGE_ENHANCER_CONTENT_SIZE[badgeEnhancerSize]
+  }));
+};
+
+export default BadgeEnhancer;

package/esm/map-marker/constants.js

@@ -1,4 +1,4 @@
-var _Object$freeze, _Object$freeze2;
+var _Object$freeze, _Object$freeze2, _LABEL_SIZES, _xSmallPinheadBadge, _PINHEAD_SIZES_SHAPES, _PINHEAD_SIZES_SHAPES2, _PINHEAD_SIZES_SHAPES3, _BADGE_ENHANCER_POSIT, _BADGE_ENHANCER_STYLE, _BADGE_ENHANCER_CONTE;
 
 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; }
 
@@ -16,6 +16,8 @@ export var NEEDLE_SIZES = Object.freeze({
 });
 export var NEEDLE_HEIGHTS = Object.freeze((_Object$freeze = {}, _defineProperty(_Object$freeze, NEEDLE_SIZES.none, 0), _defineProperty(_Object$freeze, NEEDLE_SIZES.short, 4), _defineProperty(_Object$freeze, NEEDLE_SIZES.medium, 12), _defineProperty(_Object$freeze, NEEDLE_SIZES.tall, 20), _Object$freeze));
 export var PINHEAD_SIZES_SHAPES = Object.freeze({
+  xxSmallCircle: 'xx-small-circle',
+  xxSmallSquare: 'xx-small-square',
   xSmallCircle: 'x-small-circle',
   xSmallSquare: 'x-small-square',
   small: 'small',
@@ -26,7 +28,11 @@ export var xSmallPinheadDimension = {
   height: 16,
   icon: 4
 };
-export var PINHEAD_DIMENSIONS = Object.freeze((_Object$freeze2 = {}, _defineProperty(_Object$freeze2, PINHEAD_SIZES_SHAPES.xSmallSquare, xSmallPinheadDimension), _defineProperty(_Object$freeze2, PINHEAD_SIZES_SHAPES.xSmallCircle, xSmallPinheadDimension), _defineProperty(_Object$freeze2, PINHEAD_SIZES_SHAPES.small, {
+export var xxSmallPinheadDimension = {
+  height: 8,
+  icon: 4
+};
+export var PINHEAD_DIMENSIONS = Object.freeze((_Object$freeze2 = {}, _defineProperty(_Object$freeze2, PINHEAD_SIZES_SHAPES.xxSmallSquare, xxSmallPinheadDimension), _defineProperty(_Object$freeze2, PINHEAD_SIZES_SHAPES.xxSmallCircle, xxSmallPinheadDimension), _defineProperty(_Object$freeze2, PINHEAD_SIZES_SHAPES.xSmallSquare, xSmallPinheadDimension), _defineProperty(_Object$freeze2, PINHEAD_SIZES_SHAPES.xSmallCircle, xSmallPinheadDimension), _defineProperty(_Object$freeze2, PINHEAD_SIZES_SHAPES.small, {
   height: 24,
   icon: 16
 }), _defineProperty(_Object$freeze2, PINHEAD_SIZES_SHAPES.medium, {
@@ -54,9 +60,93 @@ export var FLOATING_MARKER_ANCHOR_POSITIONS = Object.freeze({
 });
 export var FLOATING_MARKER_ANCHOR_TYPES = Object.freeze({
   circle: 'circle',
-  square: 'square'
+  square: 'square',
+  xxSmallCircle: 'xx-small-circle',
+  xxSmallSquare: 'xx-small-square'
 });
 export var dragShadowHeight = 4;
 export var dragShadowMarginTop = 6;
 export var dragShadowWidth = 6;
-export var anchorSize = 16;
+export var anchorSize = 16;
+var labelSmall = 'LabelSmall';
+export var LABEL_SIZES = (_LABEL_SIZES = {}, _defineProperty(_LABEL_SIZES, PINHEAD_SIZES_SHAPES.xxSmallCircle, labelSmall), _defineProperty(_LABEL_SIZES, PINHEAD_SIZES_SHAPES.xxSmallSquare, labelSmall), _defineProperty(_LABEL_SIZES, PINHEAD_SIZES_SHAPES.xSmallCircle, labelSmall), _defineProperty(_LABEL_SIZES, PINHEAD_SIZES_SHAPES.xSmallSquare, labelSmall), _defineProperty(_LABEL_SIZES, PINHEAD_SIZES_SHAPES.small, labelSmall), _defineProperty(_LABEL_SIZES, PINHEAD_SIZES_SHAPES.medium, 'LabelMedium'), _defineProperty(_LABEL_SIZES, PINHEAD_SIZES_SHAPES.large, 'LabelLarge'), _LABEL_SIZES);
+export var LABEL_ENHANCER_POSITIONS = Object.freeze({
+  none: 'none',
+  top: 'top',
+  left: 'left',
+  right: 'right',
+  bottom: 'bottom'
+});
+export var BADGE_ENHANCER_SIZES = Object.freeze({
+  none: 'none',
+  xSmall: 'x-small',
+  small: 'small',
+  mediumText: 'medium-text',
+  mediumIcon: 'medium-icon'
+});
+var xSmallPinheadBadge = (_xSmallPinheadBadge = {}, _defineProperty(_xSmallPinheadBadge, BADGE_ENHANCER_SIZES.none, null), _defineProperty(_xSmallPinheadBadge, BADGE_ENHANCER_SIZES.xSmall, {
+  x: -5,
+  y: -3
+}), _defineProperty(_xSmallPinheadBadge, BADGE_ENHANCER_SIZES.small, null), _defineProperty(_xSmallPinheadBadge, BADGE_ENHANCER_SIZES.mediumText, null), _defineProperty(_xSmallPinheadBadge, BADGE_ENHANCER_SIZES.mediumIcon, null), _xSmallPinheadBadge);
+export var BADGE_ENHANCER_POSITIONS = (_BADGE_ENHANCER_POSIT = {}, _defineProperty(_BADGE_ENHANCER_POSIT, PINHEAD_SIZES_SHAPES.xxSmallSquare, null), _defineProperty(_BADGE_ENHANCER_POSIT, PINHEAD_SIZES_SHAPES.xxSmallCircle, null), _defineProperty(_BADGE_ENHANCER_POSIT, PINHEAD_SIZES_SHAPES.xSmallSquare, xSmallPinheadBadge), _defineProperty(_BADGE_ENHANCER_POSIT, PINHEAD_SIZES_SHAPES.xSmallCircle, xSmallPinheadBadge), _defineProperty(_BADGE_ENHANCER_POSIT, PINHEAD_SIZES_SHAPES.small, (_PINHEAD_SIZES_SHAPES = {}, _defineProperty(_PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES.none, null), _defineProperty(_PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES.xSmall, {
+  x: -7,
+  y: -1
+}), _defineProperty(_PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES.small, {
+  x: -8,
+  y: -8
+}), _defineProperty(_PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES.mediumText, null), _defineProperty(_PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES.mediumIcon, null), _PINHEAD_SIZES_SHAPES)), _defineProperty(_BADGE_ENHANCER_POSIT, PINHEAD_SIZES_SHAPES.medium, (_PINHEAD_SIZES_SHAPES2 = {}, _defineProperty(_PINHEAD_SIZES_SHAPES2, BADGE_ENHANCER_SIZES.none, null), _defineProperty(_PINHEAD_SIZES_SHAPES2, BADGE_ENHANCER_SIZES.xSmall, {
+  x: -9,
+  y: 1
+}), _defineProperty(_PINHEAD_SIZES_SHAPES2, BADGE_ENHANCER_SIZES.small, {
+  x: -10,
+  y: -4
+}), _defineProperty(_PINHEAD_SIZES_SHAPES2, BADGE_ENHANCER_SIZES.mediumText, {
+  x: -12,
+  y: -8
+}), _defineProperty(_PINHEAD_SIZES_SHAPES2, BADGE_ENHANCER_SIZES.mediumIcon, {
+  x: -12,
+  y: -8
+}), _PINHEAD_SIZES_SHAPES2)), _defineProperty(_BADGE_ENHANCER_POSIT, PINHEAD_SIZES_SHAPES.large, (_PINHEAD_SIZES_SHAPES3 = {}, _defineProperty(_PINHEAD_SIZES_SHAPES3, BADGE_ENHANCER_SIZES.none, null), _defineProperty(_PINHEAD_SIZES_SHAPES3, BADGE_ENHANCER_SIZES.xSmall, {
+  x: -11,
+  y: 3
+}), _defineProperty(_PINHEAD_SIZES_SHAPES3, BADGE_ENHANCER_SIZES.small, null), _defineProperty(_PINHEAD_SIZES_SHAPES3, BADGE_ENHANCER_SIZES.mediumText, {
+  x: -14,
+  y: -6
+}), _defineProperty(_PINHEAD_SIZES_SHAPES3, BADGE_ENHANCER_SIZES.mediumIcon, {
+  x: -14,
+  y: -6
+}), _PINHEAD_SIZES_SHAPES3)), _BADGE_ENHANCER_POSIT);
+export var BADGE_ENHANCER_STYLES = (_BADGE_ENHANCER_STYLE = {}, _defineProperty(_BADGE_ENHANCER_STYLE, BADGE_ENHANCER_SIZES.none, {}), _defineProperty(_BADGE_ENHANCER_STYLE, BADGE_ENHANCER_SIZES.xSmall, {
+  height: '8px',
+  width: '8px',
+  borderRadius: '50%'
+}), _defineProperty(_BADGE_ENHANCER_STYLE, BADGE_ENHANCER_SIZES.small, {
+  height: '16px',
+  width: '16px',
+  borderRadius: '50%',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  fontSize: '10px'
+}), _defineProperty(_BADGE_ENHANCER_STYLE, BADGE_ENHANCER_SIZES.mediumText, {
+  borderRadius: '10px',
+  height: '20px',
+  padding: '0px 8px',
+  display: 'flex',
+  alignItems: 'center',
+  boxSizing: 'border-box'
+}), _defineProperty(_BADGE_ENHANCER_STYLE, BADGE_ENHANCER_SIZES.mediumIcon, {
+  height: '20px',
+  width: '20px',
+  borderRadius: '50%',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  boxSizing: 'border-box'
+}), _BADGE_ENHANCER_STYLE);
+export var BADGE_ENHANCER_CONTENT_SIZE = (_BADGE_ENHANCER_CONTE = {}, _defineProperty(_BADGE_ENHANCER_CONTE, BADGE_ENHANCER_SIZES.none, 0), _defineProperty(_BADGE_ENHANCER_CONTE, BADGE_ENHANCER_SIZES.xSmall, 0), _defineProperty(_BADGE_ENHANCER_CONTE, BADGE_ENHANCER_SIZES.small, 10), _defineProperty(_BADGE_ENHANCER_CONTE, BADGE_ENHANCER_SIZES.mediumText, 12), _defineProperty(_BADGE_ENHANCER_CONTE, BADGE_ENHANCER_SIZES.mediumIcon, 12), _BADGE_ENHANCER_CONTE);
+export var KIND = Object.freeze({
+  default: 'default',
+  accent: 'accent',
+  negative: 'negative'
+});

package/esm/map-marker/drag-shadow.js

@@ -0,0 +1,53 @@
+function _extends() { _extends = Object.assign || 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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_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 { getOverrides } from '../helpers/overrides.js';
+import { dragShadowWidth } from './constants.js';
+import { StyledDragShadow, StyledDragShadowContainer } from './styled-components.js';
+
+var DragShadow = function DragShadow(_ref) {
+  var background = _ref.background,
+      dragging = _ref.dragging,
+      height = _ref.height,
+      _ref$overrides = _ref.overrides,
+      overrides = _ref$overrides === void 0 ? {} : _ref$overrides;
+
+  var _getOverrides = getOverrides(overrides.DragShadowContainer, StyledDragShadowContainer),
+      _getOverrides2 = _slicedToArray(_getOverrides, 2),
+      DragShadowContainer = _getOverrides2[0],
+      dragShadowContainerProps = _getOverrides2[1];
+
+  var _getOverrides3 = getOverrides(overrides.DragShadow, StyledDragShadow),
+      _getOverrides4 = _slicedToArray(_getOverrides3, 2),
+      DragShadow = _getOverrides4[0],
+      dragShadowProps = _getOverrides4[1];
+
+  return /*#__PURE__*/React.createElement(DragShadowContainer, _extends({
+    $width: dragShadowWidth,
+    $height: height,
+    $dragging: dragging
+  }, dragShadowContainerProps), /*#__PURE__*/React.createElement(DragShadow, _extends({
+    $width: dragShadowWidth,
+    $background: background
+  }, dragShadowProps)));
+};
+
+export default DragShadow;