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

package/esm/banner/styled-components.js

@@ -4,7 +4,7 @@ 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 { styled } from '../styles';
+import { styled } from '../styles/index';
 import { ACTION_POSITION } from './constants';
 export var StyledRoot = styled('div', function (_ref) {
   var $theme = _ref.$theme,
@@ -23,14 +23,10 @@ export var StyledRoot = styled('div', function (_ref) {
     gridColumnGap: $theme.sizing.scale600,
     gridTemplateColumns: 'min-content auto min-content',
     gridTemplateRows: 'auto min-content',
-    marginTop: $theme.sizing.scale600,
-    marginRight: $theme.sizing.scale600,
-    marginBottom: $theme.sizing.scale600,
-    marginLeft: $theme.sizing.scale600
+    margin: $theme.sizing.scale600
   };
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export var StyledLeadingContent = styled('div', function (_ref2) {
   var $theme = _ref2.$theme,
       $includesArtwork = _ref2.$includesArtwork;
@@ -41,7 +37,6 @@ export var StyledLeadingContent = styled('div', function (_ref2) {
   };
 });
 StyledLeadingContent.displayName = "StyledLeadingContent";
-StyledLeadingContent.displayName = 'StyledLeadingContent';
 export var StyledMessageContent = styled('div', function (_ref3) {
   var $theme = _ref3.$theme,
       $actionPosition = _ref3.$actionPosition;
@@ -54,8 +49,6 @@ export var StyledMessageContent = styled('div', function (_ref3) {
   };
 });
 StyledMessageContent.displayName = "StyledMessageContent";
-StyledMessageContent.displayName = 'StyledMessageContent'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 export var StyledTrailingContent = styled('div', function (_ref4) {
   var $theme = _ref4.$theme;
   return {
@@ -65,7 +58,6 @@ export var StyledTrailingContent = styled('div', function (_ref4) {
   };
 });
 StyledTrailingContent.displayName = "StyledTrailingContent";
-StyledTrailingContent.displayName = 'StyledTrailingContent';
 export var StyledBelowContent = styled('div', function (_ref5) {
   var $theme = _ref5.$theme,
       $actionPosition = _ref5.$actionPosition;
@@ -76,19 +68,16 @@ export var StyledBelowContent = styled('div', function (_ref5) {
   };
 });
 StyledBelowContent.displayName = "StyledBelowContent";
-StyledBelowContent.displayName = 'StyledBelowContent';
 export var StyledTitle = styled('div', function (_ref6) {
   var $theme = _ref6.$theme;
   return $theme.typography.LabelMedium;
 });
 StyledTitle.displayName = "StyledTitle";
-StyledTitle.displayName = 'StyledTitle';
 export var StyledMessage = styled('div', function (_ref7) {
   var $theme = _ref7.$theme;
   return $theme.typography.ParagraphMedium;
 });
 StyledMessage.displayName = "StyledMessage";
-StyledMessage.displayName = 'StyledMessage';
 export var StyledTrailingButtonContainer = styled('div', function (_ref8) {
   var $theme = _ref8.$theme;
   return {
@@ -98,7 +87,6 @@ export var StyledTrailingButtonContainer = styled('div', function (_ref8) {
   };
 });
 StyledTrailingButtonContainer.displayName = "StyledTrailingButtonContainer";
-StyledTrailingButtonContainer.displayName = 'StyledTrailingButtonContainer';
 export var StyledTrailingIconButton = styled('button', function (_ref9) {
   var $theme = _ref9.$theme,
       $nested = _ref9.$nested;
@@ -122,5 +110,4 @@ export var StyledTrailingIconButton = styled('button', function (_ref9) {
     }
   };
 });
-StyledTrailingIconButton.displayName = "StyledTrailingIconButton";
-StyledTrailingIconButton.displayName = 'StyledTrailingIconButton';
+StyledTrailingIconButton.displayName = "StyledTrailingIconButton";

package/esm/block/block.js

@@ -109,7 +109,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,
@@ -180,8 +179,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/esm/block/styled-components.js

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

package/esm/breadcrumbs/styled-components.js

@@ -18,7 +18,6 @@ export var StyledRoot = styled('nav', function (_ref) {
   }, $theme.typography.font350);
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export var StyledList = styled('ol', function (_ref2) {
   var $theme = _ref2.$theme;
   return _objectSpread({
@@ -28,7 +27,6 @@ export var StyledList = styled('ol', function (_ref2) {
   }, $theme.typography.font350);
 });
 StyledList.displayName = "StyledList";
-StyledList.displayName = 'StyledList';
 export var StyledListItem = styled('li', function (_ref3) {
   var $theme = _ref3.$theme;
   return _objectSpread({
@@ -36,17 +34,14 @@ export var StyledListItem = styled('li', function (_ref3) {
   }, $theme.typography.font350);
 });
 StyledListItem.displayName = "StyledListItem";
-StyledListItem.displayName = 'StyledListItem';
 export var StyledSeparator = 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,
     verticalAlign: 'middle'
   };
 });
-StyledSeparator.displayName = "StyledSeparator";
-StyledSeparator.displayName = 'StyledSeparator';
+StyledSeparator.displayName = "StyledSeparator";

package/esm/button/styled-components.js

@@ -80,7 +80,6 @@ export var BaseButton = styled('button', function (_ref) {
   }));
 });
 BaseButton.displayName = "BaseButton";
-BaseButton.displayName = 'BaseButton';
 export var EndEnhancer = styled('div', function (_ref2) {
   var $theme = _ref2.$theme;
   var marginDirection = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
@@ -89,7 +88,6 @@ export var EndEnhancer = styled('div', function (_ref2) {
   }, marginDirection, $theme.sizing.scale500);
 });
 EndEnhancer.displayName = "EndEnhancer";
-EndEnhancer.displayName = 'EndEnhancer';
 export var StartEnhancer = styled('div', function (_ref4) {
   var $theme = _ref4.$theme;
   var marginDirection = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
@@ -98,7 +96,6 @@ export var StartEnhancer = styled('div', function (_ref4) {
   }, marginDirection, $theme.sizing.scale500);
 });
 StartEnhancer.displayName = "StartEnhancer";
-StartEnhancer.displayName = 'StartEnhancer';
 export var LoadingSpinnerContainer = styled('div', function (_ref6) {
   var $theme = _ref6.$theme,
       $size = _ref6.$size;
@@ -121,7 +118,6 @@ export var LoadingSpinnerContainer = styled('div', function (_ref6) {
   };
 });
 LoadingSpinnerContainer.displayName = "LoadingSpinnerContainer";
-LoadingSpinnerContainer.displayName = 'LoadingSpinnerContainer';
 export var LoadingSpinner = styled('span', function (_ref7) {
   var $theme = _ref7.$theme,
       $kind = _ref7.$kind,
@@ -181,7 +177,6 @@ export var LoadingSpinner = styled('span', function (_ref7) {
   };
 });
 LoadingSpinner.displayName = "LoadingSpinner";
-LoadingSpinner.displayName = 'LoadingSpinner';
 
 function getLoadingSpinnerColors(_ref8) {
   var $theme = _ref8.$theme,
@@ -239,8 +234,6 @@ function getBorderRadiiStyles(_ref9) {
     }
   } else if ($shape === SHAPE.circle || $shape === SHAPE.round) {
     value = '50%';
-  } else if ($size === SIZE.mini) {
-    value = $theme.borders.buttonBorderRadiusMini;
   }
 
   return {

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

@@ -16,7 +16,6 @@ import * as React from 'react';
 import ButtonGroup from './button-group';
 import StatefulContainer from './stateful-container';
 export default function StatefulButtonGroup(props) {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   var children = props.children,
       initialState = props.initialState,
       restProps = _objectWithoutProperties(props, _excluded);

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

@@ -58,8 +58,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;
 }
 
@@ -128,7 +127,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/esm/button-group/styled-components.js

@@ -17,5 +17,4 @@ export var StyledRoot = styled('div', function (_ref) {
     marginRight: margin
   };
 });
-StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
+StyledRoot.displayName = "StyledRoot";