baseui 10.10.0 → 10.11.0

package/helper/stateful-helper.js.flow

@@ -15,16 +15,16 @@ import {
   PLACEMENT,
   TRIGGER_TYPE,
 } from '../popover/index.js';
-import {POPOVER_MARGIN} from '../popover/constants.js';
+import { POPOVER_MARGIN } from '../popover/constants.js';
 
-import {Helper} from './helper.js';
-import type {StatefulPropsT} from './types.js';
+import { Helper } from './helper.js';
+import type { StatefulPropsT } from './types.js';
 
 export function StatefulHelper(props: StatefulPropsT) {
-  const {children, ...restProps} = props;
+  const { children, ...restProps } = props;
   return (
     <StatefulContainer {...restProps}>
-      {helperProps => <Helper {...helperProps}>{children}</Helper>}
+      {(helperProps) => <Helper {...helperProps}>{children}</Helper>}
     </StatefulContainer>
   );
 }

package/helper/styled-components.js.flow

@@ -7,16 +7,12 @@ LICENSE file in the root directory of this source tree.
 
 // @flow
 
-import {styled} from '../styles/index.js';
+import { styled } from '../styles/index.js';
 
-import {PLACEMENT} from '../popover/constants.js';
-import type {
-  OffsetT,
-  PopoverPlacementT,
-  SharedStylePropsArgT,
-} from '../popover/types.js';
-import {getBodyStyles} from '../popover/styled-components.js';
-import {getPopoverMarginStyles, splitPlacement} from '../popover/utils.js';
+import { PLACEMENT } from '../popover/constants.js';
+import type { OffsetT, PopoverPlacementT, SharedStylePropsArgT } from '../popover/types.js';
+import { getBodyStyles } from '../popover/styled-components.js';
+import { getPopoverMarginStyles, splitPlacement } from '../popover/utils.js';
 
 const CLAMP_ARROW_SIZE = 16;
 
@@ -128,11 +124,7 @@ function position(offsets, placement, width, height) {
   return {};
 }
 
-function clampArrowStyle(
-  offsets: OffsetT,
-  placement: PopoverPlacementT,
-  color: string,
-) {
+function clampArrowStyle(offsets: OffsetT, placement: PopoverPlacementT, color: string) {
   if (placement === PLACEMENT.auto) {
     return {};
   } else if (
@@ -148,7 +140,7 @@ function clampArrowStyle(
       width: `${w}px`,
       height: `${h}px`,
       background: `conic-gradient(from ${conicGradientDegStart(
-        placement,
+        placement
       )}deg at ${x}% ${y}%, ${color} 0%, ${color} 25%, transparent 25%, transparent 100%)`,
       ...position(offsets, placement, w, h),
     };
@@ -159,32 +151,28 @@ function clampArrowStyle(
       width: `${w}px`,
       height: `${h}px`,
       background: `linear-gradient(${linearGradientDirection(
-        placement,
+        placement
       )}, transparent 0%, transparent 50%, ${color} 50%, ${color} 100%)`,
       ...position(offsets, placement, w, h),
     };
   }
 }
 
-export const StyledBody = styled<SharedStylePropsArgT>('div', props => {
+export const StyledBody = styled<SharedStylePropsArgT>('div', (props) => {
   return {
     ...getBodyStyles(props),
     ...getPopoverMarginStyles(
       props.$showArrow ? CLAMP_ARROW_SIZE : 0,
       props.$placement,
-      props.$popoverMargin,
+      props.$popoverMargin
     ),
     backgroundColor: props.$theme.colors.backgroundPrimary,
   };
 });
 
-export const StyledArrow = styled<SharedStylePropsArgT>('div', props => {
+export const StyledArrow = styled<SharedStylePropsArgT>('div', (props) => {
   return {
-    ...clampArrowStyle(
-      props.$arrowOffset,
-      props.$placement,
-      props.$theme.colors.backgroundPrimary,
-    ),
+    ...clampArrowStyle(props.$arrowOffset, props.$placement, props.$theme.colors.backgroundPrimary),
   };
 });
 

package/helpers/base-provider.js.flow

@@ -6,13 +6,13 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import * as React from 'react';
-import {UIDReset} from 'react-uid';
-import {LayersManager} from '../layer/index.js';
-import {ThemeProvider} from '../styles/index.js';
-import type {BaseProviderPropsT} from './types.js';
+import { UIDReset } from 'react-uid';
+import { LayersManager } from '../layer/index.js';
+import { ThemeProvider } from '../styles/index.js';
+import type { BaseProviderPropsT } from './types.js';
 
 const BaseProvider = (props: BaseProviderPropsT) => {
-  const {children, overrides, theme, zIndex} = props;
+  const { children, overrides, theme, zIndex } = props;
   return (
     <LayersManager zIndex={zIndex} overrides={overrides}>
       <UIDReset prefix="bui">

package/helpers/i18n-interpolation.js.flow

@@ -10,10 +10,10 @@ LICENSE file in the root directory of this source tree.
 // getInterpolatedString('Selected date is ${date}', 'Jan 1, 2020') => 'Selected date is Jan 1, 2020'
 export default function getInterpolatedString(
   translation: string,
-  interpolations: {[string]: string} = {},
+  interpolations: { [string]: string } = {}
 ): string {
   return translation.replace(/\${(.*?)}/g, (_, k) =>
-    interpolations[k] === undefined ? '${' + k + '}' : interpolations[k],
+    interpolations[k] === undefined ? '${' + k + '}' : interpolations[k]
   );
 }
 

package/helpers/overrides.js

@@ -37,7 +37,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 /**
  * 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
 function getOverride(override) {
   if ((0, _reactIs.isValidElementType)(override)) {
     return override;
@@ -47,7 +47,7 @@ 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
 
@@ -63,15 +63,18 @@ function getOverride(override) {
 function getOverrideProps(override) {
   if (override && _typeof(override) === 'object') {
     if (_typeof(override.props) === 'object') {
+      //$FlowFixMe
       return _objectSpread(_objectSpread({}, override.props), {}, {
         $style: override.style
       });
     } else {
+      //$FlowFixMe
       return {
         $style: override.style
       };
     }
-  }
+  } //$FlowFixMe
+
 
   return {};
 }
@@ -84,13 +87,13 @@ function getOverrideProps(override) {
 function toObjectOverride(override) {
   if ((0, _reactIs.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 || {};
@@ -99,7 +102,7 @@ function toObjectOverride(override) {
  * Get a convenient override array that will always have [component, props]
  */
 
-/* eslint-disable flowtype/no-weak-types */
+/* flowlint unclear-type:off */
 
 
 function getOverrides(override, defaultComponent) {
@@ -120,14 +123,15 @@ function getOverrides(override, defaultComponent) {
         ref: ref
       }, nextProps));
     });
-    DynamicOverride.displayName = Component.displayName;
+    DynamicOverride.displayName = Component.displayName; //$FlowFixMe
+
     return [DynamicOverride, {}];
   }
 
   var 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
@@ -191,7 +195,7 @@ function mergeConfigurationOverrides(target, source) {
 function useOverrides(defaults) {
   var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return React.useMemo(function () {
-    return (// eslint-disable-next-line flowtype/no-weak-types
+    return (// flowlint-next-line unclear-type:off
       Object.keys(defaults).reduce(function (obj, key) {
         obj[key] = getOverrides(overrides[key], defaults[key]);
         return obj;

package/helpers/overrides.js.flow

@@ -7,26 +7,24 @@ LICENSE file in the root directory of this source tree.
 // @flow
 /* eslint-disable cup/no-undef */
 import * as React from 'react';
-import {isValidElementType} from 'react-is';
+import { isValidElementType } from 'react-is';
 import deepMerge from '../utils/deep-merge.js';
 
 export type ConfigurationOverrideFunctionT = ({}) => ?{};
 export type ConfigurationOverrideObjectT = {};
 
-export type ConfigurationOverrideT =
-  | ConfigurationOverrideObjectT
-  | ConfigurationOverrideFunctionT;
+export type ConfigurationOverrideT = ConfigurationOverrideObjectT | ConfigurationOverrideFunctionT;
 
 export type StyleOverrideT = ConfigurationOverrideT;
 
 export type OverrideObjectT = {|
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   component?: ?React.ComponentType<any>,
   props?: ?ConfigurationOverrideT,
   style?: ?ConfigurationOverrideT,
 |};
 
-// eslint-disable-next-line flowtype/no-weak-types
+// flowlint-next-line unclear-type:off
 export type OverrideT = OverrideObjectT | React.ComponentType<any>;
 
 export type OverridesT = {
@@ -36,7 +34,7 @@ export type OverridesT = {
 /**
  * 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: any): any {
   if (isValidElementType(override)) {
     return override;
@@ -46,7 +44,7 @@ export function getOverride(override: any): any {
   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: any).component;
   }
 
@@ -58,19 +56,22 @@ export function getOverride(override: any): any {
  * Given an override argument, returns the override props that should be passed
  * to the component when rendering it.
  */
-export function getOverrideProps(override: ?OverrideT) {
+export function getOverrideProps<T>(override: ?OverrideT): T {
   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 {};
 }
 
@@ -81,7 +82,7 @@ export function getOverrideProps(override: ?OverrideT) {
 export function toObjectOverride<T>(override: OverrideT): OverrideObjectT {
   if (isValidElementType(override)) {
     return {
-      // eslint-disable-next-line flowtype/no-weak-types
+      // flowlint-next-line unclear-type:off
       component: ((override: any): React.ComponentType<T>),
     };
   }
@@ -89,64 +90,58 @@ export function toObjectOverride<T>(override: OverrideT): OverrideObjectT {
   // 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 || {}: any): OverrideObjectT);
 }
 
 /**
  * Get a convenient override array that will always have [component, props]
  */
-/* eslint-disable flowtype/no-weak-types */
-export function getOverrides(
-  override: any,
-  defaultComponent: React.ComponentType<any>,
-): [React.ComponentType<any>, {}] {
+/* flowlint unclear-type:off */
+export function getOverrides<T>(
+  override: Object,
+  defaultComponent: React.ComponentType<any>
+): [React.ComponentType<any>, T] {
   const Component = getOverride(override) || defaultComponent;
 
-  if (
-    override &&
-    typeof override === 'object' &&
-    typeof override.props === 'function'
-  ) {
+  if (override && typeof override === 'object' && typeof override.props === 'function') {
     // TODO(v11)
     if (__DEV__) {
       console.warn(
         'baseui:Overrides Props as a function will be removed in the next major version. Override the whole component instead. ' +
-          'See https://baseweb.design/guides/understanding-overrides/#override-the-entire-subcomponent',
+          'See https://baseweb.design/guides/understanding-overrides/#override-the-entire-subcomponent'
       );
     }
     const DynamicOverride = React.forwardRef((props, ref) => {
       const mappedProps = override.props(props);
-      const nextProps = getOverrideProps({...override, props: mappedProps});
+      const nextProps: T = getOverrideProps<T>({
+        ...override,
+        props: mappedProps,
+      });
       return <Component ref={ref} {...nextProps} />;
     });
     DynamicOverride.displayName = Component.displayName;
+    //$FlowFixMe
     return [DynamicOverride, {}];
   }
 
-  const props = getOverrideProps(override);
+  const props = getOverrideProps<T>(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
  * overrides into a child component, but also accept further overrides from
  * from upstream. See `mergeOverride` below.
  */
-export function mergeOverrides(
-  target?: OverridesT = {},
-  source?: OverridesT = {},
-): OverridesT {
+export function mergeOverrides(target?: OverridesT = {}, source?: OverridesT = {}): OverridesT {
   const merged = Object.assign({}, target, source);
   const allIdentifiers = Object.keys(merged);
   // const allIdentifiers = Object.keys({...target, ...source});
 
   return allIdentifiers.reduce((acc, name) => {
-    acc[name] = mergeOverride(
-      toObjectOverride(target[name]),
-      toObjectOverride(source[name]),
-    );
+    acc[name] = mergeOverride(toObjectOverride(target[name]), toObjectOverride(source[name]));
     return acc;
   }, {});
 }
@@ -156,12 +151,9 @@ export function mergeOverrides(
  * - Component implementation from the source (parent) replaces target
  * - Props and styles are both deep merged
  */
-export function mergeOverride(
-  target: OverrideObjectT,
-  source: OverrideObjectT,
-): OverrideObjectT {
+export function mergeOverride(target: OverrideObjectT, source: OverrideObjectT): OverrideObjectT {
   // Shallow merge should handle `component`
-  const merged = {...target, ...source};
+  const merged = { ...target, ...source };
   if (target.props && source.props) {
     merged.props = mergeConfigurationOverrides(target.props, source.props);
   }
@@ -178,7 +170,7 @@ export function mergeOverride(
  */
 export function mergeConfigurationOverrides(
   target: ConfigurationOverrideT,
-  source: ConfigurationOverrideT,
+  source: ConfigurationOverrideT
 ): ConfigurationOverrideT {
   // Simple case of both objects
   if (typeof target === 'object' && typeof source === 'object') {
@@ -190,7 +182,7 @@ export function mergeConfigurationOverrides(
     return deepMerge(
       {},
       typeof target === 'function' ? target(...args) : target,
-      typeof source === 'function' ? source(...args) : source,
+      typeof source === 'function' ? source(...args) : source
     );
   };
 }
@@ -198,22 +190,19 @@ export function mergeConfigurationOverrides(
 // Lil' hook for memoized unpacking of overrides
 export function useOverrides(
   defaults: {
-    // eslint-disable-next-line flowtype/no-weak-types
+    // flowlint-next-line unclear-type:off
     [string]: React.ComponentType<any>,
   },
-  overrides?: OverridesT = {},
+  overrides?: OverridesT = {}
 ) {
   return React.useMemo(
     () =>
-      // eslint-disable-next-line flowtype/no-weak-types
-      Object.keys(defaults).reduce<{[string]: [React.ComponentType<any>, {}]}>(
-        (obj, key) => {
-          obj[key] = getOverrides(overrides[key], defaults[key]);
-          return obj;
-        },
-        {},
-      ),
-    [overrides],
+      // flowlint-next-line unclear-type:off
+      Object.keys(defaults).reduce<{ [string]: [React.ComponentType<any>, {}] }>((obj, key) => {
+        obj[key] = getOverrides(overrides[key], defaults[key]);
+        return obj;
+      }, {}),
+    [overrides]
   );
 }
 

package/helpers/react-helpers.js.flow

@@ -7,19 +7,19 @@ LICENSE file in the root directory of this source tree.
 // @flow
 
 import * as React from 'react';
-import {isFragment} from 'react-is';
+import { isFragment } from 'react-is';
 
 export const flattenFragments = (
   children?: React.Node,
-  ChildWrapper?: React.ComponentType<*>,
-  depth: number = 0,
+  ChildWrapper?: React.ComponentType<{}>,
+  depth: number = 0
 ): React.Node[] =>
   React.Children.toArray(children).reduce(
     (acc: React.Node[], child: React.Node, i: number): React.Node[] => {
       if (isFragment(child)) {
         acc.push(
           // $FlowFixMe
-          ...flattenFragments(child.props.children, ChildWrapper, depth + 1),
+          ...flattenFragments(child.props.children, ChildWrapper, depth + 1)
         );
       } else if (React.isValidElement(child)) {
         if (ChildWrapper) {
@@ -30,7 +30,7 @@ export const flattenFragments = (
       }
       return acc;
     },
-    [],
+    []
   );
 
 declare var __DEV__: boolean;

package/helpers/responsive-helpers.js.flow

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-import type {BreakpointsT} from '../styles/types.js';
+import type { BreakpointsT } from '../styles/types.js';
 
 /**
  * Helper function that generates media queries based on breakpoint, e.g.
@@ -17,7 +17,7 @@ export const getMediaQuery = (breakpoint: number): string =>
 
 export const getMediaQueries = (breakpoints: BreakpointsT): string[] =>
   Object.keys(breakpoints)
-    .map(key => breakpoints[key])
+    .map((key) => breakpoints[key])
     .sort((a, b) => a - b)
     .map(getMediaQuery);
 

package/helpers/strings.js.flow

@@ -6,8 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-export const camelToKebab = (s: string) =>
-  s.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+export const camelToKebab = (s: string) => s.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
 
 declare var __DEV__: boolean;
 declare var __NODE__: boolean;

package/helpers/types.js.flow

@@ -6,8 +6,8 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import * as React from 'react';
-import type {ThemeT} from '../styles/types.js';
-import type {OverrideT} from '../helpers/overrides.js';
+import type { ThemeT } from '../styles/types.js';
+import type { OverrideT } from '../helpers/overrides.js';
 
 export type BaseProviderPropsT = {
   /** Children element to be rendered. Normally the BaseProvider

package/icon/alert.js

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

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

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