baseui 0.0.0-alpha-8ab2335 → 0.0.0-alpha-e79754d

package/banner/types.d.ts

@@ -1,6 +1,7 @@
-import type * as React from 'react';
+import * as React from 'react';
 import type { Override } from '../helpers/overrides';
-import type { ACTION_POSITION, ARTWORK_TYPE, HIERARCHY, KIND } from './constants';
+import { ACTION_POSITION, ARTWORK_TYPE, HIERARCHY, KIND } from './constants';
+import type { SyntheticEvent } from 'react';
 export declare type ActionPosition = typeof ACTION_POSITION[keyof typeof ACTION_POSITION];
 export declare type ArtworkType = typeof ARTWORK_TYPE[keyof typeof ARTWORK_TYPE];
 export declare type Hierarchy = typeof HIERARCHY[keyof typeof HIERARCHY];
@@ -10,7 +11,7 @@ export declare type ActionContent = {
     icon?: (a: {
         size: string;
     }) => React.ReactNode;
-    onClick: (a: React.SyntheticEvent<HTMLButtonElement>) => unknown;
+    onClick: (a: SyntheticEvent<HTMLButtonElement>) => unknown;
     position?: ActionPosition;
 };
 export declare type ArtworkContent = {
@@ -19,24 +20,23 @@ export declare type ArtworkContent = {
     }) => React.ReactNode;
     type?: ArtworkType;
 };
-export declare type BannerOverrides = {
-    BelowContent?: Override;
-    LeadingContent?: Override;
-    Message?: Override;
-    MessageContent?: Override;
-    Root?: Override;
-    Title?: Override;
-    TrailingContent?: Override;
-    TrailingButtonContainer?: Override;
-    TrailingIconButton?: Override;
-};
 export declare type BannerProps = {
     action?: ActionContent;
     artwork?: ArtworkContent;
     children: React.ReactNode;
     hierarchy?: Hierarchy;
     kind?: Kind;
-    overrides?: BannerOverrides;
+    overrides?: {
+        BelowContent?: Override;
+        LeadingContent?: Override;
+        Message?: Override;
+        MessageContent?: Override;
+        Root?: Override;
+        Title?: Override;
+        TrailingContent?: Override;
+        TrailingButtonContainer?: Override;
+        TrailingIconButton?: Override;
+    };
     nested?: boolean;
     title?: React.ReactNode;
 };

package/banner/types.js.flow

@@ -33,18 +33,6 @@ export type ArtworkContentT = {|
   type?: ArtworkTypeT,
 |};
 
-export type OverridesT = {|
-  BelowContent?: OverrideT,
-  LeadingContent?: OverrideT,
-  Message?: OverrideT,
-  MessageContent?: OverrideT,
-  Root?: OverrideT,
-  Title?: OverrideT,
-  TrailingContent?: OverrideT,
-  TrailingButtonContainer?: OverrideT,
-  TrailingIconButton?: OverrideT,
-|};
-
 export type PropsT = {|
   // Provide a method to "accept", "dismiss", or otherwise interact with the message shown.
   action?: ActionContentT,
@@ -56,7 +44,17 @@ export type PropsT = {|
   hierarchy?: HierarchyT,
   // Determines color scheme and conveys message intent.
   kind?: KindT,
-  overrides?: OverridesT,
+  overrides?: {|
+    BelowContent?: OverrideT,
+    LeadingContent?: OverrideT,
+    Message?: OverrideT,
+    MessageContent?: OverrideT,
+    Root?: OverrideT,
+    Title?: OverrideT,
+    TrailingContent?: OverrideT,
+    TrailingButtonContainer?: OverrideT,
+    TrailingIconButton?: OverrideT,
+  |},
   // Used to make the banner visually distinct from its container element.
   nested?: boolean,
   // Bold text displayed when message content should be separated to two lines.

package/block/block.js

@@ -118,7 +118,6 @@ var Block = function Block(_ref) {
 
   return /*#__PURE__*/React.createElement(BaseBlock // coerced to any because because of how react components are typed.
   // cannot guarantee an html element
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   , _extends({
     ref: forwardedRef,
     $as: as,
@@ -189,8 +188,7 @@ var Block = function Block(_ref) {
     $whiteSpace: whiteSpace,
     "data-baseweb": "block"
   }, restProps, baseBlockProps), children);
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+};
 
 var BlockComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Block, _extends({}, props, {

package/block/styled-components.js

@@ -435,5 +435,4 @@ var StyledBlock = (0, _styles.styled)('div', function (props) {
   return styles.value();
 });
 exports.StyledBlock = StyledBlock;
-StyledBlock.displayName = "StyledBlock";
-StyledBlock.displayName = 'StyledBlock';
+StyledBlock.displayName = "StyledBlock";

package/block/types.d.ts

@@ -1,6 +1,7 @@
-import type * as React from 'react';
+import type { ElementType, ReactNode } from 'react';
 import type { StyleObject } from 'styletron-standard';
 import type { Override } from '../helpers/overrides';
+import * as React from 'react';
 export declare type BlockOverrides = {
     Block?: Override;
 };
@@ -19,8 +20,8 @@ declare type Position = 'static' | 'absolute' | 'relative' | 'fixed' | 'sticky';
 declare type Overflow = 'visible' | 'hidden' | 'scroll' | 'scrollX' | 'scrollY' | 'auto' | 'inherit' | 'initial' | 'unset';
 export declare type Scale = 0 | string;
 export declare type WhiteSpace = 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces' | 'inherit' | 'initial' | 'unset';
-export declare type BlockProps<T extends React.ElementType = React.ElementType> = {
-    children?: React.ReactNode;
+export declare type BlockProps<T extends ElementType = ElementType> = {
+    children?: ReactNode;
     /** Modifies the base element used to render the block. */
     as?: T;
     overrides?: BlockOverrides;

package/breadcrumbs/styled-components.js

@@ -21,7 +21,6 @@ var StyledRoot = (0, _styles.styled)('nav', function (_ref) {
 });
 exports.StyledRoot = StyledRoot;
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 var StyledList = (0, _styles.styled)('ol', function (_ref2) {
   var $theme = _ref2.$theme;
   return _objectSpread({
@@ -32,7 +31,6 @@ var StyledList = (0, _styles.styled)('ol', function (_ref2) {
 });
 exports.StyledList = StyledList;
 StyledList.displayName = "StyledList";
-StyledList.displayName = 'StyledList';
 var StyledListItem = (0, _styles.styled)('li', function (_ref3) {
   var $theme = _ref3.$theme;
   return _objectSpread({
@@ -41,12 +39,10 @@ var StyledListItem = (0, _styles.styled)('li', function (_ref3) {
 });
 exports.StyledListItem = StyledListItem;
 StyledListItem.displayName = "StyledListItem";
-StyledListItem.displayName = 'StyledListItem';
 var StyledSeparator = (0, _styles.styled)('div', function (_ref4) {
   var $theme = _ref4.$theme;
   return {
-    display: 'inline-flex',
-    alignItems: 'center',
+    display: 'inline-block',
     color: $theme.colors.breadcrumbsSeparatorFill,
     marginLeft: $theme.sizing.scale300,
     marginRight: $theme.sizing.scale300,
@@ -54,5 +50,4 @@ var StyledSeparator = (0, _styles.styled)('div', function (_ref4) {
   };
 });
 exports.StyledSeparator = StyledSeparator;
-StyledSeparator.displayName = "StyledSeparator";
-StyledSeparator.displayName = 'StyledSeparator';
+StyledSeparator.displayName = "StyledSeparator";

package/button/styled-components.js

@@ -84,7 +84,6 @@ var BaseButton = (0, _styles.styled)('button', function (_ref) {
 });
 exports.BaseButton = BaseButton;
 BaseButton.displayName = "BaseButton";
-BaseButton.displayName = 'BaseButton';
 var EndEnhancer = (0, _styles.styled)('div', function (_ref2) {
   var $theme = _ref2.$theme;
   var marginDirection = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
@@ -94,7 +93,6 @@ var EndEnhancer = (0, _styles.styled)('div', function (_ref2) {
 });
 exports.EndEnhancer = EndEnhancer;
 EndEnhancer.displayName = "EndEnhancer";
-EndEnhancer.displayName = 'EndEnhancer';
 var StartEnhancer = (0, _styles.styled)('div', function (_ref4) {
   var $theme = _ref4.$theme;
   var marginDirection = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
@@ -104,7 +102,6 @@ var StartEnhancer = (0, _styles.styled)('div', function (_ref4) {
 });
 exports.StartEnhancer = StartEnhancer;
 StartEnhancer.displayName = "StartEnhancer";
-StartEnhancer.displayName = 'StartEnhancer';
 var LoadingSpinnerContainer = (0, _styles.styled)('div', function (_ref6) {
   var $theme = _ref6.$theme,
       $size = _ref6.$size;
@@ -128,7 +125,6 @@ var LoadingSpinnerContainer = (0, _styles.styled)('div', function (_ref6) {
 });
 exports.LoadingSpinnerContainer = LoadingSpinnerContainer;
 LoadingSpinnerContainer.displayName = "LoadingSpinnerContainer";
-LoadingSpinnerContainer.displayName = 'LoadingSpinnerContainer';
 var LoadingSpinner = (0, _styles.styled)('span', function (_ref7) {
   var $theme = _ref7.$theme,
       $kind = _ref7.$kind,
@@ -189,7 +185,6 @@ var LoadingSpinner = (0, _styles.styled)('span', function (_ref7) {
 });
 exports.LoadingSpinner = LoadingSpinner;
 LoadingSpinner.displayName = "LoadingSpinner";
-LoadingSpinner.displayName = 'LoadingSpinner';
 
 function getLoadingSpinnerColors(_ref8) {
   var $theme = _ref8.$theme,
@@ -247,8 +242,6 @@ function getBorderRadiiStyles(_ref9) {
     }
   } else if ($shape === _constants.SHAPE.circle || $shape === _constants.SHAPE.round) {
     value = '50%';
-  } else if ($size === _constants.SIZE.mini) {
-    value = $theme.borders.buttonBorderRadiusMini;
   }
 
   return {

package/button/styled-components.js.flow

@@ -198,8 +198,6 @@ function getBorderRadiiStyles({ $theme, $size, $shape }) {
     }
   } else if ($shape === SHAPE.circle || $shape === SHAPE.round) {
     value = '50%';
-  } else if ($size === SIZE.mini) {
-    value = $theme.borders.buttonBorderRadiusMini;
   }
 
   return {

package/button/types.d.ts

@@ -1,6 +1,7 @@
-import type * as React from 'react';
-import type { KIND, SIZE, SHAPE } from './constants';
+import * as React from 'react';
+import { KIND, SIZE, SHAPE } from './constants';
 import type { Override } from '../helpers/overrides';
+import type { ReactNode, SyntheticEvent } from 'react';
 export declare type ButtonOverrides = {
     Root?: Override;
     BaseButton?: Override;
@@ -14,7 +15,7 @@ export declare type CustomColors = {
     color: string;
 };
 export declare type ButtonProps = {
-    children?: React.ReactNode;
+    children?: ReactNode;
     colors?: CustomColors;
     disabled?: boolean;
     /** A helper rendered at the end of the button. */
@@ -25,7 +26,7 @@ export declare type ButtonProps = {
     isSelected?: boolean;
     /** Defines the kind (purpose) of a button */
     kind?: keyof typeof KIND;
-    onClick?: (a: React.SyntheticEvent<HTMLButtonElement>) => unknown;
+    onClick?: (a: SyntheticEvent<HTMLButtonElement>) => unknown;
     overrides?: ButtonOverrides;
     /** Defines the shape of the button */
     shape?: keyof typeof SHAPE;

package/button-group/stateful-button-group.js

@@ -28,7 +28,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 function StatefulButtonGroup(props) {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   var children = props.children,
       initialState = props.initialState,
       restProps = _objectWithoutProperties(props, _excluded);

package/button-group/stateful-container.js

@@ -64,8 +64,7 @@ function isSelectedDefined(selected) {
   return Array.isArray(selected) || typeof selected === 'number';
 }
 
-function defaultStateReducer(type, nextState, // eslint-disable-next-line @typescript-eslint/no-unused-vars
-currentState) {
+function defaultStateReducer(type, nextState, currentState) {
   return nextState;
 }
 
@@ -134,7 +133,6 @@ var StatefulContainer = /*#__PURE__*/function (_React$Component) {
   _createClass(StatefulContainer, [{
     key: "render",
     value: function render() {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var _this$props = this.props,
           initialState = _this$props.initialState,
           stateReducer = _this$props.stateReducer,

package/button-group/styled-components.js

@@ -27,5 +27,4 @@ var StyledRoot = (0, _styles.styled)('div', function (_ref) {
   };
 });
 exports.StyledRoot = StyledRoot;
-StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
+StyledRoot.displayName = "StyledRoot";

package/button-group/types.d.ts

@@ -1,7 +1,8 @@
-import type * as React from 'react';
-import type { SIZE, SHAPE, KIND } from '../button';
+import * as React from 'react';
+import { SIZE, SHAPE, KIND } from '../button';
 import type { Override } from '../helpers/overrides';
-import type { MODE, STATE_CHANGE_TYPE } from './constants';
+import { MODE, STATE_CHANGE_TYPE } from './constants';
+import type { SyntheticEvent } from 'react';
 export declare type ButtonGroupProps = {
     /** Accessible label. */
     ariaLabel?: string;
@@ -54,5 +55,5 @@ export declare type State = {
     selected: Array<number>;
 };
 export declare type StateReducer = (stateType: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE], nextState: State, currentState: State) => State;
-declare type ClickHandler = (event: React.SyntheticEvent<HTMLButtonElement>, index: number) => unknown;
+declare type ClickHandler = (event: SyntheticEvent<HTMLButtonElement>, index: number) => unknown;
 export {};