baseui 10.10.0 → 10.11.0

package/icon/grab.js.flow

@@ -8,30 +8,31 @@ LICENSE file in the root directory of this source tree.
 // BASEUI-GENERATED-REACT-ICON
 // DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
 import * as React from 'react';
-import {useStyletron} from '../styles/index.js';
-import {mergeOverride, toObjectOverride} from '../helpers/overrides.js';
+import { useStyletron } from '../styles/index.js';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides.js';
 
 import Icon from './icon.js';
-import type {IconPropsT} from './types.js';
+import type { IconPropsT } from './types.js';
 
 function Grab(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Grab', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Grab', size, color, overrides = {}, ...restProps } = props;
   const SvgOverride = mergeOverride(
     // Icons from the theme target the SVG override in the underlying Icon component
     {
       component: theme.icons && theme.icons.Grab ? theme.icons.Grab : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
+    // $FlowExpectedError[cannot-spread-inexact]
     <Icon
       viewBox="0 0 24 24"
       ref={ref}
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path

package/icon/hide.js

@@ -56,18 +56,22 @@ function Hide(props, ref) {
   {
     component: theme.icons && theme.icons.Hide ? theme.icons.Hide : null
   }, overrides && overrides.Svg ? (0, _overrides.toObjectOverride)(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(_icon.default, _extends({
-    viewBox: "0 0 20 20",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    d: "M12.81 4.36l-1.77 1.78a4 4 0 00-4.9 4.9l-2.76 2.75C2.06 12.79.96 11.49.2 10a11 11 0 0112.6-5.64zm3.8 1.85c1.33 1 2.43 2.3 3.2 3.79a11 11 0 01-12.62 5.64l1.77-1.78a4 4 0 004.9-4.9l2.76-2.75zm-.25-3.99l1.42 1.42L3.64 17.78l-1.42-1.42L16.36 2.22z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(_icon.default, _extends({
+      viewBox: "0 0 20 20",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: "M12.81 4.36l-1.77 1.78a4 4 0 00-4.9 4.9l-2.76 2.75C2.06 12.79.96 11.49.2 10a11 11 0 0112.6-5.64zm3.8 1.85c1.33 1 2.43 2.3 3.2 3.79a11 11 0 01-12.62 5.64l1.77-1.78a4 4 0 004.9-4.9l2.76-2.75zm-.25-3.99l1.42 1.42L3.64 17.78l-1.42-1.42L16.36 2.22z"
+    }))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(Hide);

package/icon/hide.js.flow

@@ -8,30 +8,31 @@ LICENSE file in the root directory of this source tree.
 // BASEUI-GENERATED-REACT-ICON
 // DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
 import * as React from 'react';
-import {useStyletron} from '../styles/index.js';
-import {mergeOverride, toObjectOverride} from '../helpers/overrides.js';
+import { useStyletron } from '../styles/index.js';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides.js';
 
 import Icon from './icon.js';
-import type {IconPropsT} from './types.js';
+import type { IconPropsT } from './types.js';
 
 function Hide(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Hide', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Hide', size, color, overrides = {}, ...restProps } = props;
   const SvgOverride = mergeOverride(
     // Icons from the theme target the SVG override in the underlying Icon component
     {
       component: theme.icons && theme.icons.Hide ? theme.icons.Hide : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
+    // $FlowExpectedError[cannot-spread-inexact]
     <Icon
       viewBox="0 0 20 20"
       ref={ref}
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path d="M12.81 4.36l-1.77 1.78a4 4 0 00-4.9 4.9l-2.76 2.75C2.06 12.79.96 11.49.2 10a11 11 0 0112.6-5.64zm3.8 1.85c1.33 1 2.43 2.3 3.2 3.79a11 11 0 01-12.62 5.64l1.77-1.78a4 4 0 004.9-4.9l2.76-2.75zm-.25-3.99l1.42 1.42L3.64 17.78l-1.42-1.42L16.36 2.22z" />

package/icon/icon-exports.js.flow

@@ -5,34 +5,34 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-export {default as Alert} from './alert.js';
-export {default as ArrowDown} from './arrow-down.js';
-export {default as ArrowLeft} from './arrow-left.js';
-export {default as ArrowRight} from './arrow-right.js';
-export {default as ArrowUp} from './arrow-up.js';
-export {default as Blank} from './blank.js';
-export {default as CheckIndeterminate} from './check-indeterminate.js';
-export {default as Check} from './check.js';
-export {default as ChevronDown} from './chevron-down.js';
-export {default as ChevronLeft} from './chevron-left.js';
-export {default as ChevronRight} from './chevron-right.js';
-export {default as ChevronUp} from './chevron-up.js';
-export {default as DeleteAlt} from './delete-alt.js';
-export {default as Delete} from './delete.js';
-export {default as Filter} from './filter.js';
-export {default as Grab} from './grab.js';
-export {default as Hide} from './hide.js';
-export {default as Menu} from './menu.js';
-export {default as Overflow} from './overflow.js';
-export {default as Plus} from './plus.js';
-export {default as Search} from './search.js';
-export {default as Show} from './show.js';
-export {default as Spinner} from './spinner.js';
-export {default as TriangleDown} from './triangle-down.js';
-export {default as TriangleLeft} from './triangle-left.js';
-export {default as TriangleRight} from './triangle-right.js';
-export {default as TriangleUp} from './triangle-up.js';
-export {default as Upload} from './upload.js';
+export { default as Alert } from './alert.js';
+export { default as ArrowDown } from './arrow-down.js';
+export { default as ArrowLeft } from './arrow-left.js';
+export { default as ArrowRight } from './arrow-right.js';
+export { default as ArrowUp } from './arrow-up.js';
+export { default as Blank } from './blank.js';
+export { default as CheckIndeterminate } from './check-indeterminate.js';
+export { default as Check } from './check.js';
+export { default as ChevronDown } from './chevron-down.js';
+export { default as ChevronLeft } from './chevron-left.js';
+export { default as ChevronRight } from './chevron-right.js';
+export { default as ChevronUp } from './chevron-up.js';
+export { default as DeleteAlt } from './delete-alt.js';
+export { default as Delete } from './delete.js';
+export { default as Filter } from './filter.js';
+export { default as Grab } from './grab.js';
+export { default as Hide } from './hide.js';
+export { default as Menu } from './menu.js';
+export { default as Overflow } from './overflow.js';
+export { default as Plus } from './plus.js';
+export { default as Search } from './search.js';
+export { default as Show } from './show.js';
+export { default as Spinner } from './spinner.js';
+export { default as TriangleDown } from './triangle-down.js';
+export { default as TriangleLeft } from './triangle-left.js';
+export { default as TriangleRight } from './triangle-right.js';
+export { default as TriangleUp } from './triangle-up.js';
+export { default as Upload } from './upload.js';
 
 declare var __DEV__: boolean;
 declare var __NODE__: boolean;

package/icon/icon.js.flow

@@ -6,13 +6,13 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import * as React from 'react';
-import {getOverrides} from '../helpers/overrides.js';
-import {Svg as StyledSvg} from './styled-components.js';
+import { getOverrides } from '../helpers/overrides.js';
+import { Svg as StyledSvg } from './styled-components.js';
 import omitDollarPrefixedKeys from './omit-dollar-prefixed-keys.js';
-import type {IconPropsT} from './types.js';
+import type { IconPropsT } from './types.js';
 
 function Icon(props: IconPropsT, ref) {
-  const {children, title, size, color, overrides = {}, ...restProps} = props;
+  const { children, title, size, color, overrides = {}, ...restProps } = props;
   const [Svg, overrideProps] = getOverrides(overrides.Svg, StyledSvg);
   // Determine how/which props are passed based on if the component is a Styletron component.
   // $FlowFixMe: __STYLETRON__ not in React.AbstractcomponentStatics

package/icon/index.js.flow

@@ -5,8 +5,8 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-export {default as Icon} from './icon.js';
-export {Svg as StyledSvg} from './styled-components.js';
+export { default as Icon } from './icon.js';
+export { Svg as StyledSvg } from './styled-components.js';
 export * from './icon-exports.js';
 export type * from './types.js';
 

package/icon/menu.js

@@ -56,34 +56,38 @@ function Menu(props, ref) {
   {
     component: theme.icons && theme.icons.Menu ? theme.icons.Menu : null
   }, overrides && overrides.Svg ? (0, _overrides.toObjectOverride)(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(_icon.default, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("rect", {
-    x: "4",
-    y: "11",
-    width: "16",
-    height: "2",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "4",
-    y: "5",
-    width: "16",
-    height: "2",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "4",
-    y: "17",
-    width: "16",
-    height: "2",
-    rx: "1"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(_icon.default, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("rect", {
+      x: "4",
+      y: "11",
+      width: "16",
+      height: "2",
+      rx: "1"
+    }), /*#__PURE__*/React.createElement("rect", {
+      x: "4",
+      y: "5",
+      width: "16",
+      height: "2",
+      rx: "1"
+    }), /*#__PURE__*/React.createElement("rect", {
+      x: "4",
+      y: "17",
+      width: "16",
+      height: "2",
+      rx: "1"
+    }))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(Menu);

package/icon/menu.js.flow

@@ -8,30 +8,31 @@ LICENSE file in the root directory of this source tree.
 // BASEUI-GENERATED-REACT-ICON
 // DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
 import * as React from 'react';
-import {useStyletron} from '../styles/index.js';
-import {mergeOverride, toObjectOverride} from '../helpers/overrides.js';
+import { useStyletron } from '../styles/index.js';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides.js';
 
 import Icon from './icon.js';
-import type {IconPropsT} from './types.js';
+import type { IconPropsT } from './types.js';
 
 function Menu(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Menu', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Menu', size, color, overrides = {}, ...restProps } = props;
   const SvgOverride = mergeOverride(
     // Icons from the theme target the SVG override in the underlying Icon component
     {
       component: theme.icons && theme.icons.Menu ? theme.icons.Menu : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
+    // $FlowExpectedError[cannot-spread-inexact]
     <Icon
       viewBox="0 0 24 24"
       ref={ref}
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <rect x="4" y="11" width="16" height="2" rx="1" />

package/icon/omit-dollar-prefixed-keys.js

@@ -11,7 +11,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.
 */
-// eslint-disable-next-line flowtype/no-weak-types
+// flowlint-next-line unclear-type:off
 function omitDollarPrefixedKeys(source) {
   var result = {};
 

package/icon/omit-dollar-prefixed-keys.js.flow

@@ -7,8 +7,8 @@ LICENSE file in the root directory of this source tree.
 
 // @flow
 
-// eslint-disable-next-line flowtype/no-weak-types
-export default function omitDollarPrefixedKeys(source: {[string]: any}) {
+// flowlint-next-line unclear-type:off
+export default function omitDollarPrefixedKeys(source: { [string]: any }) {
   const result = {};
 
   for (const key in source) {

package/icon/overflow.js

@@ -56,28 +56,32 @@ function Overflow(props, ref) {
   {
     component: theme.icons && theme.icons.Overflow ? theme.icons.Overflow : null
   }, overrides && overrides.Svg ? (0, _overrides.toObjectOverride)(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(_icon.default, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("circle", {
-    cx: "6",
-    cy: "12",
-    r: "2"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "2"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "18",
-    cy: "12",
-    r: "2"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(_icon.default, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("circle", {
+      cx: "6",
+      cy: "12",
+      r: "2"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: "12",
+      cy: "12",
+      r: "2"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: "18",
+      cy: "12",
+      r: "2"
+    }))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(Overflow);

package/icon/overflow.js.flow

@@ -8,31 +8,31 @@ LICENSE file in the root directory of this source tree.
 // BASEUI-GENERATED-REACT-ICON
 // DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
 import * as React from 'react';
-import {useStyletron} from '../styles/index.js';
-import {mergeOverride, toObjectOverride} from '../helpers/overrides.js';
+import { useStyletron } from '../styles/index.js';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides.js';
 
 import Icon from './icon.js';
-import type {IconPropsT} from './types.js';
+import type { IconPropsT } from './types.js';
 
 function Overflow(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Overflow', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Overflow', size, color, overrides = {}, ...restProps } = props;
   const SvgOverride = mergeOverride(
     // Icons from the theme target the SVG override in the underlying Icon component
     {
-      component:
-        theme.icons && theme.icons.Overflow ? theme.icons.Overflow : null,
+      component: theme.icons && theme.icons.Overflow ? theme.icons.Overflow : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
+    // $FlowExpectedError[cannot-spread-inexact]
     <Icon
       viewBox="0 0 24 24"
       ref={ref}
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <circle cx="6" cy="12" r="2" />

package/icon/plus.js

@@ -56,20 +56,24 @@ function Plus(props, ref) {
   {
     component: theme.icons && theme.icons.Plus ? theme.icons.Plus : null
   }, overrides && overrides.Svg ? (0, _overrides.toObjectOverride)(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(_icon.default, _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 5C12.5523 5 13 5.44772 13 6V11L18 11C18.5523 11 19 11.4477 19 12C19 12.5523 18.5523 13 18 13L13 13V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V13L6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44771 11 6 11L11 11V6C11 5.44772 11.4477 5 12 5Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(_icon.default, _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 5C12.5523 5 13 5.44772 13 6V11L18 11C18.5523 11 19 11.4477 19 12C19 12.5523 18.5523 13 18 13L13 13V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V13L6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44771 11 6 11L11 11V6C11 5.44772 11.4477 5 12 5Z"
+    }))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(Plus);

package/icon/plus.js.flow

@@ -8,30 +8,31 @@ LICENSE file in the root directory of this source tree.
 // BASEUI-GENERATED-REACT-ICON
 // DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
 import * as React from 'react';
-import {useStyletron} from '../styles/index.js';
-import {mergeOverride, toObjectOverride} from '../helpers/overrides.js';
+import { useStyletron } from '../styles/index.js';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides.js';
 
 import Icon from './icon.js';
-import type {IconPropsT} from './types.js';
+import type { IconPropsT } from './types.js';
 
 function Plus(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Plus', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Plus', size, color, overrides = {}, ...restProps } = props;
   const SvgOverride = mergeOverride(
     // Icons from the theme target the SVG override in the underlying Icon component
     {
       component: theme.icons && theme.icons.Plus ? theme.icons.Plus : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
+    // $FlowExpectedError[cannot-spread-inexact]
     <Icon
       viewBox="0 0 24 24"
       ref={ref}
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path

package/icon/search.js

@@ -56,20 +56,24 @@ function Search(props, ref) {
   {
     component: theme.icons && theme.icons.Search ? theme.icons.Search : null
   }, overrides && overrides.Svg ? (0, _overrides.toObjectOverride)(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(_icon.default, _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 6C8.79086 6 7 7.79086 7 10C7 12.2091 8.79086 14 11 14C13.2091 14 15 12.2091 15 10C15 7.79086 13.2091 6 11 6ZM5 10C5 6.68629 7.68629 4 11 4C14.3137 4 17 6.68629 17 10C17 11.2958 16.5892 12.4957 15.8907 13.4765L19.7071 17.2929C20.0976 17.6834 20.0976 18.3166 19.7071 18.7071C19.3166 19.0976 18.6834 19.0976 18.2929 18.7071L14.4765 14.8907C13.4957 15.5892 12.2958 16 11 16C7.68629 16 5 13.3137 5 10Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(_icon.default, _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 6C8.79086 6 7 7.79086 7 10C7 12.2091 8.79086 14 11 14C13.2091 14 15 12.2091 15 10C15 7.79086 13.2091 6 11 6ZM5 10C5 6.68629 7.68629 4 11 4C14.3137 4 17 6.68629 17 10C17 11.2958 16.5892 12.4957 15.8907 13.4765L19.7071 17.2929C20.0976 17.6834 20.0976 18.3166 19.7071 18.7071C19.3166 19.0976 18.6834 19.0976 18.2929 18.7071L14.4765 14.8907C13.4957 15.5892 12.2958 16 11 16C7.68629 16 5 13.3137 5 10Z"
+    }))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(Search);

package/icon/search.js.flow

@@ -8,30 +8,31 @@ LICENSE file in the root directory of this source tree.
 // BASEUI-GENERATED-REACT-ICON
 // DO NOT EDIT THIS FILE DIRECTLY, SEE README.md
 import * as React from 'react';
-import {useStyletron} from '../styles/index.js';
-import {mergeOverride, toObjectOverride} from '../helpers/overrides.js';
+import { useStyletron } from '../styles/index.js';
+import { mergeOverride, toObjectOverride } from '../helpers/overrides.js';
 
 import Icon from './icon.js';
-import type {IconPropsT} from './types.js';
+import type { IconPropsT } from './types.js';
 
 function Search(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Search', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Search', size, color, overrides = {}, ...restProps } = props;
   const SvgOverride = mergeOverride(
     // Icons from the theme target the SVG override in the underlying Icon component
     {
       component: theme.icons && theme.icons.Search ? theme.icons.Search : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
+    // $FlowExpectedError[cannot-spread-inexact]
     <Icon
       viewBox="0 0 24 24"
       ref={ref}
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path

package/icon/show.js

@@ -56,18 +56,22 @@ function Show(props, ref) {
   {
     component: theme.icons && theme.icons.Show ? theme.icons.Show : null
   }, overrides && overrides.Svg ? (0, _overrides.toObjectOverride)(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(_icon.default, _extends({
-    viewBox: "0 0 20 20",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    d: "M.2 10a11 11 0 0119.6 0A11 11 0 01.2 10zm9.8 4a4 4 0 100-8 4 4 0 000 8zm0-2a2 2 0 110-4 2 2 0 010 4z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(_icon.default, _extends({
+      viewBox: "0 0 20 20",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: "M.2 10a11 11 0 0119.6 0A11 11 0 01.2 10zm9.8 4a4 4 0 100-8 4 4 0 000 8zm0-2a2 2 0 110-4 2 2 0 010 4z"
+    }))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(Show);