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

package/es/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 const StyledRoot = styled('div', ({
   $theme,
@@ -24,14 +24,10 @@ export const StyledRoot = styled('div', ({
     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 const StyledLeadingContent = styled('div', ({
   $theme,
   $includesArtwork
@@ -43,7 +39,6 @@ export const StyledLeadingContent = styled('div', ({
   };
 });
 StyledLeadingContent.displayName = "StyledLeadingContent";
-StyledLeadingContent.displayName = 'StyledLeadingContent';
 export const StyledMessageContent = styled('div', ({
   $theme,
   $actionPosition
@@ -57,8 +52,6 @@ export const StyledMessageContent = styled('div', ({
   };
 });
 StyledMessageContent.displayName = "StyledMessageContent";
-StyledMessageContent.displayName = 'StyledMessageContent'; // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 export const StyledTrailingContent = styled('div', ({
   $theme
 }) => {
@@ -69,7 +62,6 @@ export const StyledTrailingContent = styled('div', ({
   };
 });
 StyledTrailingContent.displayName = "StyledTrailingContent";
-StyledTrailingContent.displayName = 'StyledTrailingContent';
 export const StyledBelowContent = styled('div', ({
   $theme,
   $actionPosition
@@ -81,21 +73,18 @@ export const StyledBelowContent = styled('div', ({
   };
 });
 StyledBelowContent.displayName = "StyledBelowContent";
-StyledBelowContent.displayName = 'StyledBelowContent';
 export const StyledTitle = styled('div', ({
   $theme
 }) => {
   return $theme.typography.LabelMedium;
 });
 StyledTitle.displayName = "StyledTitle";
-StyledTitle.displayName = 'StyledTitle';
 export const StyledMessage = styled('div', ({
   $theme
 }) => {
   return $theme.typography.ParagraphMedium;
 });
 StyledMessage.displayName = "StyledMessage";
-StyledMessage.displayName = 'StyledMessage';
 export const StyledTrailingButtonContainer = styled('div', ({
   $theme
 }) => {
@@ -106,7 +95,6 @@ export const StyledTrailingButtonContainer = styled('div', ({
   };
 });
 StyledTrailingButtonContainer.displayName = "StyledTrailingButtonContainer";
-StyledTrailingButtonContainer.displayName = 'StyledTrailingButtonContainer';
 export const StyledTrailingIconButton = styled('button', ({
   $theme,
   $nested
@@ -131,5 +119,4 @@ export const StyledTrailingIconButton = styled('button', ({
     }
   };
 });
-StyledTrailingIconButton.displayName = "StyledTrailingIconButton";
-StyledTrailingIconButton.displayName = 'StyledTrailingIconButton';
+StyledTrailingIconButton.displayName = "StyledTrailingIconButton";

package/es/block/block.js

@@ -85,7 +85,6 @@ const Block = ({
   const [BaseBlock, baseBlockProps] = getOverrides(overrides.Block, StyledBlock);
   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,
@@ -156,8 +155,7 @@ const Block = ({
     $whiteSpace: whiteSpace,
     "data-baseweb": "block"
   }, restProps, baseBlockProps), children);
-}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
+};
 
 const BlockComponent = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({}, props, {
   forwardedRef: ref

package/es/block/styled-components.js

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

package/es/breadcrumbs/styled-components.js

@@ -14,7 +14,6 @@ export const StyledRoot = styled('nav', ({
   };
 });
 StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
 export const StyledList = styled('ol', ({
   $theme
 }) => {
@@ -26,7 +25,6 @@ export const StyledList = styled('ol', ({
   };
 });
 StyledList.displayName = "StyledList";
-StyledList.displayName = 'StyledList';
 export const StyledListItem = styled('li', ({
   $theme
 }) => {
@@ -36,18 +34,15 @@ export const StyledListItem = styled('li', ({
   };
 });
 StyledListItem.displayName = "StyledListItem";
-StyledListItem.displayName = 'StyledListItem';
 export const StyledSeparator = styled('div', ({
   $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/es/button/button.js

@@ -59,24 +59,16 @@ class Button extends React.Component {
   render() {
     const {
       overrides = {},
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       size,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       kind,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       shape,
       isLoading,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       isSelected,
       // Removing from restProps
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       startEnhancer,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       endEnhancer,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       children,
       forwardedRef,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       colors,
       ...restProps
     } = this.props; // Get overrides

package/es/button/styled-components.js

@@ -79,7 +79,6 @@ export const BaseButton = styled('button', ({
   })
 }));
 BaseButton.displayName = "BaseButton";
-BaseButton.displayName = 'BaseButton';
 export const EndEnhancer = styled('div', ({
   $theme
 }) => {
@@ -90,7 +89,6 @@ export const EndEnhancer = styled('div', ({
   };
 });
 EndEnhancer.displayName = "EndEnhancer";
-EndEnhancer.displayName = 'EndEnhancer';
 export const StartEnhancer = styled('div', ({
   $theme
 }) => {
@@ -101,7 +99,6 @@ export const StartEnhancer = styled('div', ({
   };
 });
 StartEnhancer.displayName = "StartEnhancer";
-StartEnhancer.displayName = 'StartEnhancer';
 export const LoadingSpinnerContainer = styled('div', ({
   $theme,
   $size
@@ -125,7 +122,6 @@ export const LoadingSpinnerContainer = styled('div', ({
   };
 });
 LoadingSpinnerContainer.displayName = "LoadingSpinnerContainer";
-LoadingSpinnerContainer.displayName = 'LoadingSpinnerContainer';
 export const LoadingSpinner = styled('span', ({
   $theme,
   $kind,
@@ -185,7 +181,6 @@ export const LoadingSpinner = styled('span', ({
   };
 });
 LoadingSpinner.displayName = "LoadingSpinner";
-LoadingSpinner.displayName = 'LoadingSpinner';
 
 function getLoadingSpinnerColors({
   $theme,
@@ -244,8 +239,6 @@ function getBorderRadiiStyles({
     }
   } else if ($shape === SHAPE.circle || $shape === SHAPE.round) {
     value = '50%';
-  } else if ($size === SIZE.mini) {
-    value = $theme.borders.buttonBorderRadiusMini;
   }
 
   return {

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

@@ -10,7 +10,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
   const {
     children,
     initialState,

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

@@ -14,8 +14,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;
 }
 
@@ -73,7 +72,6 @@ export default class StatefulContainer extends React.Component {
   }
 
   render() {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {
       initialState,
       stateReducer,

package/es/button-group/styled-components.js

@@ -18,5 +18,4 @@ export const StyledRoot = styled('div', ({
     marginRight: margin
   };
 });
-StyledRoot.displayName = "StyledRoot";
-StyledRoot.displayName = 'StyledRoot';
+StyledRoot.displayName = "StyledRoot";