baseui 10.9.1 → 10.11.0

package/icon/arrow-down.js.flow

@@ -8,37 +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 ArrowDown(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {
-    title = 'Arrow Down',
-    size,
-    color,
-    overrides = {},
-    ...restProps
-  } = props;
+  const { title = 'Arrow Down', 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.ArrowDown ? theme.icons.ArrowDown : null,
+      component: theme.icons && theme.icons.ArrowDown ? theme.icons.ArrowDown : 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/arrow-left.js

@@ -56,20 +56,24 @@ function ArrowLeft(props, ref) {
   {
     component: theme.icons && theme.icons.ArrowLeft ? theme.icons.ArrowLeft : 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: "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.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: "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"
+    }))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(ArrowLeft);

package/icon/arrow-left.js.flow

@@ -8,37 +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 ArrowLeft(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {
-    title = 'Arrow Left',
-    size,
-    color,
-    overrides = {},
-    ...restProps
-  } = props;
+  const { title = 'Arrow 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.ArrowLeft ? theme.icons.ArrowLeft : null,
+      component: theme.icons && theme.icons.ArrowLeft ? theme.icons.ArrowLeft : 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/arrow-right.js

@@ -56,20 +56,24 @@ function ArrowRight(props, ref) {
   {
     component: theme.icons && theme.icons.ArrowRight ? theme.icons.ArrowRight : 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: "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.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: "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"
+    }))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(ArrowRight);

package/icon/arrow-right.js.flow

@@ -8,37 +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 ArrowRight(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {
-    title = 'Arrow Right',
-    size,
-    color,
-    overrides = {},
-    ...restProps
-  } = props;
+  const { title = 'Arrow 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.ArrowRight ? theme.icons.ArrowRight : null,
+      component: theme.icons && theme.icons.ArrowRight ? theme.icons.ArrowRight : 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/arrow-up.js

@@ -56,20 +56,24 @@ function ArrowUp(props, ref) {
   {
     component: theme.icons && theme.icons.ArrowUp ? theme.icons.ArrowUp : 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.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.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.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"
+    }))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(ArrowUp);

package/icon/arrow-up.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 ArrowUp(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Arrow Up', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Arrow 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.ArrowUp ? theme.icons.ArrowUp : null,
+      component: theme.icons && theme.icons.ArrowUp ? theme.icons.ArrowUp : 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/blank.js

@@ -56,16 +56,20 @@ function Blank(props, ref) {
   {
     component: theme.icons && theme.icons.Blank ? theme.icons.Blank : 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));
+  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))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(Blank);

package/icon/blank.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 Blank(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Blank', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Blank', 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.Blank ? theme.icons.Blank : 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}
     ></Icon>
   );

package/icon/build-icons.js.flow

@@ -18,17 +18,11 @@ function capitalize(str) {
 }
 
 function pascalCase(str) {
-  return str
-    .split('-')
-    .map(capitalize)
-    .join('');
+  return str.split('-').map(capitalize).join('');
 }
 
 function titleCase(str) {
-  return str
-    .split('-')
-    .map(capitalize)
-    .join(' ');
+  return str.split('-').map(capitalize).join(' ');
 }
 
 // handle the exception from Chevrons, where we do not want the word Chevron in the title
@@ -51,10 +45,8 @@ function reactify(svgString) {
 }
 
 function cleanOldIcons() {
-  const allJsFiles = fs
-    .readdirSync(path.resolve(__dirname))
-    .filter(f => f.endsWith('.js'));
-  allJsFiles.forEach(f => {
+  const allJsFiles = fs.readdirSync(path.resolve(__dirname)).filter((f) => f.endsWith('.js'));
+  allJsFiles.forEach((f) => {
     if (
       fs
         .readFileSync(path.resolve(__dirname, f), 'utf8')
@@ -66,27 +58,20 @@ function cleanOldIcons() {
 }
 
 async function generateNewIcons() {
-  const iconTemplate = fs.readFileSync(
-    path.resolve(__dirname, './icon-template.txt'),
-    'utf8',
-  );
-  const svgs = fs
-    .readdirSync(path.resolve(__dirname, './svg'))
-    .filter(f => f.endsWith('.svg'));
+  const iconTemplate = fs.readFileSync(path.resolve(__dirname, './icon-template.txt'), 'utf8');
+  const svgs = fs.readdirSync(path.resolve(__dirname, './svg')).filter((f) => f.endsWith('.svg'));
 
   const prettierOptions = (await prettier.resolveConfig(__dirname)) || {};
   const iconExports = [];
 
-  svgs.forEach(async svgFilename => {
+  svgs.forEach(async (svgFilename) => {
     const svgFile = svgFilename.split('.')[0];
     const componentName = pascalCase(svgFile);
-    iconExports.push(
-      `export {default as ${componentName}} from './${svgFile}.js';`,
-    );
+    iconExports.push(`export {default as ${componentName}} from './${svgFile}.js';`);
 
     const svgFileContents = fs.readFileSync(
       path.resolve(__dirname, `./svg/${svgFilename}`),
-      'utf8',
+      'utf8'
     );
 
     const title = removeChevronFromTitle(titleCase(svgFile));
@@ -102,20 +87,20 @@ async function generateNewIcons() {
       .replace(new RegExp('%%SVG_TITLE%%', 'g'), title)
       .replace(
         new RegExp('%%SVG_VIEWBOX%%', 'g'),
-        viewBox && viewboxRegex[1] ? `viewBox="${viewBox}"` : '',
+        viewBox && viewboxRegex[1] ? `viewBox="${viewBox}"` : ''
       );
 
     fs.writeFileSync(
       path.resolve(__dirname, `./${svgFile}.js`),
-      prettier.format(result, {parser: 'flow', ...prettierOptions}),
+      prettier.format(result, { parser: 'flow', ...prettierOptions })
     );
   });
 
   fs.writeFileSync(
     path.resolve(__dirname, `./icon-exports.js`),
     `/*\nCopyright (c) Uber Technologies, Inc.\n\nThis source code is licensed under the MIT license found in the\nLICENSE file in the root directory of this source tree.\n*/\n// @flow\n${iconExports.join(
-      '\n',
-    )}\n`,
+      '\n'
+    )}\n`
   );
 
   // eslint-disable-next-line no-console

package/icon/check-indeterminate.js

@@ -56,20 +56,24 @@ function CheckIndeterminate(props, ref) {
   {
     component: theme.icons && theme.icons.CheckIndeterminate ? theme.icons.CheckIndeterminate : 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: "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.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: "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"
+    }))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(CheckIndeterminate);

package/icon/check-indeterminate.js.flow

@@ -8,39 +8,32 @@ 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 CheckIndeterminate(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {
-    title = 'Check Indeterminate',
-    size,
-    color,
-    overrides = {},
-    ...restProps
-  } = props;
+  const { title = 'Check Indeterminate', 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.CheckIndeterminate
-          ? theme.icons.CheckIndeterminate
-          : null,
+        theme.icons && theme.icons.CheckIndeterminate ? theme.icons.CheckIndeterminate : 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/check.js

@@ -56,20 +56,24 @@ function Check(props, ref) {
   {
     component: theme.icons && theme.icons.Check ? theme.icons.Check : 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: "M17.6 7.20006C18.0418 7.53143 18.1314 8.15823 17.8 8.60006L11.8 16.6001C11.6261 16.832 11.3601 16.977 11.0709 16.9975C10.7817 17.0181 10.4979 16.9122 10.2929 16.7072L7.29289 13.7072C6.90237 13.3166 6.90237 12.6835 7.29289 12.293C7.68342 11.9024 8.31658 11.9024 8.70711 12.293L10.8918 14.4777L16.2 7.40006C16.5314 6.95823 17.1582 6.86869 17.6 7.20006Z"
-  }));
+  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: "M17.6 7.20006C18.0418 7.53143 18.1314 8.15823 17.8 8.60006L11.8 16.6001C11.6261 16.832 11.3601 16.977 11.0709 16.9975C10.7817 17.0181 10.4979 16.9122 10.2929 16.7072L7.29289 13.7072C6.90237 13.3166 6.90237 12.6835 7.29289 12.293C7.68342 11.9024 8.31658 11.9024 8.70711 12.293L10.8918 14.4777L16.2 7.40006C16.5314 6.95823 17.1582 6.86869 17.6 7.20006Z"
+    }))
+  );
 }
 
 var _default = /*#__PURE__*/React.forwardRef(Check);

package/icon/check.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 Check(props: IconPropsT, ref) {
   const [, theme] = useStyletron();
-  const {title = 'Check', size, color, overrides = {}, ...restProps} = props;
+  const { title = 'Check', 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.Check ? theme.icons.Check : 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