baseui 12.0.0 → 12.1.2

package/es/input/styled-components.js

@@ -33,6 +33,7 @@ export const StyledMaskToggleButton = styled('button', ({
   };
 });
 StyledMaskToggleButton.displayName = "StyledMaskToggleButton";
+StyledMaskToggleButton.displayName = 'StyledMaskToggleButton';
 export const StyledClearIconContainer = styled('div', ({
   $alignTop = false,
   $size,
@@ -54,6 +55,7 @@ export const StyledClearIconContainer = styled('div', ({
   };
 });
 StyledClearIconContainer.displayName = "StyledClearIconContainer";
+StyledClearIconContainer.displayName = 'StyledClearIconContainer';
 export const StyledClearIcon = styled(DeleteAlt, ({
   $theme,
   $isFocusVisible
@@ -62,6 +64,7 @@ export const StyledClearIcon = styled(DeleteAlt, ({
   outline: $isFocusVisible ? `solid 3px ${$theme.colors.accent}` : 'none'
 }));
 StyledClearIcon.displayName = "StyledClearIcon";
+StyledClearIcon.displayName = 'StyledClearIcon';
 
 function getInputPadding(size, sizing) {
   return {
@@ -160,7 +163,13 @@ function getRootColors($disabled, $isFocused, $error, $positive = false, colors)
   };
 }
 
-function getRootBorderRadius(radius) {
+function getRootBorderRadius(size, borders) {
+  let radius = borders.inputBorderRadius;
+
+  if (size === SIZE.mini) {
+    radius = borders.inputBorderRadiusMini;
+  }
+
   return {
     borderTopLeftRadius: radius,
     borderBottomLeftRadius: radius,
@@ -203,15 +212,15 @@ export const getRootStyles = props => {
     transitionProperty: 'border',
     transitionDuration: animation.timing200,
     transitionTimingFunction: animation.easeOutCurve,
-    ...getRootBorderRadius(borders.inputBorderRadius),
+    ...getRootBorderRadius($size, borders),
     ...getFont($size, typography),
     ...getRootColors($disabled, $isFocused, $error, $positive, colors),
     ...getRootPadding($adjoined, $size, sizing, $theme.direction, $hasIconTrailing)
   };
 };
-export const Root = styled('div', getRootStyles); // InputEnhancer
-
+export const Root = styled('div', getRootStyles);
 Root.displayName = "Root";
+Root.displayName = 'Root'; // InputEnhancer
 
 function getInputEnhancerPadding($size, sizing) {
   return {
@@ -294,9 +303,9 @@ export const InputEnhancer = styled('div', props => {
     ...getInputEnhancerPadding($size, sizing),
     ...getInputEnhancerColors($disabled, $isFocused, $error, $positive, colors)
   };
-}); // InputContainer
-
+});
 InputEnhancer.displayName = "InputEnhancer";
+InputEnhancer.displayName = 'InputEnhancer'; // InputContainer
 
 function getInputContainerColors($disabled, $isFocused, $error, $positive, colors) {
   if ($disabled) {
@@ -358,6 +367,7 @@ export const getInputContainerStyles = props => {
 };
 export const InputContainer = styled('div', getInputContainerStyles);
 InputContainer.displayName = "InputContainer";
+InputContainer.displayName = 'InputContainer';
 
 function getInputColors($disabled, $isFocused, $error, colors) {
   if ($disabled) {
@@ -420,4 +430,5 @@ export const getInputStyles = props => {
   };
 };
 export const Input = styled('input', getInputStyles);
-Input.displayName = "Input";
+Input.displayName = "Input";
+Input.displayName = 'Input';

package/es/input/utils.js

@@ -12,6 +12,7 @@ export function getSharedProps(props, state) {
     adjoined,
     size,
     required,
+    resize,
     readOnly
   } = props;
   const {
@@ -25,6 +26,7 @@ export function getSharedProps(props, state) {
     $adjoined: adjoined,
     $size: size,
     $required: required,
+    $resize: resize,
     $isReadOnly: readOnly
   };
 }

package/es/layer/layer.js

@@ -39,6 +39,24 @@ class LayerComponent extends React.Component {
       }
     });
 
+    _defineProperty(this, "onKeyDown", event => {
+      if (this.props.onKeyDown) {
+        this.props.onKeyDown(event);
+      }
+    });
+
+    _defineProperty(this, "onKeyUp", event => {
+      if (this.props.onKeyUp) {
+        this.props.onKeyUp(event);
+      }
+    });
+
+    _defineProperty(this, "onKeyPress", event => {
+      if (this.props.onKeyPress) {
+        this.props.onKeyPress(event);
+      }
+    });
+
     _defineProperty(this, "onDocumentClick", event => {
       if (this.props.onDocumentClick) {
         this.props.onDocumentClick(event);
@@ -48,6 +66,9 @@ class LayerComponent extends React.Component {
 
   componentDidMount() {
     this.context.addEscapeHandler(this.onEscape);
+    this.context.addKeyDownHandler(this.onKeyDown);
+    this.context.addKeyUpHandler(this.onKeyUp);
+    this.context.addKeyPressHandler(this.onKeyPress);
 
     if (!this.props.isHoverLayer) {
       this.context.addDocClickHandler(this.onDocumentClick);
@@ -106,6 +127,9 @@ class LayerComponent extends React.Component {
 
   componentWillUnmount() {
     this.context.removeEscapeHandler(this.onEscape);
+    this.context.removeKeyDownHandler(this.onKeyDown);
+    this.context.removeKeyUpHandler(this.onKeyUp);
+    this.context.removeKeyPressHandler(this.onKeyPress);
     this.context.removeDocClickHandler(this.onDocumentClick);
 
     if (this.props.onUnmount) {

package/es/layer/layers-manager.js

@@ -26,6 +26,12 @@ function defaultEventHandlerFn() {
 export const LayersContext = /*#__PURE__*/React.createContext({
   addEscapeHandler: defaultEventHandlerFn,
   removeEscapeHandler: defaultEventHandlerFn,
+  addKeyDownHandler: defaultEventHandlerFn,
+  removeKeyDownHandler: defaultEventHandlerFn,
+  addKeyUpHandler: defaultEventHandlerFn,
+  removeKeyUpHandler: defaultEventHandlerFn,
+  addKeyPressHandler: defaultEventHandlerFn,
+  removeKeyPressHandler: defaultEventHandlerFn,
   addDocClickHandler: defaultEventHandlerFn,
   removeDocClickHandler: defaultEventHandlerFn,
   host: undefined,
@@ -34,6 +40,7 @@ export const LayersContext = /*#__PURE__*/React.createContext({
 export const Provider = LayersContext.Provider;
 export const Consumer = LayersContext.Consumer;
 export default class LayersManager extends React.Component {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   constructor(props) {
     super(props);
 
@@ -49,6 +56,14 @@ export default class LayersManager extends React.Component {
       }
     });
 
+    _defineProperty(this, "onKeyDown", event => {
+      const keyDownHandler = this.state.keyDownHandlers[this.state.keyDownHandlers.length - 1];
+
+      if (keyDownHandler) {
+        keyDownHandler(event);
+      }
+    });
+
     _defineProperty(this, "onKeyUp", event => {
       if (event.key === 'Escape') {
         const escapeKeyHandler = this.state.escapeKeyHandlers[this.state.escapeKeyHandlers.length - 1];
@@ -57,6 +72,20 @@ export default class LayersManager extends React.Component {
           escapeKeyHandler();
         }
       }
+
+      const keyUpHandler = this.state.keyUpHandlers[this.state.keyUpHandlers.length - 1];
+
+      if (keyUpHandler) {
+        keyUpHandler(event);
+      }
+    });
+
+    _defineProperty(this, "onKeyPress", event => {
+      const keyPressHandler = this.state.keyPressHandlers[this.state.keyPressHandlers.length - 1];
+
+      if (keyPressHandler) {
+        keyPressHandler(event);
+      }
     });
 
     _defineProperty(this, "onAddEscapeHandler", escapeKeyHandler => {
@@ -75,6 +104,54 @@ export default class LayersManager extends React.Component {
       });
     });
 
+    _defineProperty(this, "onAddKeyDownHandler", keyDownHandler => {
+      this.setState(prev => {
+        return {
+          keyDownHandlers: [...prev.keyDownHandlers, keyDownHandler]
+        };
+      });
+    });
+
+    _defineProperty(this, "onRemoveKeyDownHandler", keyDownHandler => {
+      this.setState(prev => {
+        return {
+          keyDownHandlers: prev.keyDownHandlers.filter(handler => handler !== keyDownHandler)
+        };
+      });
+    });
+
+    _defineProperty(this, "onAddKeyUpHandler", keyUpHandler => {
+      this.setState(prev => {
+        return {
+          keyUpHandlers: [...prev.keyUpHandlers, keyUpHandler]
+        };
+      });
+    });
+
+    _defineProperty(this, "onRemoveKeyUpHandler", keyUpHandler => {
+      this.setState(prev => {
+        return {
+          keyUpHandlers: prev.keyUpHandlers.filter(handler => handler !== keyUpHandler)
+        };
+      });
+    });
+
+    _defineProperty(this, "onAddKeyPressHandler", keyPressHandler => {
+      this.setState(prev => {
+        return {
+          keyPressHandlers: [...prev.keyPressHandlers, keyPressHandler]
+        };
+      });
+    });
+
+    _defineProperty(this, "onRemoveKeyPressHandler", keyPressHandler => {
+      this.setState(prev => {
+        return {
+          keyPressHandlers: prev.keyPressHandlers.filter(handler => handler !== keyPressHandler)
+        };
+      });
+    });
+
     _defineProperty(this, "onAddDocClickHandler", docClickHandler => {
       this.setState(prev => {
         return {
@@ -93,6 +170,9 @@ export default class LayersManager extends React.Component {
 
     this.state = {
       escapeKeyHandlers: [],
+      keyDownHandlers: [],
+      keyUpHandlers: [],
+      keyPressHandlers: [],
       docClickHandlers: []
     };
   }
@@ -102,7 +182,9 @@ export default class LayersManager extends React.Component {
     initFocusVisible(this.containerRef.current);
 
     if (typeof document !== 'undefined') {
-      document.addEventListener('keyup', this.onKeyUp); // using mousedown event so that callback runs before events on children inside of the layer
+      document.addEventListener('keydown', this.onKeyDown);
+      document.addEventListener('keyup', this.onKeyUp);
+      document.addEventListener('keypress', this.onKeyPress); // using mousedown event so that callback runs before events on children inside of the layer
 
       document.addEventListener('mousedown', this.onDocumentClick);
     }
@@ -110,7 +192,9 @@ export default class LayersManager extends React.Component {
 
   componentWillUnmount() {
     if (typeof document !== 'undefined') {
+      document.removeEventListener('keydown', this.onKeyDown);
       document.removeEventListener('keyup', this.onKeyUp);
+      document.removeEventListener('keypress', this.onKeyPress);
       document.removeEventListener('mousedown', this.onDocumentClick);
     }
   }
@@ -137,6 +221,12 @@ export default class LayersManager extends React.Component {
           zIndex: this.props.zIndex,
           addEscapeHandler: this.onAddEscapeHandler,
           removeEscapeHandler: this.onRemoveEscapeHandler,
+          addKeyDownHandler: this.onAddKeyDownHandler,
+          removeKeyDownHandler: this.onRemoveKeyDownHandler,
+          addKeyUpHandler: this.onAddKeyUpHandler,
+          removeKeyUpHandler: this.onRemoveKeyUpHandler,
+          addKeyPressHandler: this.onAddKeyPressHandler,
+          removeKeyPressHandler: this.onRemoveKeyPressHandler,
           addDocClickHandler: this.onAddDocClickHandler,
           removeDocClickHandler: this.onRemoveDocClickHandler
         }

package/es/layout-grid/styled-components.js

@@ -18,6 +18,7 @@ export const StyledGridWrapper = styled('div', ({
   maxWidth: $behavior === BEHAVIOR.fixed ? `${$gridMaxWidth + 2 * getResponsiveNumber($gridMargins, Infinity) - 1}${$gridUnit}` : null
 }));
 StyledGridWrapper.displayName = "StyledGridWrapper";
+StyledGridWrapper.displayName = 'StyledGridWrapper';
 export const StyledGrid = styled('div', ({
   $theme,
   $align = null,
@@ -54,6 +55,7 @@ export const StyledGrid = styled('div', ({
   };
 });
 StyledGrid.displayName = "StyledGrid";
+StyledGrid.displayName = 'StyledGrid';
 export const StyledCell = styled('div', ({
   $theme,
   $align = null,
@@ -105,6 +107,7 @@ export const StyledCell = styled('div', ({
   };
 });
 StyledCell.displayName = "StyledCell";
+StyledCell.displayName = 'StyledCell';
 
 function getResponsiveNumber(responsive, i) {
   const res = getResponsiveValue(responsive, i);

package/es/link/index.js

@@ -19,7 +19,8 @@ function LinkFocus(props) {
     if (isFocusVisible(event)) {
       setFocusVisible(true);
     }
-  };
+  }; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 
   const handleBlur = event => {
     if (focusVisible !== false) {

package/es/link/styled-components.js

@@ -50,4 +50,5 @@ export const Link = styled('a', ({
     }
   };
 });
-Link.displayName = "Link";
+Link.displayName = "Link";
+Link.displayName = 'Link';

package/es/list/list-heading.js

@@ -63,23 +63,27 @@ const ListHeading = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   }
 
-  return /*#__PURE__*/React.createElement(Root, _extends({
-    ref: ref
-  }, rootProps), /*#__PURE__*/React.createElement(Content, contentProps, /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(HeadingContainer, _extends({
-    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
-  }, headingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
-    component: props.heading
-  })), EndEnhancer && /*#__PURE__*/React.createElement(EndEnhancerContainer, _extends({
-    $isText: isEndEnhancerString
-  }, endEnhancerContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
-    component: EndEnhancer
-  }))), (Boolean(SubHeading) || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
-    $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
-  }, subHeadingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
-    component: SubHeading
-  })), Boolean(EndEnhancerDescription) && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {
-    component: EndEnhancerDescription
-  })))));
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    React.createElement(Root, _extends({
+      ref: ref
+    }, rootProps), /*#__PURE__*/React.createElement(Content, contentProps, /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(HeadingContainer, _extends({
+      $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
+    }, headingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
+      component: props.heading
+    })), EndEnhancer && /*#__PURE__*/React.createElement(EndEnhancerContainer, _extends({
+      $isText: isEndEnhancerString
+    }, endEnhancerContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
+      component: EndEnhancer
+    }))), (Boolean(SubHeading) || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
+      $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
+    }, subHeadingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
+      component: SubHeading
+    })), Boolean(EndEnhancerDescription) && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {
+      component: EndEnhancerDescription
+    })))))
+  );
 });
 ListHeading.displayName = 'ListHeading';
 export default ListHeading;

package/es/list/list-item.js

@@ -38,7 +38,8 @@ const ListItem = /*#__PURE__*/React.forwardRef((props, ref) => {
       return props.artworkSize || ARTWORK_SIZES.MEDIUM;
     }
   }, [props.artworkSize, props.sublist]);
-  return /*#__PURE__*/React.createElement(Root, _extends({
+  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  , _extends({
     ref: ref,
     $shape: props.shape || SHAPE.DEFAULT,
     "aria-label": props['aria-label'],

package/es/list/styled-components.js

@@ -25,6 +25,7 @@ export const StyledRoot = styled('li', ({
   };
 });
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 export const StyledContent = styled('div', ({
   $mLeft,
   $sublist,
@@ -49,11 +50,13 @@ export const StyledContent = styled('div', ({
   };
 });
 StyledContent.displayName = "StyledContent";
+StyledContent.displayName = 'StyledContent';
 export const StyledEndEnhancerContainer = styled('div', {
   alignItems: 'center',
   display: 'flex'
 });
 StyledEndEnhancerContainer.displayName = "StyledEndEnhancerContainer";
+StyledEndEnhancerContainer.displayName = 'StyledEndEnhancerContainer';
 export const StyledArtworkContainer = styled('div', ({
   $artworkSize,
   $sublist,
@@ -65,6 +68,7 @@ export const StyledArtworkContainer = styled('div', ({
     return {
       alignItems: 'center',
       display: 'flex',
+      flexShrink: 0,
       paddingLeft: $theme.sizing.scale600,
       paddingRight: $theme.sizing.scale600
     };
@@ -73,11 +77,13 @@ export const StyledArtworkContainer = styled('div', ({
   return {
     alignItems: 'center',
     display: 'flex',
+    flexShrink: 0,
     justifyContent: 'center',
     width: $theme.sizing.scale1600
   };
 });
 StyledArtworkContainer.displayName = "StyledArtworkContainer";
+StyledArtworkContainer.displayName = 'StyledArtworkContainer';
 export const StyledLabelContent = styled('p', ({
   $theme
 }) => {
@@ -88,6 +94,7 @@ export const StyledLabelContent = styled('p', ({
   };
 });
 StyledLabelContent.displayName = "StyledLabelContent";
+StyledLabelContent.displayName = 'StyledLabelContent';
 export const StyledLabelDescription = styled('p', ({
   $theme
 }) => {
@@ -98,6 +105,7 @@ export const StyledLabelDescription = styled('p', ({
   };
 });
 StyledLabelDescription.displayName = "StyledLabelDescription";
+StyledLabelDescription.displayName = 'StyledLabelDescription';
 export const StyledLabelSublistContent = styled('p', ({
   $theme
 }) => {
@@ -108,6 +116,7 @@ export const StyledLabelSublistContent = styled('p', ({
   };
 });
 StyledLabelSublistContent.displayName = "StyledLabelSublistContent";
+StyledLabelSublistContent.displayName = 'StyledLabelSublistContent';
 export const StyledHeadingRoot = styled('div', ({
   $theme
 }) => {
@@ -121,6 +130,7 @@ export const StyledHeadingRoot = styled('div', ({
   };
 });
 StyledHeadingRoot.displayName = "StyledHeadingRoot";
+StyledHeadingRoot.displayName = 'StyledHeadingRoot';
 export const StyledHeadingContent = styled('div', ({
   $theme
 }) => {
@@ -140,12 +150,14 @@ export const StyledHeadingContent = styled('div', ({
   };
 });
 StyledHeadingContent.displayName = "StyledHeadingContent";
+StyledHeadingContent.displayName = 'StyledHeadingContent';
 export const StyledHeadingContentRow = styled('div', {
   display: 'flex',
   justifyContent: 'space-between',
   width: '100%'
 });
 StyledHeadingContentRow.displayName = "StyledHeadingContentRow";
+StyledHeadingContentRow.displayName = 'StyledHeadingContentRow';
 export const StyledHeadingMainHeading = styled('p', ({
   $maxLines = 1,
   $theme
@@ -162,6 +174,7 @@ export const StyledHeadingMainHeading = styled('p', ({
   };
 });
 StyledHeadingMainHeading.displayName = "StyledHeadingMainHeading";
+StyledHeadingMainHeading.displayName = 'StyledHeadingMainHeading';
 export const StyledHeadingSubHeading = styled('p', ({
   $maxLines = 1,
   $theme
@@ -178,6 +191,7 @@ export const StyledHeadingSubHeading = styled('p', ({
   };
 });
 StyledHeadingSubHeading.displayName = "StyledHeadingSubHeading";
+StyledHeadingSubHeading.displayName = 'StyledHeadingSubHeading';
 export const StyledHeadingEndEnhancerContainer = styled('div', ({
   $isText,
   $theme
@@ -189,6 +203,7 @@ export const StyledHeadingEndEnhancerContainer = styled('div', ({
   textOverflow: 'ellipsis'
 }));
 StyledHeadingEndEnhancerContainer.displayName = "StyledHeadingEndEnhancerContainer";
+StyledHeadingEndEnhancerContainer.displayName = 'StyledHeadingEndEnhancerContainer';
 export const StyledHeadingEndEnhancerDescriptionContainer = styled('p', ({
   $theme
 }) => ({ ...$theme.typography.ParagraphMedium,
@@ -200,4 +215,5 @@ export const StyledHeadingEndEnhancerDescriptionContainer = styled('p', ({
   overflow: 'hidden',
   textOverflow: 'ellipsis'
 }));
-StyledHeadingEndEnhancerDescriptionContainer.displayName = "StyledHeadingEndEnhancerDescriptionContainer";
+StyledHeadingEndEnhancerDescriptionContainer.displayName = "StyledHeadingEndEnhancerDescriptionContainer";
+StyledHeadingEndEnhancerDescriptionContainer.displayName = 'StyledHeadingEndEnhancerDescriptionContainer';

package/es/locale/es_AR.js

@@ -77,7 +77,9 @@ const es_AR = {
     booleanFilterTrue: 'verdadero',
     booleanFilterFalse: 'falso',
     booleanColumnTrueShort: 'V',
-    booleanColumnFalseShort: 'F'
+    booleanColumnFalseShort: 'F',
+    selectRow: 'Seleccionar fila',
+    selectAllRows: 'Seleccionar todas las filas'
   },
   buttongroup: {
     ariaLabel: 'grupo de botones'

package/es/locale/index.js

@@ -14,8 +14,9 @@ const LocaleProvider = props => {
     locale,
     children
   } = props;
+  const parentLocale = React.useContext(LocaleContext) ?? {};
   return /*#__PURE__*/React.createElement(LocaleContext.Provider, {
-    value: extend({}, en_US, locale)
+    value: extend({}, en_US, parentLocale, locale)
   }, children);
 };
 

package/es/locale/tr_TR.js

@@ -77,7 +77,9 @@ const tr_TR = {
     booleanFilterTrue: 'doğru',
     booleanFilterFalse: 'yanlış',
     booleanColumnTrueShort: 'D',
-    booleanColumnFalseShort: 'Y'
+    booleanColumnFalseShort: 'Y',
+    selectRow: 'satır seç',
+    selectAllRows: 'Tüm satırları seç'
   },
   buttongroup: {
     ariaLabel: 'buton grup'

package/es/map-marker/constants.js

@@ -210,4 +210,18 @@ export const KIND = Object.freeze({
   default: 'default',
   accent: 'accent',
   negative: 'negative'
+});
+export const LOCATION_PUCK_SIZES = Object.freeze({
+  small: 'small',
+  medium: 'medium',
+  large: 'large'
+});
+export const LOCATION_PUCK_TYPES = Object.freeze({
+  consumer: 'consumer',
+  earner: 'earner'
+});
+export const EARNER_LOCATION_PUCK_CORE_SCALES = Object.freeze({
+  [LOCATION_PUCK_SIZES.small]: '50%',
+  [LOCATION_PUCK_SIZES.medium]: '75%',
+  [LOCATION_PUCK_SIZES.large]: '100%'
 });

package/es/map-marker/fixed-marker.js

@@ -49,6 +49,7 @@ const FixedMarker = ({
   labelEnhancerPosition = LABEL_ENHANCER_POSITIONS.bottom,
   badgeEnhancerSize = null,
   badgeEnhancerContent = null,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   ...restProps
 }) => {
   const [, theme] = useStyletron();

package/es/map-marker/index.js

@@ -6,6 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 export { default as FixedMarker } from './fixed-marker';
 export { default as FloatingMarker } from './floating-marker';
-export { FLOATING_MARKER_ANCHOR_POSITIONS, FLOATING_MARKER_SIZES, FLOATING_MARKER_ANCHOR_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND, PINHEAD_DIMENSIONS } from './constants';
+export { default as LocationPuck } from './location-puck';
+export { FLOATING_MARKER_ANCHOR_POSITIONS, FLOATING_MARKER_SIZES, FLOATING_MARKER_ANCHOR_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND, PINHEAD_DIMENSIONS, LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES } from './constants';
 export * from './types';
 /** @deprecated use AnchorPositions instead. To be removed in future versions.*/