baseui 12.0.0 → 12.1.0

package/layer/layers-manager.js.flow

@@ -25,6 +25,12 @@ function defaultEventHandlerFn() {
 export const LayersContext = React.createContext<LayersContextT>({
   addEscapeHandler: defaultEventHandlerFn,
   removeEscapeHandler: defaultEventHandlerFn,
+  addKeyDownHandler: defaultEventHandlerFn,
+  removeKeyDownHandler: defaultEventHandlerFn,
+  addKeyUpHandler: defaultEventHandlerFn,
+  removeKeyUpHandler: defaultEventHandlerFn,
+  addKeyPressHandler: defaultEventHandlerFn,
+  removeKeyPressHandler: defaultEventHandlerFn,
   addDocClickHandler: defaultEventHandlerFn,
   removeDocClickHandler: defaultEventHandlerFn,
   host: undefined,
@@ -49,7 +55,13 @@ export default class LayersManager extends React.Component<
 
   constructor(props: LayersManagerPropsT) {
     super(props);
-    this.state = { escapeKeyHandlers: [], docClickHandlers: [] };
+    this.state = {
+      escapeKeyHandlers: [],
+      keyDownHandlers: [],
+      keyUpHandlers: [],
+      keyPressHandlers: [],
+      docClickHandlers: [],
+    };
   }
 
   componentDidMount() {
@@ -57,7 +69,9 @@ export default class LayersManager extends React.Component<
     initFocusVisible(this.containerRef.current);
 
     if (__BROWSER__) {
+      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);
     }
@@ -65,7 +79,9 @@ export default class LayersManager extends React.Component<
 
   componentWillUnmount() {
     if (__BROWSER__) {
+      document.removeEventListener('keydown', this.onKeyDown);
       document.removeEventListener('keyup', this.onKeyUp);
+      document.removeEventListener('keypress', this.onKeyPress);
       document.removeEventListener('mousedown', this.onDocumentClick);
     }
   }
@@ -77,6 +93,13 @@ export default class LayersManager extends React.Component<
     }
   };
 
+  onKeyDown = (event: KeyboardEvent) => {
+    const keyDownHandler = this.state.keyDownHandlers[this.state.keyDownHandlers.length - 1];
+    if (keyDownHandler) {
+      keyDownHandler(event);
+    }
+  };
+
   onKeyUp = (event: KeyboardEvent) => {
     if (event.key === 'Escape') {
       const escapeKeyHandler =
@@ -85,6 +108,18 @@ export default class LayersManager extends React.Component<
         escapeKeyHandler();
       }
     }
+
+    const keyUpHandler = this.state.keyUpHandlers[this.state.keyUpHandlers.length - 1];
+    if (keyUpHandler) {
+      keyUpHandler(event);
+    }
+  };
+
+  onKeyPress = (event: KeyboardEvent) => {
+    const keyPressHandler = this.state.keyPressHandlers[this.state.keyPressHandlers.length - 1];
+    if (keyPressHandler) {
+      keyPressHandler(event);
+    }
   };
 
   onAddEscapeHandler = (escapeKeyHandler: () => mixed) => {
@@ -101,6 +136,48 @@ export default class LayersManager extends React.Component<
     });
   };
 
+  onAddKeyDownHandler = (keyDownHandler: () => mixed) => {
+    this.setState((prev) => {
+      return { keyDownHandlers: [...prev.keyDownHandlers, keyDownHandler] };
+    });
+  };
+
+  onRemoveKeyDownHandler = (keyDownHandler: () => mixed) => {
+    this.setState((prev) => {
+      return {
+        keyDownHandlers: prev.keyDownHandlers.filter((handler) => handler !== keyDownHandler),
+      };
+    });
+  };
+
+  onAddKeyUpHandler = (keyUpHandler: () => mixed) => {
+    this.setState((prev) => {
+      return { keyUpHandlers: [...prev.keyUpHandlers, keyUpHandler] };
+    });
+  };
+
+  onRemoveKeyUpHandler = (keyUpHandler: () => mixed) => {
+    this.setState((prev) => {
+      return {
+        keyUpHandlers: prev.keyUpHandlers.filter((handler) => handler !== keyUpHandler),
+      };
+    });
+  };
+
+  onAddKeyPressHandler = (keyPressHandler: () => mixed) => {
+    this.setState((prev) => {
+      return { keyPressHandlers: [...prev.keyPressHandlers, keyPressHandler] };
+    });
+  };
+
+  onRemoveKeyPressHandler = (keyPressHandler: () => mixed) => {
+    this.setState((prev) => {
+      return {
+        keyPressHandlers: prev.keyPressHandlers.filter((handler) => handler !== keyPressHandler),
+      };
+    });
+  };
+
   onAddDocClickHandler = (docClickHandler: (event: MouseEvent) => mixed) => {
     this.setState((prev) => {
       return { docClickHandlers: [...prev.docClickHandlers, docClickHandler] };
@@ -143,6 +220,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/layer/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { TETHER_PLACEMENT } from './constants';
+import type * as React from 'react';
+import type { TETHER_PLACEMENT } from './constants';
 import type { Override } from '../helpers/overrides';
 /** LayersManager */
 export declare type LayersManagerProps = {
@@ -12,6 +12,9 @@ export declare type LayersManagerProps = {
 };
 export declare type LayersManagerState = {
     escapeKeyHandlers: Array<() => unknown>;
+    keyDownHandlers: Array<(event: KeyboardEvent) => unknown>;
+    keyUpHandlers: Array<(event: KeyboardEvent) => unknown>;
+    keyPressHandlers: Array<(event: KeyboardEvent) => unknown>;
     docClickHandlers: Array<(event: MouseEvent) => unknown>;
 };
 export declare type LayersContextProps = {
@@ -19,6 +22,12 @@ export declare type LayersContextProps = {
     zIndex?: number;
     addEscapeHandler: (a: () => unknown) => void;
     removeEscapeHandler: (a: () => unknown) => void;
+    addKeyDownHandler: (a: () => unknown) => void;
+    removeKeyDownHandler: (a: () => unknown) => void;
+    addKeyUpHandler: (a: () => unknown) => void;
+    removeKeyUpHandler: (a: () => unknown) => void;
+    addKeyPressHandler: (a: () => unknown) => void;
+    removeKeyPressHandler: (a: () => unknown) => void;
     addDocClickHandler: (a: () => unknown) => void;
     removeDocClickHandler: (a: () => unknown) => void;
 };
@@ -43,6 +52,15 @@ export declare type LayerProps = {
     /** Handler called when escape key is pressed.
       Only the top most layer's handler is called. */
     onEscape?: () => unknown;
+    /** Handler called when key down event is happened.
+      Only the top most layer's handler is called. */
+    onKeyDown?: (event: KeyboardEvent) => unknown;
+    /** Handler called when key up event is happened.
+      Only the top most layer's handler is called. */
+    onKeyUp?: (event: KeyboardEvent) => unknown;
+    /** Handler called when key press event is happened.
+      Only the top most layer's handler is called. */
+    onKeyPress?: (event: KeyboardEvent) => unknown;
     /** Handler called when mousedown event happens on the document.
       Only the top most layer's handler is called. */
     onDocumentClick?: (event: MouseEvent) => unknown;
@@ -61,6 +79,9 @@ export declare type LayerComponentProps = {
     isHoverLayer?: boolean;
     mountNode?: HTMLElement;
     onEscape?: () => unknown;
+    onKeyDown?: (event: KeyboardEvent) => unknown;
+    onKeyUp?: (event: KeyboardEvent) => unknown;
+    onKeyPress?: (event: KeyboardEvent) => unknown;
     onDocumentClick?: (event: MouseEvent) => unknown;
     onMount?: () => unknown;
     onUnmount?: () => unknown;

package/layer/types.js.flow

@@ -22,7 +22,10 @@ export type LayersManagerPropsT = {
 };
 
 export type LayersManagerStateT = {|
-  escapeKeyHandlers: Array<() => mixed>,
+  escapeKeyHandlers: Array < () => mixed >,
+  keyDownHandlers: Array < (event: KeyboardEvent) => mixed >,
+  keyUpHandlers: Array < (event: KeyboardEvent) => mixed >,
+  keyPressHandlers: Array < (event: KeyboardEvent) => mixed >,
   docClickHandlers: Array<(event: MouseEvent) => mixed>,
 |};
 
@@ -31,6 +34,12 @@ export type LayersContextT = {
   zIndex?: number,
   addEscapeHandler: (() => mixed) => void,
   removeEscapeHandler: (() => mixed) => void,
+  addKeyDownHandler: (() => mixed) => void,
+  removeKeyDownHandler: (() => mixed) => void,
+  addKeyUpHandler: (() => mixed) => void,
+  removeKeyUpHandler: (() => mixed) => void,
+  addKeyPressHandler: (() => mixed) => void,
+  removeKeyPressHandler: (() => mixed) => void,
   addDocClickHandler: (() => mixed) => void,
   removeDocClickHandler: (() => mixed) => void,
 };
@@ -56,6 +65,15 @@ export type LayerPropsT = {
   /** Handler called when escape key is pressed.
     Only the top most layer's handler is called. */
   onEscape?: () => mixed,
+  /** Handler called when key down event is happened.
+    Only the top most layer's handler is called. */
+  onKeyDown?: (event: KeyboardEvent) => mixed,
+  /** Handler called when key up event is happened.
+    Only the top most layer's handler is called. */
+  onKeyUp?: (event: KeyboardEvent) => mixed,
+  /** Handler called when key press event is happened.
+    Only the top most layer's handler is called. */
+  onKeyPress?: (event: KeyboardEvent) => mixed,
   /** Handler called when mousedown event happens on the document.
     Only the top most layer's handler is called. */
   onDocumentClick?: (event: MouseEvent) => mixed,
@@ -75,6 +93,9 @@ export type LayerComponentPropsT = {
   isHoverLayer?: boolean,
   mountNode?: HTMLElement,
   onEscape?: () => mixed,
+  onKeyDown?: (event: KeyboardEvent) => mixed,
+  onKeyUp?: (event: KeyboardEvent) => mixed,
+  onKeyPress?: (event: KeyboardEvent) => mixed,
   onDocumentClick?: (event: MouseEvent) => mixed,
   onMount?: () => mixed,
   onUnmount?: () => mixed,

package/layout-grid/styled-components.js

@@ -34,6 +34,7 @@ var StyledGridWrapper = (0, _styles.styled)('div', function (_ref) {
 });
 exports.StyledGridWrapper = StyledGridWrapper;
 StyledGridWrapper.displayName = "StyledGridWrapper";
+StyledGridWrapper.displayName = 'StyledGridWrapper';
 var StyledGrid = (0, _styles.styled)('div', function (_ref2) {
   var $theme = _ref2.$theme,
       _ref2$$align = _ref2.$align,
@@ -73,6 +74,7 @@ var StyledGrid = (0, _styles.styled)('div', function (_ref2) {
 });
 exports.StyledGrid = StyledGrid;
 StyledGrid.displayName = "StyledGrid";
+StyledGrid.displayName = 'StyledGrid';
 var StyledCell = (0, _styles.styled)('div', function (_ref3) {
   var $theme = _ref3.$theme,
       _ref3$$align = _ref3.$align,
@@ -127,6 +129,7 @@ var StyledCell = (0, _styles.styled)('div', function (_ref3) {
 });
 exports.StyledCell = StyledCell;
 StyledCell.displayName = "StyledCell";
+StyledCell.displayName = 'StyledCell';
 
 function getResponsiveNumber(responsive, i) {
   var res = getResponsiveValue(responsive, i);

package/layout-grid/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ALIGNMENT, BEHAVIOR, STYLE } from './constants';
+import type * as React from 'react';
+import type { ALIGNMENT, BEHAVIOR, STYLE } from './constants';
 import type { Override } from '../helpers/overrides';
 export declare type Responsive<T> = T | Array<T>;
 export declare type Alignment = typeof ALIGNMENT.start | typeof ALIGNMENT.center | typeof ALIGNMENT.end;

package/link/index.js

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

package/link/styled-components.js

@@ -56,4 +56,5 @@ var Link = (0, _styles.styled)('a', function (_ref) {
   });
 });
 exports.Link = Link;
-Link.displayName = "Link";
+Link.displayName = "Link";
+Link.displayName = 'Link';

package/list/list-heading.js

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

package/list/list-item.js

@@ -75,7 +75,8 @@ var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   }, [props.artworkSize, props.sublist]);
 
-  return /*#__PURE__*/_react.default.createElement(Root, _extends({
+  return /*#__PURE__*/_react.default.createElement(Root // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  , _extends({
     ref: ref,
     $shape: props.shape || _constants.SHAPE.DEFAULT,
     "aria-label": props['aria-label'],

package/list/styled-components.js

@@ -35,6 +35,7 @@ var StyledRoot = (0, _styles.styled)('li', function (_ref) {
 });
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
+StyledRoot.displayName = 'StyledRoot';
 var StyledContent = (0, _styles.styled)('div', function (_ref2) {
   var $mLeft = _ref2.$mLeft,
       $sublist = _ref2.$sublist,
@@ -58,12 +59,14 @@ var StyledContent = (0, _styles.styled)('div', function (_ref2) {
 });
 exports.StyledContent = StyledContent;
 StyledContent.displayName = "StyledContent";
+StyledContent.displayName = 'StyledContent';
 var StyledEndEnhancerContainer = (0, _styles.styled)('div', {
   alignItems: 'center',
   display: 'flex'
 });
 exports.StyledEndEnhancerContainer = StyledEndEnhancerContainer;
 StyledEndEnhancerContainer.displayName = "StyledEndEnhancerContainer";
+StyledEndEnhancerContainer.displayName = 'StyledEndEnhancerContainer';
 var StyledArtworkContainer = (0, _styles.styled)('div', function (_ref3) {
   var $artworkSize = _ref3.$artworkSize,
       $sublist = _ref3.$sublist,
@@ -74,6 +77,7 @@ var StyledArtworkContainer = (0, _styles.styled)('div', function (_ref3) {
     return {
       alignItems: 'center',
       display: 'flex',
+      flexShrink: 0,
       paddingLeft: $theme.sizing.scale600,
       paddingRight: $theme.sizing.scale600
     };
@@ -82,12 +86,14 @@ var StyledArtworkContainer = (0, _styles.styled)('div', function (_ref3) {
   return {
     alignItems: 'center',
     display: 'flex',
+    flexShrink: 0,
     justifyContent: 'center',
     width: $theme.sizing.scale1600
   };
 });
 exports.StyledArtworkContainer = StyledArtworkContainer;
 StyledArtworkContainer.displayName = "StyledArtworkContainer";
+StyledArtworkContainer.displayName = 'StyledArtworkContainer';
 var StyledLabelContent = (0, _styles.styled)('p', function (_ref4) {
   var $theme = _ref4.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.LabelMedium), {}, {
@@ -98,6 +104,7 @@ var StyledLabelContent = (0, _styles.styled)('p', function (_ref4) {
 });
 exports.StyledLabelContent = StyledLabelContent;
 StyledLabelContent.displayName = "StyledLabelContent";
+StyledLabelContent.displayName = 'StyledLabelContent';
 var StyledLabelDescription = (0, _styles.styled)('p', function (_ref5) {
   var $theme = _ref5.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.ParagraphSmall), {}, {
@@ -108,6 +115,7 @@ var StyledLabelDescription = (0, _styles.styled)('p', function (_ref5) {
 });
 exports.StyledLabelDescription = StyledLabelDescription;
 StyledLabelDescription.displayName = "StyledLabelDescription";
+StyledLabelDescription.displayName = 'StyledLabelDescription';
 var StyledLabelSublistContent = (0, _styles.styled)('p', function (_ref6) {
   var $theme = _ref6.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.LabelMedium), {}, {
@@ -118,6 +126,7 @@ var StyledLabelSublistContent = (0, _styles.styled)('p', function (_ref6) {
 });
 exports.StyledLabelSublistContent = StyledLabelSublistContent;
 StyledLabelSublistContent.displayName = "StyledLabelSublistContent";
+StyledLabelSublistContent.displayName = 'StyledLabelSublistContent';
 var StyledHeadingRoot = (0, _styles.styled)('div', function (_ref7) {
   var $theme = _ref7.$theme;
   return {
@@ -131,6 +140,7 @@ var StyledHeadingRoot = (0, _styles.styled)('div', function (_ref7) {
 });
 exports.StyledHeadingRoot = StyledHeadingRoot;
 StyledHeadingRoot.displayName = "StyledHeadingRoot";
+StyledHeadingRoot.displayName = 'StyledHeadingRoot';
 var StyledHeadingContent = (0, _styles.styled)('div', function (_ref8) {
   var $theme = _ref8.$theme;
   return _objectSpread({
@@ -149,6 +159,7 @@ var StyledHeadingContent = (0, _styles.styled)('div', function (_ref8) {
 });
 exports.StyledHeadingContent = StyledHeadingContent;
 StyledHeadingContent.displayName = "StyledHeadingContent";
+StyledHeadingContent.displayName = 'StyledHeadingContent';
 var StyledHeadingContentRow = (0, _styles.styled)('div', {
   display: 'flex',
   justifyContent: 'space-between',
@@ -156,6 +167,7 @@ var StyledHeadingContentRow = (0, _styles.styled)('div', {
 });
 exports.StyledHeadingContentRow = StyledHeadingContentRow;
 StyledHeadingContentRow.displayName = "StyledHeadingContentRow";
+StyledHeadingContentRow.displayName = 'StyledHeadingContentRow';
 var StyledHeadingMainHeading = (0, _styles.styled)('p', function (_ref9) {
   var _ref9$$maxLines = _ref9.$maxLines,
       $maxLines = _ref9$$maxLines === void 0 ? 1 : _ref9$$maxLines,
@@ -173,6 +185,7 @@ var StyledHeadingMainHeading = (0, _styles.styled)('p', function (_ref9) {
 });
 exports.StyledHeadingMainHeading = StyledHeadingMainHeading;
 StyledHeadingMainHeading.displayName = "StyledHeadingMainHeading";
+StyledHeadingMainHeading.displayName = 'StyledHeadingMainHeading';
 var StyledHeadingSubHeading = (0, _styles.styled)('p', function (_ref10) {
   var _ref10$$maxLines = _ref10.$maxLines,
       $maxLines = _ref10$$maxLines === void 0 ? 1 : _ref10$$maxLines,
@@ -190,6 +203,7 @@ var StyledHeadingSubHeading = (0, _styles.styled)('p', function (_ref10) {
 });
 exports.StyledHeadingSubHeading = StyledHeadingSubHeading;
 StyledHeadingSubHeading.displayName = "StyledHeadingSubHeading";
+StyledHeadingSubHeading.displayName = 'StyledHeadingSubHeading';
 var StyledHeadingEndEnhancerContainer = (0, _styles.styled)('div', function (_ref11) {
   var $isText = _ref11.$isText,
       $theme = _ref11.$theme;
@@ -203,6 +217,7 @@ var StyledHeadingEndEnhancerContainer = (0, _styles.styled)('div', function (_re
 });
 exports.StyledHeadingEndEnhancerContainer = StyledHeadingEndEnhancerContainer;
 StyledHeadingEndEnhancerContainer.displayName = "StyledHeadingEndEnhancerContainer";
+StyledHeadingEndEnhancerContainer.displayName = 'StyledHeadingEndEnhancerContainer';
 var StyledHeadingEndEnhancerDescriptionContainer = (0, _styles.styled)('p', function (_ref12) {
   var $theme = _ref12.$theme;
   return _objectSpread(_objectSpread({}, $theme.typography.ParagraphMedium), {}, {
@@ -216,4 +231,5 @@ var StyledHeadingEndEnhancerDescriptionContainer = (0, _styles.styled)('p', func
   });
 });
 exports.StyledHeadingEndEnhancerDescriptionContainer = StyledHeadingEndEnhancerDescriptionContainer;
-StyledHeadingEndEnhancerDescriptionContainer.displayName = "StyledHeadingEndEnhancerDescriptionContainer";
+StyledHeadingEndEnhancerDescriptionContainer.displayName = "StyledHeadingEndEnhancerDescriptionContainer";
+StyledHeadingEndEnhancerDescriptionContainer.displayName = 'StyledHeadingEndEnhancerDescriptionContainer';

package/list/types.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { IconProps } from '../icon';
-import { ARTWORK_SIZES, SHAPE } from './constants';
+import type { ARTWORK_SIZES, SHAPE } from './constants';
 export declare type ArtworkSizes = typeof ARTWORK_SIZES.SMALL | typeof ARTWORK_SIZES.MEDIUM | typeof ARTWORK_SIZES.LARGE;
 export declare type Shape = typeof SHAPE.DEFAULT | typeof SHAPE.ROUND;
 export declare type StyledRootProps = {

package/locale/en_US.d.ts

@@ -1,3 +1,3 @@
-import { Locale } from './types';
+import type { Locale } from './types';
 declare const en_US: Locale;
 export default en_US;

package/locale/es_AR.d.ts

@@ -1,3 +1,3 @@
-import { Locale } from './types';
+import type { Locale } from './types';
 declare const es_AR: Locale;
 export default es_AR;

package/locale/es_AR.js

@@ -84,7 +84,9 @@ var 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/locale/index.js

@@ -29,10 +29,13 @@ var LocaleContext = /*#__PURE__*/React.createContext(_en_US.default);
 exports.LocaleContext = LocaleContext;
 
 var LocaleProvider = function LocaleProvider(props) {
+  var _React$useContext;
+
   var locale = props.locale,
       children = props.children;
+  var parentLocale = (_React$useContext = React.useContext(LocaleContext)) !== null && _React$useContext !== void 0 ? _React$useContext : {};
   return /*#__PURE__*/React.createElement(LocaleContext.Provider, {
-    value: (0, _justExtend.default)({}, _en_US.default, locale)
+    value: (0, _justExtend.default)({}, _en_US.default, parentLocale, locale)
   }, children);
 };
 

package/locale/tr_TR.d.ts

@@ -1,3 +1,3 @@
-import { Locale } from './types';
+import type { Locale } from './types';
 declare const tr_TR: Locale;
 export default tr_TR;

package/locale/tr_TR.js

@@ -84,7 +84,9 @@ var 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/map-marker/constants.d.ts

@@ -224,3 +224,17 @@ export declare const KIND: Readonly<{
     readonly accent: "accent";
     readonly negative: "negative";
 }>;
+export declare const LOCATION_PUCK_SIZES: Readonly<{
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+}>;
+export declare const LOCATION_PUCK_TYPES: Readonly<{
+    readonly consumer: "consumer";
+    readonly earner: "earner";
+}>;
+export declare const EARNER_LOCATION_PUCK_CORE_SCALES: Readonly<{
+    readonly small: "50%";
+    readonly medium: "75%";
+    readonly large: "100%";
+}>;

package/map-marker/constants.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.xxSmallPinheadDimension = exports.xSmallPinheadDimension = exports.dragShadowWidth = exports.dragShadowMarginTop = exports.dragShadowHeight = exports.anchorSize = exports.PINHEAD_TYPES = exports.PINHEAD_SIZES_SHAPES = exports.PINHEAD_DIMENSIONS = exports.NEEDLE_SIZES = exports.NEEDLE_HEIGHTS = exports.LABEL_SIZES = exports.LABEL_ENHANCER_POSITIONS = exports.KIND = exports.FLOATING_MARKER_SIZES = exports.FLOATING_MARKER_ANCHOR_TYPES = exports.FLOATING_MARKER_ANCHOR_POSITIONS = exports.BADGE_ENHANCER_STYLES = exports.BADGE_ENHANCER_SIZES = exports.BADGE_ENHANCER_POSITIONS = exports.BADGE_ENHANCER_CONTENT_SIZE = void 0;
+exports.xxSmallPinheadDimension = exports.xSmallPinheadDimension = exports.dragShadowWidth = exports.dragShadowMarginTop = exports.dragShadowHeight = exports.anchorSize = exports.PINHEAD_TYPES = exports.PINHEAD_SIZES_SHAPES = exports.PINHEAD_DIMENSIONS = exports.NEEDLE_SIZES = exports.NEEDLE_HEIGHTS = exports.LOCATION_PUCK_TYPES = exports.LOCATION_PUCK_SIZES = exports.LABEL_SIZES = exports.LABEL_ENHANCER_POSITIONS = exports.KIND = exports.FLOATING_MARKER_SIZES = exports.FLOATING_MARKER_ANCHOR_TYPES = exports.FLOATING_MARKER_ANCHOR_POSITIONS = exports.EARNER_LOCATION_PUCK_CORE_SCALES = exports.BADGE_ENHANCER_STYLES = exports.BADGE_ENHANCER_SIZES = exports.BADGE_ENHANCER_POSITIONS = exports.BADGE_ENHANCER_CONTENT_SIZE = void 0;
 
-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;
+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, _Object$freeze3;
 
 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; }
 
@@ -177,4 +177,17 @@ var KIND = Object.freeze({
   accent: 'accent',
   negative: 'negative'
 });
-exports.KIND = KIND;
+exports.KIND = KIND;
+var LOCATION_PUCK_SIZES = Object.freeze({
+  small: 'small',
+  medium: 'medium',
+  large: 'large'
+});
+exports.LOCATION_PUCK_SIZES = LOCATION_PUCK_SIZES;
+var LOCATION_PUCK_TYPES = Object.freeze({
+  consumer: 'consumer',
+  earner: 'earner'
+});
+exports.LOCATION_PUCK_TYPES = LOCATION_PUCK_TYPES;
+var EARNER_LOCATION_PUCK_CORE_SCALES = Object.freeze((_Object$freeze3 = {}, _defineProperty(_Object$freeze3, LOCATION_PUCK_SIZES.small, '50%'), _defineProperty(_Object$freeze3, LOCATION_PUCK_SIZES.medium, '75%'), _defineProperty(_Object$freeze3, LOCATION_PUCK_SIZES.large, '100%'), _Object$freeze3));
+exports.EARNER_LOCATION_PUCK_CORE_SCALES = EARNER_LOCATION_PUCK_CORE_SCALES;

package/map-marker/constants.js.flow

@@ -221,6 +221,23 @@ export const KIND = Object.freeze({
   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%',
+});
+
 declare var __DEV__: boolean;
 declare var __NODE__: boolean;
 declare var __BROWSER__: boolean;

package/map-marker/index.d.ts

@@ -1,7 +1,8 @@
 import type { AnchorPositions, NeedleSize, PinHead, PinHeadSize, FloatingMarkerSize, FloatingMarkerAnchorType, BadgeEnhancerSize, LabelEnhancerPosition, Kind, FixedMarkerOverrides, NeedleProps, ItemProps, LabelEnhancer, LabelEhancerComponent, BadgeEnhancer, BadgeEnhancerComponent, BadgePosition, FixedMarkerProps, FloatingMarkerOverrides, FloatingMarkerProps, PinHeadProps, DragShadowProps } from './types';
 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.*/
 export declare type AnchorPositionsT = AnchorPositions;