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

package/slider/stateful-slider-container.js.flow

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import * as React from 'react';
-import {STATE_CHANGE_TYPE} from './constants.js';
+import { STATE_CHANGE_TYPE } from './constants.js';
 import type {
   StatefulContainerPropsT,
   StateReducerT,
@@ -17,10 +17,7 @@ import type {
 
 const defaultStateReducer: StateReducerT = (type, nextState) => nextState;
 
-class StatefulSliderContainer extends React.Component<
-  StatefulContainerPropsT,
-  StateT,
-> {
+class StatefulSliderContainer extends React.Component<StatefulContainerPropsT, StateT> {
   constructor(props: StatefulContainerPropsT) {
     super(props);
     this.state = {
@@ -40,19 +37,19 @@ class StatefulSliderContainer extends React.Component<
     onFinalChange: () => {},
   };
 
-  onChange = (params: {value: Array<number>}) => {
+  onChange = (params: { value: Array<number> }) => {
     this.internalSetState(STATE_CHANGE_TYPE.change, params);
-    return this.props.onChange({...params});
+    return this.props.onChange({ ...params });
   };
 
-  onFinalChange = (params: {value: Array<number>}) => {
+  onFinalChange = (params: { value: Array<number> }) => {
     this.internalSetState(STATE_CHANGE_TYPE.finalChange, params);
-    return this.props.onFinalChange({...params});
+    return this.props.onFinalChange({ ...params });
   };
 
-  internalSetState = (type: ChangeActionT, {value}: ParamsT) => {
-    const nextState = {value};
-    const {stateReducer} = this.props;
+  internalSetState = (type: ChangeActionT, { value }: ParamsT) => {
+    const nextState = { value };
+    const { stateReducer } = this.props;
     const newState = stateReducer(type, nextState, this.state);
     this.setState(newState);
   };

package/slider/stateful-slider.js.flow

@@ -8,7 +8,7 @@ LICENSE file in the root directory of this source tree.
 import * as React from 'react';
 import StatefulSliderContainer from './stateful-slider-container.js';
 import Slider from './slider.js';
-import type {StatefulSliderPropsT} from './types.js';
+import type { StatefulSliderPropsT } from './types.js';
 
 export default function StatefulSlider(props: StatefulSliderPropsT) {
   return (

package/slider/styled-components.js.flow

@@ -5,17 +5,17 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-import {getTrackBackground} from 'react-range';
+import { getTrackBackground } from 'react-range';
 
-import {styled} from '../styles/index.js';
-import type {StylePropsT} from './types.js';
+import { styled } from '../styles/index.js';
+import type { StylePropsT } from './types.js';
 
-export const Root = styled('div', {position: 'relative', width: '100%'});
+export const Root = styled('div', { position: 'relative', width: '100%' });
 Root.displayName = 'StyledRoot';
 
 export const Track = styled<StylePropsT>('div', (props) => {
-  const {$theme, $value = [], $disabled, $isDragged} = props;
-  const {sizing} = $theme;
+  const { $theme, $value = [], $disabled, $isDragged } = props;
+  const { sizing } = $theme;
   let cursor = 'inherit';
   if ($disabled) {
     cursor = 'not-allowed';
@@ -37,8 +37,8 @@ export const Track = styled<StylePropsT>('div', (props) => {
 Track.displayName = 'StyledTrack';
 
 export const InnerTrack = styled<StylePropsT>('div', (props) => {
-  const {$theme, $value = [], $min, $max, $disabled} = props;
-  const {colors, borders, direction} = $theme;
+  const { $theme, $value = [], $min, $max, $disabled } = props;
+  const { colors, borders, direction } = $theme;
   const borderRadius = $theme.borders.useRoundedCorners ? borders.radius100 : 0;
   return {
     borderTopLeftRadius: borderRadius,
@@ -89,8 +89,8 @@ export const Tick = styled<StylePropsT>('div', (props) => {
 Tick.displayName = 'StyledTick';
 
 export const TickBar = styled<StylePropsT>('div', (props) => {
-  const {$theme} = props;
-  const {sizing} = $theme;
+  const { $theme } = props;
+  const { sizing } = $theme;
   return {
     display: 'flex',
     justifyContent: 'space-between',
@@ -103,7 +103,7 @@ export const TickBar = styled<StylePropsT>('div', (props) => {
 TickBar.displayName = 'StyledTickBar';
 
 export const Thumb = styled<StylePropsT>('div', (props) => {
-  const {$theme, $value = [], $thumbIndex, $disabled} = props;
+  const { $theme, $value = [], $thumbIndex, $disabled } = props;
   let isLeft = $value.length === 2 && $thumbIndex === 0;
   let isRight = $value.length === 2 && $thumbIndex === 1;
 
@@ -135,7 +135,7 @@ export const Thumb = styled<StylePropsT>('div', (props) => {
 Thumb.displayName = 'StyledThumb';
 
 export const InnerThumb = styled<StylePropsT>('div', (props) => {
-  const {$disabled, $theme} = props;
+  const { $disabled, $theme } = props;
   return {
     position: 'absolute',
     top: '-16px',
@@ -149,7 +149,7 @@ export const InnerThumb = styled<StylePropsT>('div', (props) => {
 InnerThumb.displayName = 'StyledInnerThumb';
 
 export const ThumbValue = styled<StylePropsT>('div', (props) => {
-  const {$disabled, $theme} = props;
+  const { $disabled, $theme } = props;
   return {
     position: 'absolute',
     top: `-${$theme.sizing.scale1400}`,

package/slider/types.js.flow

@@ -6,8 +6,8 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-import type {OverrideT} from '../helpers/overrides.js';
-import {STATE_CHANGE_TYPE} from './constants.js';
+import type { OverrideT } from '../helpers/overrides.js';
+import { STATE_CHANGE_TYPE } from './constants.js';
 
 export type ChangeActionT = $Keys<typeof STATE_CHANGE_TYPE>;
 export type ParamsT = {
@@ -57,11 +57,7 @@ export type StateT = {|
   value: Array<number>,
 |};
 
-export type StateReducerT = (
-  stateType: string,
-  nextState: StateT,
-  currentState: StateT,
-) => StateT;
+export type StateReducerT = (stateType: string, nextState: StateT, currentState: StateT) => StateT;
 
 export type StatefulContainerPropsT = {
   overrides?: OverridesT,
@@ -74,9 +70,9 @@ export type StatefulContainerPropsT = {
   /** Reducer function to manipulate internal state updates. */
   stateReducer: StateReducerT,
   /** Handler for events on trigger element, each time thumbs change selection, which is passed in `value`. */
-  onChange: ({...ParamsT}) => mixed,
+  onChange: ({ ...ParamsT }) => mixed,
   /** Handler for events on trigger element, each time thumbs finish changing selection, which is passed in `value`. */
-  onFinalChange: ({...ParamsT}) => mixed,
+  onFinalChange: ({ ...ParamsT }) => mixed,
 };
 
 export type StatefulSliderPropsT = {
@@ -92,9 +88,9 @@ export type StatefulSliderPropsT = {
   /** Function to change the numeric value to a user friendly value. Also applied to min/max labels. */
   valueToLabel?: (value: number) => React$Node,
   /** Handler for events on trigger element, each time thumbs change selection, which is passed in `value`. */
-  onChange?: ({...ParamsT}) => mixed,
+  onChange?: ({ ...ParamsT }) => mixed,
   /** Handler for events on trigger element, each time thumbs finish changing selection, which is passed in `value`. */
-  onFinalChange?: ({...ParamsT}) => mixed,
+  onFinalChange?: ({ ...ParamsT }) => mixed,
 };
 
 export type StylePropsT = {

package/snackbar/index.js.flow

@@ -7,9 +7,9 @@ LICENSE file in the root directory of this source tree.
 
 // @flow
 
-export {DURATION, PLACEMENT} from './constants.js';
-export {default as SnackbarElement} from './snackbar-element.js';
-export {default as SnackbarProvider, useSnackbar} from './snackbar-context.js';
+export { DURATION, PLACEMENT } from './constants.js';
+export { default as SnackbarElement } from './snackbar-element.js';
+export { default as SnackbarProvider, useSnackbar } from './snackbar-context.js';
 export {
   StyledRoot,
   StyledContent,

package/snackbar/snackbar-context.js.flow

@@ -9,18 +9,14 @@ LICENSE file in the root directory of this source tree.
 
 import * as React from 'react';
 
-import {Layer} from '../layer/index.js';
-import {getOverrides} from '../helpers/overrides.js';
-import {useStyletron} from '../styles/index.js';
+import { Layer } from '../layer/index.js';
+import { getOverrides } from '../helpers/overrides.js';
+import { useStyletron } from '../styles/index.js';
 
-import {DURATION, PLACEMENT} from './constants.js';
+import { DURATION, PLACEMENT } from './constants.js';
 import SnackbarElement from './snackbar-element.js';
-import {StyledPlacementContainer} from './styled-components.js';
-import type {
-  SnackbarElementPropsT,
-  SnackbarProviderPropsT,
-  DurationT,
-} from './types.js';
+import { StyledPlacementContainer } from './styled-components.js';
+import type { SnackbarElementPropsT, SnackbarProviderPropsT, DurationT } from './types.js';
 
 type ContextT = {|
   enqueue: (elementProps: SnackbarElementPropsT, duration?: DurationT) => void,
@@ -40,7 +36,7 @@ export const SnackbarContext: React.Context<ContextT> = React.createContext({
 
 export function useSnackbar() {
   const context = React.useContext(SnackbarContext);
-  return {enqueue: context.enqueue, dequeue: context.dequeue};
+  return { enqueue: context.enqueue, dequeue: context.dequeue };
 }
 
 function usePrevious(value) {
@@ -69,7 +65,7 @@ export default function SnackbarProvider({
 
   function enqueue(elementProps, duration = defaultDuration) {
     setSnackbars((prev) => {
-      return [...prev, {elementProps, duration}];
+      return [...prev, { elementProps, duration }];
     });
   }
 
@@ -135,7 +131,7 @@ export default function SnackbarProvider({
     if (__BROWSER__) {
       if (window.ResizeObserver) {
         const observer = new window.ResizeObserver(([entry]) =>
-          setContainerHeight(entry.contentRect.height),
+          setContainerHeight(entry.contentRect.height)
         );
         if (containerRef.current) {
           observer.observe(containerRef.current);
@@ -158,17 +154,14 @@ export default function SnackbarProvider({
     return value;
   }, [placement, containerHeight]);
 
-  const {
-    PlacementContainer: PlacementContainerOverrides,
-    ...snackbarOverrides
-  } = overrides;
+  const { PlacementContainer: PlacementContainerOverrides, ...snackbarOverrides } = overrides;
   const [PlacementContainer, placementContainerProps] = getOverrides(
     PlacementContainerOverrides,
-    StyledPlacementContainer,
+    StyledPlacementContainer
   );
 
   return (
-    <SnackbarContext.Provider value={{enqueue, dequeue: exit}}>
+    <SnackbarContext.Provider value={{ enqueue, dequeue: exit }}>
       <div
         className={css({
           boxSizing: 'border-box',
@@ -202,7 +195,7 @@ export default function SnackbarProvider({
               role="alert"
               onMouseEnter={handleMouseEnter}
               onMouseLeave={() => handleMouseLeave(snackbars[0].duration)}
-              className={css({display: 'inline', pointerEvents: 'all'})}
+              className={css({ display: 'inline', pointerEvents: 'all' })}
             >
               <SnackbarElement
                 {...snackbars[0].elementProps}

package/snackbar/snackbar-element.js.flow

@@ -9,9 +9,9 @@ LICENSE file in the root directory of this source tree.
 
 import * as React from 'react';
 
-import {Button, KIND, SHAPE} from '../button/index.js';
-import {getOverrides} from '../helpers/overrides.js';
-import {useStyletron} from '../styles/index.js';
+import { Button, KIND, SHAPE } from '../button/index.js';
+import { getOverrides } from '../helpers/overrides.js';
+import { useStyletron } from '../styles/index.js';
 
 import {
   StyledRoot,
@@ -22,15 +22,15 @@ import {
   StyledWrapActionButtonContainer,
   StyledActionButtonContainer,
 } from './styled-components.js';
-import type {SnackbarElementPropsT} from './types.js';
+import type { SnackbarElementPropsT } from './types.js';
 
 const ActionButton = React.forwardRef(
   // flowlint-next-line unclear-type:off
-  ({onClick, message, overrides = {}}, ref: any) => {
+  ({ onClick, message, overrides = {} }, ref: any) => {
     const [, theme] = useStyletron();
     const [ActionButtonContainer, actionButtonContainerProps] = getOverrides(
       overrides.ActionButtonContainer,
-      StyledActionButtonContainer,
+      StyledActionButtonContainer
     );
     return (
       <ActionButtonContainer {...actionButtonContainerProps}>
@@ -40,10 +40,8 @@ const ActionButton = React.forwardRef(
             BaseButton: {
               style: {
                 color: theme.colors.contentInversePrimary,
-                marginRight:
-                  theme.direction === 'rtl' ? null : theme.sizing.scale100,
-                marginLeft:
-                  theme.direction === 'rtl' ? theme.sizing.scale100 : null,
+                marginRight: theme.direction === 'rtl' ? null : theme.sizing.scale100,
+                marginLeft: theme.direction === 'rtl' ? theme.sizing.scale100 : null,
                 width: '100%',
                 whiteSpace: 'nowrap',
                 ':hover': {
@@ -63,7 +61,7 @@ const ActionButton = React.forwardRef(
         </Button>
       </ActionButtonContainer>
     );
-  },
+  }
 );
 ActionButton.displayName = 'ActionButton';
 
@@ -84,7 +82,7 @@ export default function SnackbarElement({
     if (__BROWSER__) {
       if (window.ResizeObserver) {
         const observer = new window.ResizeObserver(([entry]) =>
-          setRootWidth(entry.contentRect.width),
+          setRootWidth(entry.contentRect.width)
         );
         if (rootRef.current) {
           observer.observe(rootRef.current);
@@ -100,7 +98,7 @@ export default function SnackbarElement({
     if (__BROWSER__) {
       if (window.ResizeObserver) {
         const observer = new window.ResizeObserver(([entry]) =>
-          setActionMeasureWidth(entry.contentRect.width),
+          setActionMeasureWidth(entry.contentRect.width)
         );
         if (actionMeasureRef.current) {
           observer.observe(actionMeasureRef.current);
@@ -113,27 +111,17 @@ export default function SnackbarElement({
   const wrapActionButton = actionMeasureWidth > rootWidth / 2;
 
   const [Root, rootProps] = getOverrides(overrides.Root, StyledRoot);
-  const [Content, contentProps] = getOverrides(
-    overrides.Content,
-    StyledContent,
-  );
+  const [Content, contentProps] = getOverrides(overrides.Content, StyledContent);
   const [StartEnhancerContainer, startEnhancerContainerProps] = getOverrides(
     overrides.StartEnhancerContainer,
-    StyledStartEnhancerContainer,
-  );
-  const [Spinner, spinnerProps] = getOverrides(
-    overrides.Spinner,
-    StyledSpinner,
+    StyledStartEnhancerContainer
   );
-  const [Message, messageProps] = getOverrides(
-    overrides.Message,
-    StyledMessage,
+  const [Spinner, spinnerProps] = getOverrides(overrides.Spinner, StyledSpinner);
+  const [Message, messageProps] = getOverrides(overrides.Message, StyledMessage);
+  const [WrapActionButtonContainer, wrapActionButtonContainerProps] = getOverrides(
+    overrides.WrapActionButtonContainer,
+    StyledWrapActionButtonContainer
   );
-  const [WrapActionButtonContainer, wrapActionButtonContainerProps] =
-    getOverrides(
-      overrides.WrapActionButtonContainer,
-      StyledWrapActionButtonContainer,
-    );
 
   const prevFocusRef = React.useRef(null);
   const actionButtonRef = React.useRef(null);

package/snackbar/styled-components.js.flow

@@ -7,13 +7,13 @@ LICENSE file in the root directory of this source tree.
 
 // @flow
 
-import {StyledSpinnerNext} from '../spinner/index.js';
-import {styled, withStyle} from '../styles/index.js';
+import { StyledSpinnerNext } from '../spinner/index.js';
+import { styled, withStyle } from '../styles/index.js';
 
-import {PLACEMENT} from './constants.js';
-import type {PlacementT} from './types.js';
+import { PLACEMENT } from './constants.js';
+import type { PlacementT } from './types.js';
 
-export const StyledRoot = styled<{}>('div', ({$theme}) => {
+export const StyledRoot = styled<{}>('div', ({ $theme }) => {
   return {
     backgroundColor: $theme.colors.backgroundInverseSecondary,
     borderTopLeftRadius: $theme.borders.radius400,
@@ -34,9 +34,8 @@ export const StyledContent = styled('div', {
   width: '100%',
 });
 
-export const StyledStartEnhancerContainer = styled<{}>('span', ({$theme}) => {
-  const paddingDir: string =
-    $theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
+export const StyledStartEnhancerContainer = styled<{}>('span', ({ $theme }) => {
+  const paddingDir: string = $theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
   return {
     alignItems: 'center',
     display: 'flex',
@@ -46,8 +45,8 @@ export const StyledStartEnhancerContainer = styled<{}>('span', ({$theme}) => {
 
 export const StyledSpinner = withStyle<
   typeof StyledSpinnerNext,
-  {$height: number, $width: number},
->(StyledSpinnerNext, ({$height, $width}) => {
+  { $height: number, $width: number }
+>(StyledSpinnerNext, ({ $height, $width }) => {
   return {
     boxSizing: 'border-box',
     height: `${$height}px`,
@@ -55,14 +54,12 @@ export const StyledSpinner = withStyle<
   };
 });
 
-export const StyledMessage = styled<{$hasSuffix: boolean}>(
+export const StyledMessage = styled<{ $hasSuffix: boolean }>(
   'p',
   //$FlowExpectedError[incompatible-shape]
-  ({$theme, $hasSuffix}) => {
-    const prefixPadding: string =
-      $theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
-    const suffixPadding: string =
-      $theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight';
+  ({ $theme, $hasSuffix }) => {
+    const prefixPadding: string = $theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
+    const suffixPadding: string = $theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight';
     return {
       ...$theme.typography.ParagraphMedium,
       '-webkit-box-orient': 'vertical',
@@ -72,11 +69,9 @@ export const StyledMessage = styled<{$hasSuffix: boolean}>(
       marginBottom: $theme.sizing.scale600,
       overflow: 'hidden',
       [prefixPadding]: $theme.sizing.scale600,
-      [suffixPadding]: $hasSuffix
-        ? $theme.sizing.scale300
-        : $theme.sizing.scale600,
+      [suffixPadding]: $hasSuffix ? $theme.sizing.scale300 : $theme.sizing.scale600,
     };
-  },
+  }
 );
 
 export const StyledWrapActionButtonContainer = styled('div', {
@@ -84,9 +79,8 @@ export const StyledWrapActionButtonContainer = styled('div', {
   justifyContent: 'flex-end',
 });
 
-export const StyledActionButtonContainer = styled<{}>('div', ({$theme}) => {
-  const marginDir: string =
-    $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
+export const StyledActionButtonContainer = styled<{}>('div', ({ $theme }) => {
+  const marginDir: string = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
   return {
     [marginDir]: 'auto',
   };
@@ -138,7 +132,7 @@ export const StyledPlacementContainer = styled<{
   $animating: boolean,
   $placement: PlacementT,
   $translateHeight: number,
-}>('div', ({$animating, $placement, $translateHeight, $theme}) => {
+}>('div', ({ $animating, $placement, $translateHeight, $theme }) => {
   return {
     ...placementRules($placement),
     display: 'flex',

package/snackbar/types.js.flow

@@ -9,9 +9,9 @@ LICENSE file in the root directory of this source tree.
 
 import * as React from 'react';
 
-import type {OverrideT} from '../helpers/overrides.js';
+import type { OverrideT } from '../helpers/overrides.js';
 
-import {DURATION, PLACEMENT} from './constants.js';
+import { DURATION, PLACEMENT } from './constants.js';
 
 export type DurationT =
   | typeof DURATION.infinite

package/spinner/index.js.flow

@@ -13,7 +13,8 @@ import {
   StyledProgressBarRoundedTrackBackground,
   StyledProgressBarRoundedTrackForeground,
 } from '../progress-bar/index.js';
-export {default as Spinner} from './spinner.js';
+
+export { default as Spinner } from './spinner.js';
 // Styled elements
 export {
   Svg as StyledSvg,
@@ -21,7 +22,7 @@ export {
   StyledActivePath,
   StyledSpinnerNext,
 } from './styled-components.js';
-export {SIZE} from './constants.js';
+export { SIZE } from './constants.js';
 // Flow
 export type * from './types.js';
 

package/spinner/spinner.js.flow

@@ -7,15 +7,11 @@ LICENSE file in the root directory of this source tree.
 // @flow
 import * as React from 'react';
 
-import {mergeOverrides, getOverrides} from '../helpers/overrides.js';
+import { mergeOverrides, getOverrides } from '../helpers/overrides.js';
 import Icon from '../icon/icon.js';
 
-import {
-  Svg as StyledSvg,
-  StyledActivePath,
-  StyledTrackPath,
-} from './styled-components.js';
-import type {SpinnerPropsT} from './types.js';
+import { Svg as StyledSvg, StyledActivePath, StyledTrackPath } from './styled-components.js';
+import type { SpinnerPropsT } from './types.js';
 
 class Spinner extends React.Component<SpinnerPropsT> {
   static defaultProps: $Shape<SpinnerPropsT> = {
@@ -32,23 +28,17 @@ class Spinner extends React.Component<SpinnerPropsT> {
         console.warn(
           `❖ [baseui] Please consider using "StyledSpinnerNext" instead of "Spinner". ` +
             `In v11, "StyledSpinnerNext" will become the default "Spinner"` +
-            ` and the current SVG based implementation will be deprecated.`,
+            ` and the current SVG based implementation will be deprecated.`
         );
       }
     }
   }
 
   render() {
-    const {overrides = {}} = this.props;
-    const mergedOverrides = mergeOverrides({Svg: StyledSvg}, overrides);
-    const [TrackPath, trackPathProps] = getOverrides(
-      overrides.TrackPath,
-      StyledTrackPath,
-    );
-    const [ActivePath, activePathProps] = getOverrides(
-      overrides.ActivePath,
-      StyledActivePath,
-    );
+    const { overrides = {} } = this.props;
+    const mergedOverrides = mergeOverrides({ Svg: StyledSvg }, overrides);
+    const [TrackPath, trackPathProps] = getOverrides(overrides.TrackPath, StyledTrackPath);
+    const [ActivePath, activePathProps] = getOverrides(overrides.ActivePath, StyledActivePath);
     return (
       // $FlowExpectedError[cannot-spread-inexact]
       <Icon

package/spinner/styled-components.js.flow

@@ -5,10 +5,10 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-import {styled} from '../styles/index.js';
-import {getSvgStyles} from '../icon/styled-components.js';
-import {SIZE} from './constants.js';
-import type {StyledSpinnerNextPropsT} from './types.js';
+import { styled } from '../styles/index.js';
+import { getSvgStyles } from '../icon/styled-components.js';
+import { SIZE } from './constants.js';
+import type { StyledSpinnerNextPropsT } from './types.js';
 
 type StylePropsT = {
   $size?: number | string,
@@ -28,7 +28,7 @@ const spin = {
  * Spinner icon overrides
  */
 export const Svg = styled<StylePropsT>('svg', (props) => {
-  const {$theme, $color} = props;
+  const { $theme, $color } = props;
   return {
     ...getSvgStyles(props),
     fill: $color || $theme.colors.accent,
@@ -108,7 +108,7 @@ export const StyledSpinnerNext = styled<StyledSpinnerNextPropsT>(
       height: boxSize,
       cursor: 'wait',
     };
-  },
+  }
 );
 
 declare var __DEV__: boolean;

package/spinner/types.js.flow

@@ -6,9 +6,9 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-import {SIZE} from './constants.js';
-import type {OverrideT} from '../helpers/overrides.js';
-import type {SizingT} from '../themes/types.js';
+import { SIZE } from './constants.js';
+import type { OverrideT } from '../helpers/overrides.js';
+import type { SizingT } from '../themes/types.js';
 
 export type SizeT = $Keys<typeof SIZE>;
 export type SpinnerPropsT = {

package/styles/as-primary-export-hoc.js.flow

@@ -10,7 +10,7 @@ import * as React from 'react';
 // transforms props for native styled components adding $ symbol to avoid to supported warning
 export default function asPrimaryExport(
   StyledComponent: React.ComponentType<{}>,
-  propsTransformNames: Array<string>,
+  propsTransformNames: Array<string>
 ) {
   return function withStyledPropsHOC(props: {}) {
     const styledProps = Object.keys(props).reduce((acc, key) => {

package/styles/index.js.flow

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-import {ThemeContext} from './theme-provider.js';
+import { ThemeContext } from './theme-provider.js';
 
 export {
   createThemedStyled,
@@ -17,8 +17,8 @@ export {
   useStyletron,
   withWrapper,
 } from './styled.js';
-export {hexToRgb, expandBorderStyles} from './util.js';
-export {default as ThemeProvider} from './theme-provider.js';
+export { hexToRgb, expandBorderStyles } from './util.js';
+export { default as ThemeProvider } from './theme-provider.js';
 export const ThemeConsumer = ThemeContext.Consumer;
 export type * from './types.js';