baseui 10.10.0 → 10.11.0

package/es/data-table/column.js

@@ -18,6 +18,7 @@ function Column(options) {
     mapDataToValue: options.mapDataToValue,
     maxWidth: options.maxWidth,
     minWidth: options.minWidth,
+    // eslint-disable-next-line react/display-name
     renderCell: /*#__PURE__*/React.forwardRef((props, ref) => {
       const [css, theme] = useStyletron();
       const ProvidedCell = options.renderCell;

package/es/data-table/data-table.js

@@ -33,7 +33,7 @@ function CellPlacement({
 
   let backgroundColor = theme.colors.backgroundPrimary;
 
-  if (rowIndex % 2 && columnIndex === data.columnHighlightIndex || rowIndex === data.rowHighlightIndex) {
+  if (Boolean(rowIndex % 2) && columnIndex === data.columnHighlightIndex || rowIndex === data.rowHighlightIndex) {
     backgroundColor = theme.colors.backgroundTertiary;
   } else if (rowIndex % 2 || columnIndex === data.columnHighlightIndex) {
     backgroundColor = theme.colors.backgroundSecondary;
@@ -129,7 +129,7 @@ HeaderContext.displayName = 'HeaderContext';
 function Header(props) {
   const [css, theme] = useStyletron();
   const [startResizePos, setStartResizePos] = React.useState(0);
-  const [endResizePos, setEndResizePos] = React.useState(0); // eslint-disable-next-line flowtype/no-weak-types
+  const [endResizePos, setEndResizePos] = React.useState(0); // flowlint-next-line unclear-type:off
 
   const headerCellRef = React.useRef(null);
   const RULER_OFFSET = 2;
@@ -470,7 +470,7 @@ export function DataTable({
 
     return rowHeight;
   }, [rowHeight]); // We use state for our ref, to allow hooks to  update when the ref changes.
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
 
   const [gridRef, setGridRef] = React.useState(null);
   const [measuredWidths, setMeasuredWidths] = React.useState(columns.map(() => 0));
@@ -775,7 +775,7 @@ export function DataTable({
       tableHeight: height,
       widths: normalizedWidths
     }
-  }, /*#__PURE__*/React.createElement(VariableSizeGrid // eslint-disable-next-line flowtype/no-weak-types
+  }, /*#__PURE__*/React.createElement(VariableSizeGrid // flowlint-next-line unclear-type:off
   , {
     ref: setGridRef,
     overscanRowCount: 10,

package/es/datepicker/calendar-header.js

@@ -19,10 +19,10 @@ import { StatefulMenu } from '../menu/index.js';
 import { Popover } from '../popover/index.js';
 import { LocaleContext } from '../locale/index.js';
 import { ThemeContext } from '../styles/theme-provider.js';
-import { StyledCalendarHeader, StyledPrevButton, StyledNextButton, StyledMonthHeader, StyledWeekdayHeader, StyledMonthYearSelectButton, StyledMonthYearSelectIconContainer } from './styled-components.js';
-import { ORIENTATION, WEEKDAYS, DENSITY } from './constants.js';
+import { StyledCalendarHeader, StyledMonthHeader, StyledMonthYearSelectButton, StyledMonthYearSelectIconContainer, StyledNextButton, StyledPrevButton, StyledWeekdayHeader } from './styled-components.js';
+import { DENSITY, ORIENTATION, WEEKDAYS } from './constants.js';
 import { getOverrides, mergeOverrides } from '../helpers/overrides.js';
-import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible.js';
+import { forkBlur, forkFocus, isFocusVisible } from '../utils/focusVisible.js';
 
 const navBtnStyle = ({
   $theme
@@ -45,7 +45,7 @@ function idToYearMonth(id) {
 
 export default class CalendarHeader extends React.Component {
   constructor(props) {
-    super(props);
+    super(props); //$FlowFixMe
 
     _defineProperty(this, "dateHelpers", void 0);
 
@@ -170,7 +170,7 @@ export default class CalendarHeader extends React.Component {
         order
       } = this.props;
 
-      if (monthsShown && this.isMultiMonthHorizontal()) {
+      if (!!monthsShown && this.isMultiMonthHorizontal()) {
         if (direction === DIRECTION.NEXT) {
           const isLastMonth = order === monthsShown - 1;
           return !isLastMonth;
@@ -338,17 +338,14 @@ export default class CalendarHeader extends React.Component {
       const [MonthYearSelectIconContainer, monthYearSelectIconContainerProps] = getOverrides(overrides.MonthYearSelectIconContainer, StyledMonthYearSelectIconContainer);
       const [OverriddenPopover, popoverProps] = getOverrides(overrides.MonthYearSelectPopover, Popover);
       const [OverriddenStatefulMenu, menuProps] = getOverrides(overrides.MonthYearSelectStatefulMenu, StatefulMenu);
-      const menuOverrides = mergeOverrides({
+      menuProps.overrides = mergeOverrides({
         List: {
           style: {
             height: 'auto',
             maxHeight: '257px'
           }
         }
-      }, // $FlowFixMe
-      menuProps && menuProps.overrides); // $FlowFixMe
-
-      menuProps.overrides = menuOverrides;
+      }, menuProps && menuProps.overrides);
       const initialMonthIndex = this.monthItems.findIndex(month => month.id === this.dateHelpers.getMonth(date).toString());
       const initialYearIndex = this.yearItems.findIndex(year => year.id === this.dateHelpers.getYear(date).toString());
       const monthTitle = `${this.dateHelpers.getMonthInLocale(this.dateHelpers.getMonth(date), locale)}`;

package/es/datepicker/calendar.js

@@ -389,8 +389,7 @@ export default class Calendar extends React.Component {
       } = this.props;
       const [QuickSelectContainer, quickSelectContainerProps] = getOverrides(overrides.QuickSelectContainer, StyledSelectorContainer);
       const [QuickSelectFormControl, quickSelectFormControlProps] = getOverrides(overrides.QuickSelectFormControl, FormControl);
-      const [QuickSelect, // $FlowFixMe
-      {
+      const [QuickSelect, {
         overrides: quickSelectOverrides,
         ...restQuickSelectProps
       }] = getOverrides( //
@@ -477,7 +476,8 @@ export default class Calendar extends React.Component {
       highlightedDate: _highlightedDate,
       value: _value,
       adapter
-    } = this.props;
+    } = this.props; //$FlowFixMe
+
     this.dateHelpers = new DateHelpers(adapter);
     const dateInView = this.getDateInView();
     let _time = [];

package/es/datepicker/datepicker.js

@@ -38,7 +38,7 @@ const combineSeparatedInputs = (newInputValue, prevCombinedInputValue = '', sepa
 
 export default class Datepicker extends React.Component {
   constructor(props) {
-    super(props);
+    super(props); //$FlowFixMe
 
     _defineProperty(this, "calendar", void 0);
 

package/es/datepicker/styled-components.js

@@ -237,7 +237,7 @@ function generateDayStyles(defaultCode, defaultStyle) {
     [codeForSM]: defaultStyle,
     [codeForEM]: defaultStyle
   };
-} // eslint-disable-next-line flowtype/no-weak-types
+} // flowlint-next-line unclear-type:off
 
 
 function getDayStyles(code, {
@@ -568,7 +568,7 @@ export const StyledDay = styled('div', props => {
         } : {})
       }
     } : // a hack to make flow happy, otherwise it complains about complexity
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
     {})
   };
 });

package/es/datepicker/utils/date-helpers.js

@@ -74,7 +74,7 @@ class DateHelpers {
       const {
         getOptions = defaultGetOptions,
         formats
-      } = adapterMap[className] || adapterMap['DateFnsUtils'];
+      } = adapterMap[className] || adapterMap.DateFnsUtils;
       const options = getOptions(adapter);
       return new UtilsClass(Object.assign({}, updateOptions(Object.assign({}, options, {
         formats: Object.assign({}, options.formats, formats)

package/es/datepicker/utils/index.js

@@ -76,6 +76,6 @@ export const subMonths = createDirtySetter(defaultDateHelpers.subMonths);
 export const subYears = createDirtySetter(defaultDateHelpers.subYears); // ** Date Comparison
 
 export const isBefore = createDirtyCompare(defaultDateHelpers.isBefore);
-export const isAfter = createDirtyCompare(defaultDateHelpers.isAfter); // eslint-disable-next-line flowtype/no-weak-types
+export const isAfter = createDirtyCompare(defaultDateHelpers.isAfter); // flowlint-next-line unclear-type:off
 
 export const format = (date, format, locale) => defaultDateHelpers.format(date, format, locale);

package/es/drawer/drawer.js

@@ -143,7 +143,7 @@ class Drawer extends React.Component {
     if (mountNode) {
       return mountNode;
     } // Flow thinks body could be null (cast through any)
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
 
 
     return document.body;

package/es/flex-grid/flex-grid-item.js

@@ -31,9 +31,11 @@ export const flexGridItemMediaQueryStyle = ({
     // See https://github.com/uber/baseweb/pull/1748
     width: `calc(${widthCalc} - .5px)`,
     // Add colGap except at end of row
-    [marginDirection]: colGapQuantity && ((itemIndex + 1) % colCount !== 0 ? colGap : 0),
+    [marginDirection]: colGapQuantity && ( //flowlint-line sketchy-number-and:off
+    (itemIndex + 1) % colCount !== 0 ? colGap : 0),
     // Add rowGap except at end of column
-    marginBottom: rowGapQuantity && (~~(itemIndex / colCount) !== ~~((itemCount - 1) / colCount) ? rowGap : 0),
+    marginBottom: rowGapQuantity && ( //flowlint-line sketchy-number-and:off
+    ~~(itemIndex / colCount) !== ~~((itemCount - 1) / colCount) ? rowGap : 0),
     // Add space to make up for missing columns if last row ends early
     ...(itemIndex === itemCount - 1 && (itemIndex + 1) % colCount !== 0 ? {
       [marginDirection]: `calc(${colCount - itemIndex % colCount - 1} * (${colGap} + ${widthCalc}))`
@@ -123,9 +125,9 @@ const FlexGridItem = ({
     }
   };
   const blockOverrides = overrides ? mergeOverrides(flexGridItemOverrides, overrides) : flexGridItemOverrides;
-  return /*#__PURE__*/React.createElement(Block // coerced to any because because of how react components are typed.
+  return /*#__PURE__*/React.createElement(Block // coerced to any because of how react components are typed.
   // cannot guarantee an html element
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   , _extends({
     ref: forwardedRef,
     as: as,

package/es/flex-grid/flex-grid.js

@@ -14,13 +14,17 @@ export const BaseFlexGrid = /*#__PURE__*/React.forwardRef(({
   display,
   flexWrap,
   ...restProps
-}, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+}, ref) =>
+/*#__PURE__*/
+//$FlowFixMe
+React.createElement(Block, _extends({
   display: display || 'flex',
   flexWrap: flexWrap || flexWrap === false ? flexWrap : true,
   "data-baseweb": "flex-grid"
 }, restProps, {
   ref: ref
 })));
+BaseFlexGrid.displayName = 'BaseFlexGrid';
 
 const FlexGrid = ({
   forwardedRef,
@@ -33,9 +37,9 @@ const FlexGrid = ({
   ...restProps
 }) => {
   const [FlexGrid, flexGridProps] = getOverrides(overrides && overrides.Block, BaseFlexGrid);
-  return /*#__PURE__*/React.createElement(FlexGrid // coerced to any because because of how react components are typed.
+  return /*#__PURE__*/React.createElement(FlexGrid // coerced to any because of how react components are typed.
   // cannot guarantee an html element
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   , _extends({
     ref: forwardedRef,
     as: as

package/es/form-control/form-control.js

@@ -14,11 +14,11 @@ import { UIDConsumer } from 'react-uid';
 import { Label as StyledLabel, LabelEndEnhancer as StyledLabelEndEnhancer, LabelContainer as StyledLabelContainer, Caption as StyledCaption, ControlContainer as StyledControlContainer } from './styled-components.js';
 
 function chooseRenderedHint(caption, error, positive, sharedProps) {
-  if (error && typeof error !== 'boolean') {
+  if (!!error && typeof error !== 'boolean') {
     return typeof error === 'function' ? error(sharedProps) : error;
   }
 
-  if (positive && typeof positive !== 'boolean') {
+  if (!!positive && typeof positive !== 'boolean') {
     return typeof positive === 'function' ? positive(sharedProps) : positive;
   }
 
@@ -116,7 +116,7 @@ export default class FormControl extends React.Component {
     return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(LabelContainer, _extends({}, sharedProps, getOverrideProps(LabelContainerOverride)), /*#__PURE__*/React.createElement(Label, _extends({
       "data-baseweb": "form-control-label",
       htmlFor: htmlFor || onlyChildProps.id
-    }, sharedProps, getOverrideProps(LabelOverride)), typeof label === 'function' ? label(sharedProps) : label), labelEndEnhancer && /*#__PURE__*/React.createElement(LabelEndEnhancer, _extends({}, sharedProps, getOverrideProps(LabelEndEnhancerOverride)), typeof labelEndEnhancer === 'function' ? labelEndEnhancer(sharedProps) : labelEndEnhancer)), /*#__PURE__*/React.createElement(UIDConsumer, null, captionId => /*#__PURE__*/React.createElement(ControlContainer, _extends({
+    }, sharedProps, getOverrideProps(LabelOverride)), typeof label === 'function' ? label(sharedProps) : label), !!labelEndEnhancer && /*#__PURE__*/React.createElement(LabelEndEnhancer, _extends({}, sharedProps, getOverrideProps(LabelEndEnhancerOverride)), typeof labelEndEnhancer === 'function' ? labelEndEnhancer(sharedProps) : labelEndEnhancer)), /*#__PURE__*/React.createElement(UIDConsumer, null, captionId => /*#__PURE__*/React.createElement(ControlContainer, _extends({
       "data-baseweb": "form-control-container"
     }, sharedProps, getOverrideProps(ControlContainerOverride)), React.Children.map(children, (child, index) => {
       if (!child) return;
@@ -129,7 +129,7 @@ export default class FormControl extends React.Component {
         error: typeof onlyChildProps.error !== 'undefined' ? onlyChildProps.error : sharedProps.$error,
         positive: typeof onlyChildProps.positive !== 'undefined' ? onlyChildProps.positive : sharedProps.$positive
       });
-    }), (caption || error || positive) && /*#__PURE__*/React.createElement(Caption, _extends({
+    }), (!!caption || !!error || positive) && /*#__PURE__*/React.createElement(Caption, _extends({
       "data-baseweb": "form-control-caption",
       id: captionId
     }, sharedProps, getOverrideProps(CaptionOverride)), hint))));

package/es/heading/heading.js

@@ -9,7 +9,7 @@ LICENSE file in the root directory of this source tree.
 import * as React from 'react';
 import Block from '../block/block.js';
 import { LevelContext } from './heading-level.js';
-const FONTS = ['', 'font1050', 'font950', 'font850', 'font750', 'font650', 'font550'];
+const FONTS = ['', 'font1050', 'font950', 'font850', 'font750', 'font650', 'font550']; //$FlowFixMe
 
 const Heading = ({
   styleLevel,

package/es/helpers/overrides.js

@@ -15,7 +15,7 @@ import deepMerge from '../utils/deep-merge.js';
 /**
  * Given an override argument, returns the component implementation override if it exists
  */
-// eslint-disable-next-line flowtype/no-weak-types
+// flowlint-next-line unclear-type:off
 export function getOverride(override) {
   if (isValidElementType(override)) {
     return override;
@@ -25,7 +25,7 @@ export function getOverride(override) {
   if (override && typeof override === 'object') {
     // Remove this 'any' once this flow issue is fixed:
     // https://github.com/facebook/flow/issues/6666
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
     return override.component;
   } // null/undefined
 
@@ -40,15 +40,18 @@ export function getOverride(override) {
 export function getOverrideProps(override) {
   if (override && typeof override === 'object') {
     if (typeof override.props === 'object') {
+      //$FlowFixMe
       return { ...override.props,
         $style: override.style
       };
     } else {
+      //$FlowFixMe
       return {
         $style: override.style
       };
     }
-  }
+  } //$FlowFixMe
+
 
   return {};
 }
@@ -60,13 +63,13 @@ export function getOverrideProps(override) {
 export function toObjectOverride(override) {
   if (isValidElementType(override)) {
     return {
-      // eslint-disable-next-line flowtype/no-weak-types
+      // flowlint-next-line unclear-type:off
       component: override
     };
   } // Flow can't figure out that typeof 'function' above will
   // catch React.StatelessFunctionalComponent
   // (probably related to https://github.com/facebook/flow/issues/6666)
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
 
 
   return override || {};
@@ -75,7 +78,7 @@ export function toObjectOverride(override) {
  * Get a convenient override array that will always have [component, props]
  */
 
-/* eslint-disable flowtype/no-weak-types */
+/* flowlint unclear-type:off */
 
 export function getOverrides(override, defaultComponent) {
   const Component = getOverride(override) || defaultComponent;
@@ -95,14 +98,15 @@ export function getOverrides(override, defaultComponent) {
         ref: ref
       }, nextProps));
     });
-    DynamicOverride.displayName = Component.displayName;
+    DynamicOverride.displayName = Component.displayName; //$FlowFixMe
+
     return [DynamicOverride, {}];
   }
 
   const props = getOverrideProps(override);
   return [Component, props];
 }
-/* eslint-enable flowtype/no-weak-types */
+/* flowlint unclear-type:error */
 
 /**
  * Merges two overrides objects – this is useful if you want to inject your own
@@ -160,7 +164,7 @@ export function mergeConfigurationOverrides(target, source) {
 } // Lil' hook for memoized unpacking of overrides
 
 export function useOverrides(defaults, overrides = {}) {
-  return React.useMemo(() => // eslint-disable-next-line flowtype/no-weak-types
+  return React.useMemo(() => // flowlint-next-line unclear-type:off
   Object.keys(defaults).reduce((obj, key) => {
     obj[key] = getOverrides(overrides[key], defaults[key]);
     return obj;

package/es/icon/alert.js

@@ -26,20 +26,24 @@ function Alert(props, ref) {
   {
     component: theme.icons && theme.icons.Alert ? theme.icons.Alert : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02945 16.9706 3 12 3C7.02942 3 3 7.02945 3 12C3 16.9706 7.02942 21 12 21ZM12 6C12.5523 6 13 6.44772 13 7V13C13 13.5523 12.5523 14 12 14C11.4477 14 11 13.5523 11 13V7C11 6.44772 11.4477 6 12 6ZM13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 21C16.9706 21 21 16.9706 21 12C21 7.02945 16.9706 3 12 3C7.02942 3 3 7.02945 3 12C3 16.9706 7.02942 21 12 21ZM12 6C12.5523 6 13 6.44772 13 7V13C13 13.5523 12.5523 14 12 14C11.4477 14 11 13.5523 11 13V7C11 6.44772 11.4477 6 12 6ZM13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(Alert);

package/es/icon/arrow-down.js

@@ -26,20 +26,24 @@ function ArrowDown(props, ref) {
   {
     component: theme.icons && theme.icons.ArrowDown ? theme.icons.ArrowDown : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 6C12.5523 6 13 6.44772 13 7V14.5858L15.2929 12.2929C15.6834 11.9024 16.3166 11.9024 16.7071 12.2929C17.0976 12.6834 17.0976 13.3166 16.7071 13.7071L12.7071 17.7071C12.3166 18.0976 11.6834 18.0976 11.2929 17.7071L7.29289 13.7071C6.90237 13.3166 6.90237 12.6834 7.29289 12.2929C7.68342 11.9024 8.31658 11.9024 8.70711 12.2929L11 14.5858V7C11 6.44772 11.4477 6 12 6Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 6C12.5523 6 13 6.44772 13 7V14.5858L15.2929 12.2929C15.6834 11.9024 16.3166 11.9024 16.7071 12.2929C17.0976 12.6834 17.0976 13.3166 16.7071 13.7071L12.7071 17.7071C12.3166 18.0976 11.6834 18.0976 11.2929 17.7071L7.29289 13.7071C6.90237 13.3166 6.90237 12.6834 7.29289 12.2929C7.68342 11.9024 8.31658 11.9024 8.70711 12.2929L11 14.5858V7C11 6.44772 11.4477 6 12 6Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(ArrowDown);

package/es/icon/arrow-left.js

@@ -26,20 +26,24 @@ function ArrowLeft(props, ref) {
   {
     component: theme.icons && theme.icons.ArrowLeft ? theme.icons.ArrowLeft : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6.29289 11.2929C5.90237 11.6834 5.90237 12.3166 6.29289 12.7071L10.2929 16.7071C10.6834 17.0976 11.3166 17.0976 11.7071 16.7071C12.0976 16.3166 12.0976 15.6834 11.7071 15.2929L9.41421 13H17C17.5523 13 18 12.5523 18 12C18 11.4477 17.5523 11 17 11H9.41421L11.7071 8.70711C12.0976 8.31658 12.0976 7.68342 11.7071 7.29289C11.3166 6.90237 10.6834 6.90237 10.2929 7.29289L6.29289 11.2929Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6.29289 11.2929C5.90237 11.6834 5.90237 12.3166 6.29289 12.7071L10.2929 16.7071C10.6834 17.0976 11.3166 17.0976 11.7071 16.7071C12.0976 16.3166 12.0976 15.6834 11.7071 15.2929L9.41421 13H17C17.5523 13 18 12.5523 18 12C18 11.4477 17.5523 11 17 11H9.41421L11.7071 8.70711C12.0976 8.31658 12.0976 7.68342 11.7071 7.29289C11.3166 6.90237 10.6834 6.90237 10.2929 7.29289L6.29289 11.2929Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(ArrowLeft);

package/es/icon/arrow-right.js

@@ -26,20 +26,24 @@ function ArrowRight(props, ref) {
   {
     component: theme.icons && theme.icons.ArrowRight ? theme.icons.ArrowRight : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6 12C6 12.5523 6.44772 13 7 13H14.5858L12.2929 15.2929C11.9024 15.6834 11.9024 16.3166 12.2929 16.7071C12.6834 17.0976 13.3166 17.0976 13.7071 16.7071L17.7071 12.7071C17.8946 12.5196 18 12.2652 18 12C18 11.7348 17.8946 11.4804 17.7071 11.2929L13.7071 7.29289C13.3166 6.90237 12.6834 6.90237 12.2929 7.29289C11.9024 7.68342 11.9024 8.31658 12.2929 8.70711L14.5858 11H7C6.44772 11 6 11.4477 6 12Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6 12C6 12.5523 6.44772 13 7 13H14.5858L12.2929 15.2929C11.9024 15.6834 11.9024 16.3166 12.2929 16.7071C12.6834 17.0976 13.3166 17.0976 13.7071 16.7071L17.7071 12.7071C17.8946 12.5196 18 12.2652 18 12C18 11.7348 17.8946 11.4804 17.7071 11.2929L13.7071 7.29289C13.3166 6.90237 12.6834 6.90237 12.2929 7.29289C11.9024 7.68342 11.9024 8.31658 12.2929 8.70711L14.5858 11H7C6.44772 11 6 11.4477 6 12Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(ArrowRight);

package/es/icon/arrow-up.js

@@ -26,20 +26,24 @@ function ArrowUp(props, ref) {
   {
     component: theme.icons && theme.icons.ArrowUp ? theme.icons.ArrowUp : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11.2929 6.29289C11.6834 5.90237 12.3166 5.90237 12.7071 6.29289L16.7071 10.2929C17.0976 10.6834 17.0976 11.3166 16.7071 11.7071C16.3166 12.0976 15.6834 12.0976 15.2929 11.7071L13 9.41421V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V9.41421L8.70711 11.7071C8.31658 12.0976 7.68342 12.0976 7.29289 11.7071C6.90237 11.3166 6.90237 10.6834 7.29289 10.2929L11.2929 6.29289Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M11.2929 6.29289C11.6834 5.90237 12.3166 5.90237 12.7071 6.29289L16.7071 10.2929C17.0976 10.6834 17.0976 11.3166 16.7071 11.7071C16.3166 12.0976 15.6834 12.0976 15.2929 11.7071L13 9.41421V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V9.41421L8.70711 11.7071C8.31658 12.0976 7.68342 12.0976 7.29289 11.7071C6.90237 11.3166 6.90237 10.6834 7.29289 10.2929L11.2929 6.29289Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(ArrowUp);

package/es/icon/blank.js

@@ -26,16 +26,20 @@ function Blank(props, ref) {
   {
     component: theme.icons && theme.icons.Blank ? theme.icons.Blank : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(Blank);

package/es/icon/check-indeterminate.js

@@ -26,20 +26,24 @@ function CheckIndeterminate(props, ref) {
   {
     component: theme.icons && theme.icons.CheckIndeterminate ? theme.icons.CheckIndeterminate : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(CheckIndeterminate);