baseui 0.0.0-next-5961c4d → 0.0.0-next-e23ee12

package/accordion/index.d.ts

@@ -1,3 +1,4 @@
+import type { SharedStylePropsArg } from './types';
 export { default as Accordion } from './accordion';
 export { default as Panel } from './panel';
 export { default as StatefulPanel } from './stateful-panel';
@@ -7,3 +8,5 @@ export { STATE_CHANGE_TYPE } from './constants';
 export { Root as StyledRoot, PanelContainer as StyledPanelContainer, Header as StyledHeader, Content as StyledContent, ContentAnimationContainer as StyledContentAnimationContainer, ToggleIcon as StyledToggleIcon, ToggleIconGroup as StyledToggleIconGroup, } from './styled-components';
 export * from './types';
 export type { AccordionLocale } from './locale';
+/** @deprecated use SharedStylePropsArg instead. To be removed in future versions.*/
+export declare type SharedProps = SharedStylePropsArg;

package/accordion/stateless-accordion.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _reactIs = require("react-is");
+
 var _overrides = require("../helpers/overrides");
 
 var _styledComponents = require("./styled-components");
@@ -67,9 +69,13 @@ function StatelessAccordion(_ref) {
   return /*#__PURE__*/React.createElement(Root, _extends({
     "data-baseweb": "accordion"
   }, rootProps), React.Children.map(children, function (child, index) {
-    var key = child.key || String(index);
-    return /*#__PURE__*/React.cloneElement(child, {
-      disabled: child.props.disabled || disabled,
+    var normalizedChild = (0, _reactIs.isElement)(child) || (0, _reactIs.isPortal)(child) ? child :
+    /*#__PURE__*/
+    // if primitive value - wrap it in a fragment
+    React.createElement(React.Fragment, null, child);
+    var key = normalizedChild.key || String(index);
+    return /*#__PURE__*/React.cloneElement(normalizedChild, {
+      disabled: normalizedChild.props.disabled || disabled,
       expanded: expanded.includes(key),
       key: key,
       onChange: // Don't bother constructing the wrapper function if no one is listening
@@ -97,7 +103,7 @@ function StatelessAccordion(_ref) {
           expanded: next
         });
       } : onChange,
-      overrides: child.props.overrides || PanelOverrides,
+      overrides: normalizedChild.props.overrides || PanelOverrides,
       renderAll: renderAll
     });
   }));

package/accordion/types.d.ts

@@ -33,14 +33,13 @@ export declare type OnChangeHandler = (a: {
 export declare type AccordionOnChangeHandler = (a: {
     expanded: Array<React.Key>;
 }) => unknown;
-declare type Children = Array<React.ReactElement<any>> | React.ReactElement<any>;
 export declare type AccordionProps = {
     /** Determines how many panels may be expanded at a time. If set to
      * true it will collapse a current panel when a new panel is expanded.
      * If set to false more than one panel may be expanded at a time. */
     accordion?: boolean;
     /** Accordion expandable items. See Panel API below for reference. */
-    children: Children;
+    children: React.ReactNode;
     /** If set to true all its children panels will be disabled from toggling. */
     disabled?: boolean;
     initialState?: AccordionState;
@@ -67,7 +66,7 @@ export declare type StatelessAccordionProps = {
      * If set to false more than one panel may be expanded at a time. */
     accordion?: boolean;
     /** Accordion expandable items. See Panel API below for reference. */
-    children: Children;
+    children: React.ReactNode;
     /** If set to true all its children panels will be disabled from toggling. */
     disabled?: boolean;
     /** List of Panel keys which are expanded. */

package/app-nav-bar/index.d.ts

@@ -1,5 +1,14 @@
+import type { AppNavBarOverrides, NavItem, UserMenuProps, AppNavBarProps } from './types';
 export { default as AppNavBar } from './app-nav-bar';
 export { POSITION } from './constants';
 export * from './styled-components';
 export * from './types';
 export { setItemActive } from './utils';
+/** @deprecated use AppNavBarOverrides instead. To be removed in future versions.*/
+export declare type AppNavBarOverridesT = AppNavBarOverrides;
+/** @deprecated use NavItem instead. To be removed in future versions.*/
+export declare type NavItemT = NavItem;
+/** @deprecated use UserMenuProps instead. To be removed in future versions.*/
+export declare type UserMenuPropsT = UserMenuProps;
+/** @deprecated use AppNavBarProps instead. To be removed in future versions.*/
+export declare type AppNavBarPropsT = AppNavBarProps;

package/badge/index.d.ts

@@ -1,6 +1,23 @@
+import type { Hierarchy, Shape, Color, Placement, BadgeOverrides, BadgeProps, NotificationCircleProps, HintDotProps } from './types';
 export { default as Badge } from './badge';
 export { default as NotificationCircle } from './notification-circle';
 export { default as HintDot } from './hint-dot';
 export { HIERARCHY, SHAPE, COLOR, PLACEMENT } from './constants';
 export * from './styled-components';
 export * from './types';
+/** @deprecated use Hierarchy instead. To be removed in future versions.*/
+export declare type HierarchyT = Hierarchy;
+/** @deprecated use Shape instead. To be removed in future versions.*/
+export declare type ShapeT = Shape;
+/** @deprecated use Color instead. To be removed in future versions.*/
+export declare type ColorT = Color;
+/** @deprecated use Placement instead. To be removed in future versions.*/
+export declare type PlacementT = Placement;
+/** @deprecated use BadgeOverrides instead. To be removed in future versions.*/
+export declare type BadgeOverridesT = BadgeOverrides;
+/** @deprecated use BadgeProps instead. To be removed in future versions.*/
+export declare type BadgePropsT = BadgeProps;
+/** @deprecated use NotificationCircleProps instead. To be removed in future versions.*/
+export declare type NotificationCirclePropsT = NotificationCircleProps;
+/** @deprecated use HintDotProps instead. To be removed in future versions.*/
+export declare type HintDotPropsT = HintDotProps;

package/banner/index.d.ts

@@ -1,4 +1,11 @@
+import { ActionContent, ArtworkContent, BannerProps } from './types';
 export { Banner } from './banner';
 export * from './constants';
 export * from './styled-components';
 export * from './types';
+/** @deprecated use ActionContent instead. To be removed in future versions.*/
+export declare type ActionContentT = ActionContent;
+/** @deprecated use ArtworkContent instead. To be removed in future versions.*/
+export declare type ArtworkContentT = ArtworkContent;
+/** @deprecated use BannerProps instead. To be removed in future versions.*/
+export declare type PropsT = BannerProps;

package/button/index.d.ts

@@ -1,4 +1,7 @@
+import type { CustomColors } from './types';
 export { default as Button } from './button';
 export { KIND, SIZE, SHAPE } from './constants';
 export { BaseButton as StyledBaseButton, StartEnhancer as StyledStartEnhancer, EndEnhancer as StyledEndEnhancer, LoadingSpinner as StyledLoadingSpinner, LoadingSpinnerContainer as StyledLoadingSpinnerContainer, } from './styled-components';
 export * from './types';
+/** @deprecated use CustomColors instead. To be removed in future versions.*/
+export declare type CustomColorsT = CustomColors;

package/card/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { Override } from '../helpers/overrides';
-export declare type CardComponents = {
+export declare type CardOverrides = {
     Action?: Override;
     Body?: Override;
     Contents?: Override;
@@ -36,7 +36,7 @@ export declare type CardProps = {
     }) => boolean;
     /** Image to be positioned at the top of the Card. Can be a string representing the img src or an object with img attrs */
     readonly headerImage?: string | ImageProps;
-    readonly overrides: CardComponents;
+    readonly overrides: CardOverrides;
     /** Image src that by default is rendered to the side of children content. */
     readonly thumbnail?: string;
     /** Content to render above the body content. */

package/checkbox/types.d.ts

@@ -55,7 +55,7 @@ export declare type CheckboxProps = {
     /** Renders checkbox in errored state. */
     error?: boolean;
     /** Used to get a ref to the input element. Useful for programmatically focusing the input */
-    inputRef: React.RefObject<HTMLInputElement>;
+    inputRef?: React.RefObject<HTMLInputElement>;
     /** Focus the checkbox on initial render. */
     autoFocus?: boolean;
     /** Passed to the input element type attribute */
@@ -69,23 +69,23 @@ export declare type CheckboxProps = {
     /** How to position the label relative to the checkbox itself. */
     labelPlacement?: LabelPlacement;
     /** Renders UI as checkmark or toggle switch. */
-    checkmarkType: StyleType;
+    checkmarkType?: StyleType;
     /** Text to display in native OS tooltip on long hover. */
     title?: string | null;
     /** Handler for change events on trigger element. */
     onChange?: (e: ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseenter events on trigger element. */
-    onMouseEnter: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseEnter?: (e: ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseleave events on trigger element. */
-    onMouseLeave: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseLeave?: (e: ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mousedown events on trigger element. */
-    onMouseDown: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseDown?: (e: ChangeEvent<HTMLInputElement>) => unknown;
     /** Handler for mouseup events on trigger element. */
-    onMouseUp: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseUp?: (e: ChangeEvent<HTMLInputElement>) => unknown;
     /** handler for focus events on trigger element. */
-    onFocus: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus?: (e: ChangeEvent<HTMLInputElement>) => unknown;
     /** handler for blur events on trigger element. */
-    onBlur: (e: ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur?: (e: ChangeEvent<HTMLInputElement>) => unknown;
 };
 export declare type CheckboxState = {
     isFocused: boolean;

package/combobox/index.d.ts

@@ -1,4 +1,7 @@
+import type { ComboboxProps } from './types';
 export { SIZE } from '../input';
 export { default as Combobox } from './combobox';
 export { StyledRoot, StyledInputContainer, StyledListBox, StyledListItem, } from './styled-components';
 export * from './types';
+/** @deprecated use ComboboxProps instead. To be removed in future versions.*/
+export declare type PropsT = ComboboxProps;

package/data-table/index.d.ts

@@ -1,3 +1,4 @@
+import type { SortDirections, ColumnOptions, Row, BatchAction, RowAction } from './types';
 export { DataTable } from './data-table';
 export { StatefulContainer } from './stateful-container';
 export { StatefulDataTable } from './stateful-data-table';
@@ -15,3 +16,13 @@ export { default as StringColumn } from './column-string';
 export { COLUMNS, DATETIME_OPERATIONS, NUMERICAL_FORMATS, SORT_DIRECTIONS } from './constants';
 export * from './types';
 export type { DataTableLocale } from './locale';
+/** @deprecated use SortDirections instead. To be removed in future versions.*/
+export declare type SortDirectionsT = SortDirections;
+/** @deprecated use ColumnOptions instead. To be removed in future versions.*/
+export declare type ColumnT = ColumnOptions;
+/** @deprecated use Row instead. To be removed in future versions.*/
+export declare type RowT = Row;
+/** @deprecated use BatchAction instead. To be removed in future versions.*/
+export declare type BatchActionT = BatchAction;
+/** @deprecated use RowAction instead. To be removed in future versions.*/
+export declare type RowActionT = RowAction;

package/datepicker/index.d.ts

@@ -1,3 +1,4 @@
+import type { SharedStyleProps } from './types';
 export { default as StatefulContainer } from './stateful-container';
 export { default as Calendar } from './calendar';
 export { default as StatefulCalendar } from './stateful-calendar';
@@ -10,3 +11,5 @@ export * from '../timepicker';
 export * from '../timezonepicker';
 export * from './types';
 export type { DatepickerLocale } from './locale';
+/** @deprecated use SharedStyleProps instead. To be removed in future versions.*/
+export declare type SharedStylePropsT = SharedStyleProps;

package/divider/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const SIZE: {
+    readonly cell: "cell";
+    readonly section: "section";
+    readonly module: "module";
+};

package/divider/constants.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIZE = void 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.
+*/
+var SIZE = {
+  cell: 'cell',
+  section: 'section',
+  module: 'module'
+};
+exports.SIZE = SIZE;

package/divider/constants.js.flow

@@ -0,0 +1,16 @@
+/*
+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.
+*/
+// @flow
+export const SIZE = {
+  cell: 'cell',
+  section: 'section',
+  module: 'module',
+};
+
+declare var __DEV__: boolean;
+declare var __NODE__: boolean;
+declare var __BROWSER__: boolean;

package/divider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export declare const StyledDivider: import("styletron-react").StyletronComponent<"hr", import("./types").DividerProps>;

package/divider/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  StyledDivider: true
+};
+exports.StyledDivider = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _index = require("../styles/index");
+
+var _styledComponents = require("./styled-components");
+
+var _constants = require("./constants");
+
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _constants[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+var StyledDivider = (0, _index.withWrapper)(_styledComponents.StyledDivider, function (StyledComponent) {
+  return function StyledDivider(props) {
+    return /*#__PURE__*/React.createElement(StyledComponent, _extends({
+      "aria-hidden": "true"
+    }, props));
+  };
+});
+exports.StyledDivider = StyledDivider;

package/divider/index.js.flow

@@ -0,0 +1,25 @@
+/*
+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.
+*/
+// @flow
+import * as React from 'react';
+import { withWrapper } from '../styles/index.js';
+
+import { StyledDivider as StyledDividerElement } from './styled-components.js';
+
+export * from './constants.js';
+
+export const StyledDivider = withWrapper(
+  StyledDividerElement,
+  (StyledComponent) =>
+    function StyledDivider(props) {
+      return <StyledComponent aria-hidden="true" {...props} />;
+    }
+);
+
+declare var __DEV__: boolean;
+declare var __NODE__: boolean;
+declare var __BROWSER__: boolean;

package/divider/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/divider/index.js"
+}

package/divider/styled-components.d.ts

@@ -0,0 +1,2 @@
+import type { DividerProps } from './types';
+export declare const StyledDivider: import("styletron-react").StyletronComponent<"hr", DividerProps>;

package/divider/styled-components.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledDivider = void 0;
+
+var _index = require("../styles/index");
+
+var _constants = require("./constants");
+
+/*
+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.
+*/
+var StyledDivider = (0, _index.styled)('hr', function (props) {
+  var $theme = props.$theme,
+      _props$$size = props.$size,
+      $size = _props$$size === void 0 ? _constants.SIZE.section : _props$$size;
+
+  if ($size === _constants.SIZE.cell) {
+    return {
+      borderTopWidth: '1px',
+      borderTopColor: $theme.colors.borderOpaque,
+      borderTopStyle: 'solid',
+      // base styles
+      borderRightWidth: 0,
+      borderBottomWidth: 0,
+      borderLeftWidth: 0,
+      borderRightStyle: 'none',
+      borderBottomStyle: 'none',
+      borderLeftStyle: 'none'
+    };
+  }
+
+  if ($size === _constants.SIZE.module) {
+    return {
+      borderTopWidth: '8px',
+      borderTopColor: $theme.colors.backgroundTertiary,
+      borderTopStyle: 'solid',
+      // base styles
+      borderRightWidth: 0,
+      borderBottomWidth: 0,
+      borderLeftWidth: 0,
+      borderRightStyle: 'none',
+      borderBottomStyle: 'none',
+      borderLeftStyle: 'none'
+    };
+  }
+
+  return {
+    borderTopWidth: '2px',
+    borderTopColor: $theme.colors.borderOpaque,
+    borderTopStyle: 'solid',
+    // base styles
+    borderRightWidth: 0,
+    borderBottomWidth: 0,
+    borderLeftWidth: 0,
+    borderRightStyle: 'none',
+    borderBottomStyle: 'none',
+    borderLeftStyle: 'none'
+  };
+});
+exports.StyledDivider = StyledDivider;
+StyledDivider.displayName = "StyledDivider";

package/divider/styled-components.js.flow

@@ -0,0 +1,45 @@
+/*
+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.
+*/
+// @flow
+import { styled } from '../styles/index.js';
+import { SIZE } from './constants.js';
+import type { DividerProps } from './types.js';
+
+export const StyledDivider = styled<DividerProps>('hr', ({ $theme, $size = SIZE.section }) => {
+  const borderResetStyles = {
+    borderRightWidth: 0,
+    borderBottomWidth: 0,
+    borderLeftWidth: 0,
+  };
+
+  if ($size === SIZE.cell) {
+    return {
+      ...borderResetStyles,
+      borderTopWidth: '1px',
+      borderTopColor: $theme.colors.borderOpaque,
+      borderTopStyle: 'solid',
+    };
+  }
+  if ($size === SIZE.module) {
+    return {
+      ...borderResetStyles,
+      borderTopWidth: '8px',
+      borderTopColor: $theme.colors.backgroundTertiary,
+      borderTopStyle: 'solid',
+    };
+  }
+  return {
+    ...borderResetStyles,
+    borderTopWidth: '2px',
+    borderTopColor: $theme.colors.borderOpaque,
+    borderTopStyle: 'solid',
+  };
+});
+
+declare var __DEV__: boolean;
+declare var __NODE__: boolean;
+declare var __BROWSER__: boolean;

package/divider/types.d.ts

@@ -0,0 +1,4 @@
+import { SIZE } from './constants';
+export declare type DividerProps = {
+    $size?: keyof typeof SIZE;
+};

package/divider/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/divider/types.js.flow

@@ -0,0 +1,17 @@
+/*
+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.
+*/
+// @flow
+import { SIZE } from './constants.js';
+
+export type DividerProps = {
+  /** Thickness of the divider. */
+  $size?: $Keys<typeof SIZE>,
+};
+
+declare var __DEV__: boolean;
+declare var __NODE__: boolean;
+declare var __BROWSER__: boolean;

package/dnd-list/index.d.ts

@@ -1,4 +1,5 @@
 import { arrayMove, arrayRemove } from 'react-movable';
+import type { SharedStylePropsArg } from './types';
 export { arrayMove, arrayRemove };
 export { default as StatefulList } from './stateful-list';
 export { default as StatefulListContainer } from './stateful-list-container';
@@ -6,3 +7,5 @@ export { default as List } from './list';
 export { STATE_CHANGE_TYPE } from './constants';
 export { Root as StyledRoot, List as StyledList, Item as StyledItem, DragHandle as StyledDragHandle, CloseHandle as StyledCloseHandle, Label as StyledLabel, } from './styled-components';
 export * from './types';
+/** @deprecated use SharedStylePropsArg instead. To be removed in future versions.*/
+export declare type SharedStylePropsArgT = SharedStylePropsArg;

package/es/accordion/stateless-accordion.js

@@ -7,6 +7,7 @@ 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 { isElement, isPortal } from 'react-is';
 import { getOverrides } from '../helpers/overrides';
 import { Root as StyledRoot } from './styled-components';
 
@@ -27,9 +28,13 @@ function StatelessAccordion({
   return /*#__PURE__*/React.createElement(Root, _extends({
     "data-baseweb": "accordion"
   }, rootProps), React.Children.map(children, (child, index) => {
-    const key = child.key || String(index);
-    return /*#__PURE__*/React.cloneElement(child, {
-      disabled: child.props.disabled || disabled,
+    let normalizedChild = isElement(child) || isPortal(child) ? child :
+    /*#__PURE__*/
+    // if primitive value - wrap it in a fragment
+    React.createElement(React.Fragment, null, child);
+    const key = normalizedChild.key || String(index);
+    return /*#__PURE__*/React.cloneElement(normalizedChild, {
+      disabled: normalizedChild.props.disabled || disabled,
       expanded: expanded.includes(key),
       key,
       onChange: // Don't bother constructing the wrapper function if no one is listening
@@ -55,7 +60,7 @@ function StatelessAccordion({
           expanded: next
         });
       } : onChange,
-      overrides: child.props.overrides || PanelOverrides,
+      overrides: normalizedChild.props.overrides || PanelOverrides,
       renderAll
     });
   }));

package/es/app-nav-bar/index.js

@@ -8,4 +8,5 @@ export { default as AppNavBar } from './app-nav-bar';
 export { POSITION } from './constants';
 export * from './styled-components';
 export * from './types';
-export { setItemActive } from './utils';
+export { setItemActive } from './utils';
+/** @deprecated use AppNavBarOverrides instead. To be removed in future versions.*/

package/es/badge/index.js

@@ -9,4 +9,5 @@ export { default as NotificationCircle } from './notification-circle';
 export { default as HintDot } from './hint-dot';
 export { HIERARCHY, SHAPE, COLOR, PLACEMENT } from './constants';
 export * from './styled-components';
-export * from './types';
+export * from './types';
+/** @deprecated use Hierarchy instead. To be removed in future versions.*/

package/es/banner/index.js

@@ -7,4 +7,5 @@ LICENSE file in the root directory of this source tree.
 export { Banner } from './banner';
 export * from './constants';
 export * from './styled-components';
-export * from './types';
+export * from './types';
+/** @deprecated use ActionContent instead. To be removed in future versions.*/

package/es/button/index.js

@@ -10,4 +10,5 @@ export { KIND, SIZE, SHAPE } from './constants'; // Styled elements
 
 export { BaseButton as StyledBaseButton, StartEnhancer as StyledStartEnhancer, EndEnhancer as StyledEndEnhancer, LoadingSpinner as StyledLoadingSpinner, LoadingSpinnerContainer as StyledLoadingSpinnerContainer } from './styled-components'; // Types
 
-export * from './types';
+export * from './types';
+/** @deprecated use CustomColors instead. To be removed in future versions.*/

package/es/card/index.js

@@ -6,4 +6,5 @@ LICENSE file in the root directory of this source tree.
 */
 export { default as Card, hasThumbnail } from './card';
 export { Action as StyledAction, Body as StyledBody, Contents as StyledContents, HeaderImage as StyledHeaderImage, Thumbnail as StyledThumbnail, Title as StyledTitle, Root as StyledRoot, Root as StyledWrapper } from './styled-components';
-export * from './types';
+export * from './types';
+/** @deprecated To be removed in future versions */

package/es/combobox/index.js

@@ -7,4 +7,5 @@ LICENSE file in the root directory of this source tree.
 export { SIZE } from '../input';
 export { default as Combobox } from './combobox';
 export { StyledRoot, StyledInputContainer, StyledListBox, StyledListItem } from './styled-components';
-export * from './types';
+export * from './types';
+/** @deprecated use ComboboxProps instead. To be removed in future versions.*/

package/es/divider/constants.js

@@ -0,0 +1,11 @@
+/*
+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 const SIZE = {
+  cell: 'cell',
+  section: 'section',
+  module: 'module'
+};

package/es/divider/index.js

@@ -0,0 +1,17 @@
+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 { withWrapper } from '../styles/index';
+import { StyledDivider as StyledDividerElement } from './styled-components';
+export * from './constants';
+export const StyledDivider = withWrapper(StyledDividerElement, StyledComponent => function StyledDivider(props) {
+  return /*#__PURE__*/React.createElement(StyledComponent, _extends({
+    "aria-hidden": "true"
+  }, props));
+});