baseui 0.0.0-next-2aecb6f → 0.0.0-next-aad2baf

package/icon/chevron-left.js.flow

@@ -8,22 +8,21 @@ 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 ChevronLeft(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Left', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Left', 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.ChevronLeft ? theme.icons.ChevronLeft : null,
+      component: theme.icons && theme.icons.ChevronLeft ? theme.icons.ChevronLeft : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
     // $FlowExpectedError[cannot-spread-inexact]
@@ -33,7 +32,7 @@ function ChevronLeft(props: IconPropsT, ref) {
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path

package/icon/chevron-right.js.flow

@@ -8,24 +8,21 @@ 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 ChevronRight(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Right', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Right', 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.ChevronRight
-          ? theme.icons.ChevronRight
-          : null,
+      component: theme.icons && theme.icons.ChevronRight ? theme.icons.ChevronRight : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
     // $FlowExpectedError[cannot-spread-inexact]
@@ -35,7 +32,7 @@ function ChevronRight(props: IconPropsT, ref) {
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path

package/icon/chevron-up.js.flow

@@ -8,22 +8,21 @@ 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 ChevronUp(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Up', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Up', 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.ChevronUp ? theme.icons.ChevronUp : null,
+      component: theme.icons && theme.icons.ChevronUp ? theme.icons.ChevronUp : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
     // $FlowExpectedError[cannot-spread-inexact]
@@ -33,7 +32,7 @@ function ChevronUp(props: IconPropsT, ref) {
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path

package/icon/delete-alt.js.flow

@@ -8,28 +8,21 @@ 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 DeleteAlt(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {
-    title = 'Delete Alt',
-    size,
-    color,
-    overrides = {},
-    ...restProps
-  } = props;
+  const { title = 'Delete Alt', 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.DeleteAlt ? theme.icons.DeleteAlt : null,
+      component: theme.icons && theme.icons.DeleteAlt ? theme.icons.DeleteAlt : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
     // $FlowExpectedError[cannot-spread-inexact]
@@ -39,7 +32,7 @@ function DeleteAlt(props: IconPropsT, ref) {
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path

package/icon/delete.js.flow

@@ -8,21 +8,21 @@ 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 Delete(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Delete', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Delete', 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.Delete ? theme.icons.Delete : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
     // $FlowExpectedError[cannot-spread-inexact]
@@ -32,7 +32,7 @@ function Delete(props: IconPropsT, ref) {
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path

package/icon/filter.js.flow

@@ -8,21 +8,21 @@ 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 Filter(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Filter', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Filter', 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.Filter ? theme.icons.Filter : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
     // $FlowExpectedError[cannot-spread-inexact]
@@ -32,7 +32,7 @@ function Filter(props: IconPropsT, ref) {
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <rect x="7" y="11" width="10" height="2" rx="1" />

package/icon/grab.js.flow

@@ -8,21 +8,21 @@ 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]
@@ -32,7 +32,7 @@ function Grab(props: IconPropsT, ref) {
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path

package/icon/hide.js.flow

@@ -8,21 +8,21 @@ 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]
@@ -32,7 +32,7 @@ function Hide(props: IconPropsT, 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.flow

@@ -8,21 +8,21 @@ 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]
@@ -32,7 +32,7 @@ function Menu(props: IconPropsT, 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.flow

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

package/icon/overflow.js.flow

@@ -8,22 +8,21 @@ 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]
@@ -33,7 +32,7 @@ function Overflow(props: IconPropsT, 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.flow

@@ -8,21 +8,21 @@ 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]
@@ -32,7 +32,7 @@ function Plus(props: IconPropsT, ref) {
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path

package/icon/search.js.flow

@@ -8,21 +8,21 @@ 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]
@@ -32,7 +32,7 @@ function Search(props: IconPropsT, ref) {
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path

package/icon/show.js.flow

@@ -8,21 +8,21 @@ 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 Show(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Show', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Show', 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.Show ? theme.icons.Show : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
     // $FlowExpectedError[cannot-spread-inexact]
@@ -32,7 +32,7 @@ function Show(props: IconPropsT, ref) {
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <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" />

package/icon/spinner.js.flow

@@ -8,22 +8,21 @@ 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 Spinner(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Spinner', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Spinner', 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.Spinner ? theme.icons.Spinner : null,
+      component: theme.icons && theme.icons.Spinner ? theme.icons.Spinner : null,
     },
-    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {},
+    overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {}
   );
   return (
     // $FlowExpectedError[cannot-spread-inexact]
@@ -33,7 +32,7 @@ function Spinner(props: IconPropsT, ref) {
       title={title}
       size={size}
       color={color}
-      overrides={{Svg: SvgOverride}}
+      overrides={{ Svg: SvgOverride }}
       {...restProps}
     >
       <path