baseui 10.9.2 → 10.11.1

package/textarea/styled-components.js.flow

@@ -5,32 +5,35 @@ 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 { styled, type ThemeT } from '../styles/index.js';
 import {
   getInputStyles,
   getInputContainerStyles,
   getRootStyles,
 } from '../input/styled-components.js';
-import type {SharedStylePropsT} from './types.js';
+import type { SharedStylePropsT } from './types.js';
 
-// $FlowFixMe https://github.com/facebook/flow/issues/7745
-export const StyledTextAreaRoot = styled<SharedStylePropsT>('div', props => {
-  return getRootStyles({...props, $hasIconTrailing: false});
-});
+export const StyledTextAreaRoot = styled<SharedStylePropsT>(
+  'div',
+  (props: SharedStylePropsT & { $theme: ThemeT }) => {
+    return getRootStyles({ $positive: false, ...props, $hasIconTrailing: false });
+  }
+);
 
-// $FlowFixMe https://github.com/facebook/flow/issues/7745
 export const StyledTextareaContainer = styled<SharedStylePropsT>(
   'div',
-  props => ({
-    ...getInputContainerStyles(props),
-  }),
+  (props: SharedStylePropsT & { $theme: ThemeT }) => ({
+    ...getInputContainerStyles({ $positive: false, ...props }),
+  })
 );
 
-// $FlowFixMe https://github.com/facebook/flow/issues/7745
-export const StyledTextarea = styled<SharedStylePropsT>('textarea', props => ({
-  ...getInputStyles(props),
-  resize: 'none',
-}));
+export const StyledTextarea = styled<SharedStylePropsT>(
+  'textarea',
+  (props: SharedStylePropsT & { $theme: ThemeT }) => ({
+    ...getInputStyles(props),
+    resize: 'none',
+  })
+);
 
 declare var __DEV__: boolean;
 declare var __NODE__: boolean;

package/textarea/textarea.js

@@ -121,7 +121,8 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
         $positive: this.props.positive,
         $required: this.props.required
       }, rootProps), /*#__PURE__*/React.createElement(_index.BaseInput, _extends({}, this.props, {
-        type: _index.CUSTOM_INPUT_TYPE.textarea,
+        type: _index.CUSTOM_INPUT_TYPE.textarea // $FlowFixMe[incompatible-indexer]
+        ,
         overrides: inputOverrides,
         onFocus: this.onFocus,
         onBlur: this.onBlur

package/textarea/textarea.js.flow

@@ -6,16 +6,16 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import * as React from 'react';
-import type {TextareaPropsT} from './types.js';
-import {mergeOverrides, getOverrides} from '../helpers/overrides.js';
-import {BaseInput, SIZE, CUSTOM_INPUT_TYPE} from '../input/index.js';
+import type { TextareaPropsT } from './types.js';
+import { mergeOverrides, getOverrides } from '../helpers/overrides.js';
+import { BaseInput, SIZE, CUSTOM_INPUT_TYPE } from '../input/index.js';
 import {
   StyledTextAreaRoot,
   StyledTextarea,
   StyledTextareaContainer,
 } from './styled-components.js';
 
-class Textarea extends React.Component<TextareaPropsT, {isFocused: boolean}> {
+class Textarea extends React.Component<TextareaPropsT, { isFocused: boolean }> {
   static defaultProps = {
     autoFocus: false,
     disabled: false,
@@ -39,24 +39,24 @@ class Textarea extends React.Component<TextareaPropsT, {isFocused: boolean}> {
   };
 
   onFocus = (e: SyntheticFocusEvent<HTMLTextAreaElement>) => {
-    this.setState({isFocused: true});
+    this.setState({ isFocused: true });
     this.props.onFocus(e);
   };
 
   onBlur = (e: SyntheticFocusEvent<HTMLTextAreaElement>) => {
-    this.setState({isFocused: false});
+    this.setState({ isFocused: false });
     this.props.onBlur(e);
   };
 
   render() {
-    const {overrides = {}} = this.props;
+    const { overrides = {} } = this.props;
     const [Root, rootProps] = getOverrides(overrides.Root, StyledTextAreaRoot);
     const inputOverrides = mergeOverrides(
       {
-        Input: {component: StyledTextarea},
-        InputContainer: {component: StyledTextareaContainer},
+        Input: { component: StyledTextarea },
+        InputContainer: { component: StyledTextareaContainer },
       },
-      overrides,
+      overrides
     );
 
     return (
@@ -73,6 +73,7 @@ class Textarea extends React.Component<TextareaPropsT, {isFocused: boolean}> {
         <BaseInput
           {...this.props}
           type={CUSTOM_INPUT_TYPE.textarea}
+          // $FlowFixMe[incompatible-indexer]
           overrides={inputOverrides}
           onFocus={this.onFocus}
           onBlur={this.onBlur}

package/textarea/types.js.flow

@@ -7,9 +7,9 @@ LICENSE file in the root directory of this source tree.
 // @flow
 import * as React from 'react';
 
-import type {OverrideT} from '../helpers/overrides.js';
-import type {BaseInputPropsT, StateReducerT, StateT} from '../input/types.js';
-import {ADJOINED, SIZE} from '../input/constants.js';
+import type { OverrideT } from '../helpers/overrides.js';
+import type { BaseInputPropsT, StateReducerT, StateT } from '../input/types.js';
+import { ADJOINED, SIZE } from '../input/constants.js';
 
 type SyntheticTextareaEvent = SyntheticEvent<HTMLTextAreaElement>;
 
@@ -42,7 +42,8 @@ export type TextareaPropsT = {
 };
 
 export type StatefulContainerPropsT = {
-  children: (props: *) => React.Node,
+  // flowlint-next-line unclear-type:off
+  children: (props: any) => React.Node,
   initialState?: StateT,
   stateReducer?: StateReducerT,
   onChange?: (e: SyntheticTextareaEvent) => mixed,
@@ -52,7 +53,8 @@ export type StatefulContainerPropsT = {
 };
 
 type OmitPropsT = {
-  children: (props: *) => React.Node,
+  // flowlint-next-line unclear-type:off
+  children: (props: any) => React.Node,
 };
 
 type FullStPropsT = TextareaPropsT & StatefulContainerPropsT;

package/themes/dark-theme/borders.js.flow

@@ -7,7 +7,7 @@ LICENSE file in the root directory of this source tree.
 // @flow
 import sharedBorders from '../shared/borders.js';
 import deepMerge from '../../utils/deep-merge.js';
-import type {BordersT} from '../types.js';
+import type { BordersT } from '../types.js';
 
 // Override border colors for the dark theme
 const borders: BordersT = deepMerge({}, sharedBorders, {

package/themes/dark-theme/color-component-tokens.js.flow

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import colorTokens from './color-tokens.js';
-import type {ColorTokensT, ComponentColorTokensT} from '../types.js';
+import type { ColorTokensT, ComponentColorTokensT } from '../types.js';
 
 const tagHoverBackground = `rgba(255, 255, 255, 0.2)`;
 
@@ -15,9 +15,7 @@ const tagHoverBackground = `rgba(255, 255, 255, 0.2)`;
 // with values taken from `colorTokens`.
 // Due to the legacy `createTheme` type the values
 // need to be overrideable through primitives
-export default (
-  themePrimitives: ColorTokensT = colorTokens,
-): ComponentColorTokensT => ({
+export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorTokensT => ({
   // Buttons
   buttonPrimaryFill: themePrimitives.primary,
   buttonPrimaryText: themePrimitives.black,

package/themes/dark-theme/color-deprecated-semantic-tokens.js.flow

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import colorTokens from './color-tokens.js';
-import type {ColorTokensT} from '../types.js';
+import type { ColorTokensT } from '../types.js';
 
 /* ---- DEPRECATED ---- */
 export default (themePrimitives: ColorTokensT = colorTokens) => ({

package/themes/dark-theme/color-semantic-tokens.js.flow

@@ -12,12 +12,12 @@ import type {
   SemanticColorTokensT,
 } from '../types.js';
 import colorTokens from './color-tokens.js';
-import {hexToRgb as hexToRgba} from '../../styles/util.js';
+import { hexToRgb as hexToRgba } from '../../styles/util.js';
 import colors from '../../tokens/colors.js';
 
 export default (
   // themePrimitives or foundation colors
-  foundation: ColorTokensT = colorTokens,
+  foundation: ColorTokensT = colorTokens
 ): SemanticColorTokensT => {
   const core: CoreSemanticColorTokensT = {
     // Background

package/themes/dark-theme/color-tokens.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
-import {colors} from '../../tokens/index.js';
-import type {ColorTokensT} from '../types.js';
+import { colors } from '../../tokens/index.js';
+import type { ColorTokensT } from '../types.js';
 
 // color constants
 export const darkColorTokens: ColorTokensT = {

package/themes/dark-theme/create-dark-theme.js.flow

@@ -20,17 +20,17 @@ import lighting from '../shared/lighting.js';
 import mediaQuery from '../shared/media-query.js';
 import sizing from '../shared/sizing.js';
 
-import type {PrimitivesT, ColorTokensT} from '../types.js';
-import type {ThemeT} from '../../styles/types.js';
+import type { PrimitivesT, ColorTokensT } from '../types.js';
+import type { ThemeT } from '../../styles/types.js';
 
 export default function createDarkTheme(
   // Used to derive typography and color theme properties
   primitives?: $Shape<PrimitivesT> = {},
   // Used to override default theme property values derived from primitives
-  overrides?: {},
+  overrides?: {}
 ): ThemeT {
   // Extract font tokens and color tokens from primitives
-  const {primaryFontFamily, ...customColorTokens} = primitives;
+  const { primaryFontFamily, ...customColorTokens } = primitives;
   // Assemble color tokens by overriding defaults with custom color tokens
   const colorTokens: ColorTokensT = {
     ...defaultColorTokens,
@@ -52,9 +52,7 @@ export default function createDarkTheme(
     mediaQuery,
     sizing,
     // If primaryFontFamily is not provided, we use our default font tokens
-    typography: primaryFontFamily
-      ? getTypography({primaryFontFamily})
-      : getTypography(),
+    typography: primaryFontFamily ? getTypography({ primaryFontFamily }) : getTypography(),
     // TODO(#2318) Remove in v11, the next major version.
     // Do not use.
     zIndex: {

package/themes/dark-theme/dark-theme.js.flow

@@ -18,7 +18,7 @@ import grid from '../shared/grid.js';
 import mediaQuery from '../shared/media-query.js';
 import sizing from '../shared/sizing.js';
 
-import type {ThemeT} from '../../styles/types.js';
+import type { ThemeT } from '../../styles/types.js';
 
 export const DarkTheme: ThemeT = {
   name: 'dark-theme',

package/themes/dark-theme/primitives.js.flow

@@ -6,8 +6,8 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import colorTokens from './color-tokens.js';
-import {defaultFontTokens} from '../shared/typography.js';
-import type {PrimitivesT} from '../types.js';
+import { defaultFontTokens } from '../shared/typography.js';
+import type { PrimitivesT } from '../types.js';
 
 // We don't use this ourselves. We provide it for backward compatibility.
 // People may have used it to create their own custom theme.

package/themes/index.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 {LightTheme} from './light-theme/light-theme.js';
-import {LightThemeMove} from './move-theme/light-theme-with-move.js';
-import {DarkTheme} from './dark-theme/dark-theme.js';
-import {DarkThemeMove} from './move-theme/dark-theme-with-move.js';
+import { LightTheme } from './light-theme/light-theme.js';
+import { LightThemeMove } from './move-theme/light-theme-with-move.js';
+import { DarkTheme } from './dark-theme/dark-theme.js';
+import { DarkThemeMove } from './move-theme/dark-theme-with-move.js';
 import createDarkTheme from './dark-theme/create-dark-theme.js';
 import createLightTheme from './light-theme/create-light-theme.js';
 import darkThemePrimitives from './dark-theme/primitives.js';

package/themes/light-theme/color-component-tokens.js.flow

@@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import colorTokens from './color-tokens.js';
-import type {ColorTokensT, ComponentColorTokensT} from '../types.js';
+import type { ColorTokensT, ComponentColorTokensT } from '../types.js';
 
 const tagHoverBackground = `rgba(0, 0, 0, 0.08)`;
 
@@ -15,9 +15,7 @@ const tagHoverBackground = `rgba(0, 0, 0, 0.08)`;
 // with values taken from `colorTokens`.
 // Due to the legacy `createTheme` type the value need to be
 // overrideable through primitives (`foundation` )
-export default (
-  themePrimitives: ColorTokensT = colorTokens,
-): ComponentColorTokensT => ({
+export default (themePrimitives: ColorTokensT = colorTokens): ComponentColorTokensT => ({
   // Buttons
   buttonPrimaryFill: themePrimitives.primary,
   buttonPrimaryText: themePrimitives.white,

package/themes/light-theme/color-deprecated-semantic-tokens.js.flow

@@ -6,12 +6,10 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import colorTokens from './color-tokens.js';
-import type {ColorTokensT, DeprecatedSemanticColorTokensT} from '../types.js';
+import type { ColorTokensT, DeprecatedSemanticColorTokensT } from '../types.js';
 
 /* ---- DEPRECATED ---- */
-export default (
-  themePrimitives: ColorTokensT = colorTokens,
-): DeprecatedSemanticColorTokensT => ({
+export default (themePrimitives: ColorTokensT = colorTokens): DeprecatedSemanticColorTokensT => ({
   // TODO(#2318) Remove Legacy Semantic Colors values in the next v11 major
   // since it's not used in the component specific tokens
   // and we ship semantic tokens separately

package/themes/light-theme/color-semantic-tokens.js.flow

@@ -12,12 +12,12 @@ import type {
   SemanticColorTokensT,
 } from '../types.js';
 import colorTokens from './color-tokens.js';
-import {hexToRgb as hexToRgba} from '../../styles/util.js';
+import { hexToRgb as hexToRgba } from '../../styles/util.js';
 import colors from '../../tokens/colors.js';
 
 export default (
   // themePrimitives or foundation colors
-  foundation: ColorTokensT = colorTokens,
+  foundation: ColorTokensT = colorTokens
 ): SemanticColorTokensT => {
   const core: CoreSemanticColorTokensT = {
     // Background

package/themes/light-theme/color-tokens.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
-import {colors} from '../../tokens/index.js';
-import type {ColorTokensT} from '../types.js';
+import { colors } from '../../tokens/index.js';
+import type { ColorTokensT } from '../types.js';
 
 // color constants
 const lightColorTokens: ColorTokensT = {

package/themes/light-theme/create-light-theme.js.flow

@@ -20,17 +20,17 @@ import lighting from '../shared/lighting.js';
 import mediaQuery from '../shared/media-query.js';
 import sizing from '../shared/sizing.js';
 
-import type {PrimitivesT, ColorTokensT} from '../types.js';
-import type {ThemeT} from '../../styles/types.js';
+import type { PrimitivesT, ColorTokensT } from '../types.js';
+import type { ThemeT } from '../../styles/types.js';
 
 export default function createLightTheme(
   // Used to derive typography and color theme properties
   primitives?: $Shape<PrimitivesT> = {},
   // Used to override default theme property values derived from primitives
-  overrides?: {},
+  overrides?: {}
 ): ThemeT {
   // Extract font tokens and color tokens from primitives
-  const {primaryFontFamily, ...customColorTokens} = primitives;
+  const { primaryFontFamily, ...customColorTokens } = primitives;
   // Assemble color tokens by overriding defaults with custom color tokens
   const colorTokens: ColorTokensT = {
     ...defaultColorTokens,
@@ -52,9 +52,7 @@ export default function createLightTheme(
     mediaQuery,
     sizing,
     // If primaryFontFamily is not provided, we use our default font tokens
-    typography: primaryFontFamily
-      ? getTypography({primaryFontFamily})
-      : getTypography(),
+    typography: primaryFontFamily ? getTypography({ primaryFontFamily }) : getTypography(),
     // TODO(#2318) Remove in v11, the next major version.
     // Do not use.
     zIndex: {

package/themes/light-theme/light-theme.js.flow

@@ -18,7 +18,7 @@ import grid from '../shared/grid.js';
 import mediaQuery from '../shared/media-query.js';
 import sizing from '../shared/sizing.js';
 
-import type {ThemeT} from '../../styles/types.js';
+import type { ThemeT } from '../../styles/types.js';
 
 export const LightTheme: ThemeT = {
   name: 'light-theme',

package/themes/light-theme/primitives.js.flow

@@ -6,8 +6,8 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import colorTokens from './color-tokens.js';
-import {defaultFontTokens} from '../shared/typography.js';
-import type {PrimitivesT} from '../types.js';
+import { defaultFontTokens } from '../shared/typography.js';
+import type { PrimitivesT } from '../types.js';
 
 // We don't use this ourselves. We provide it for backward compatibility.
 // People may have used it to create their own custom theme.

package/themes/move-theme/dark-theme-with-move.js.flow

@@ -7,14 +7,11 @@ LICENSE file in the root directory of this source tree.
 // @flow
 
 import deepMerge from '../../utils/deep-merge.js';
-import {DarkTheme} from '../dark-theme/dark-theme.js';
-import {
-  typography as moveTypography,
-  fontTokens as moveFontTokens,
-} from './typography.js';
+import { DarkTheme } from '../dark-theme/dark-theme.js';
+import { typography as moveTypography, fontTokens as moveFontTokens } from './typography.js';
 import getTypography from '../shared/typography.js';
 
-import type {ThemeT} from '../../styles/types.js';
+import type { ThemeT } from '../../styles/types.js';
 
 export const DarkThemeMove: ThemeT = deepMerge({}, DarkTheme, {
   name: 'dark-theme-with-move',

package/themes/move-theme/light-theme-with-move.js.flow

@@ -7,14 +7,11 @@ LICENSE file in the root directory of this source tree.
 // @flow
 
 import deepMerge from '../../utils/deep-merge.js';
-import {LightTheme} from '../light-theme/light-theme.js';
-import {
-  typography as moveTypography,
-  fontTokens as moveFontTokens,
-} from './typography.js';
+import { LightTheme } from '../light-theme/light-theme.js';
+import { typography as moveTypography, fontTokens as moveFontTokens } from './typography.js';
 import getTypography from '../shared/typography.js';
 
-import type {ThemeT} from '../../styles/types.js';
+import type { ThemeT } from '../../styles/types.js';
 
 export const LightThemeMove: ThemeT = deepMerge({}, LightTheme, {
   name: 'light-theme-with-move',

package/themes/move-theme/typography.js.flow

@@ -5,11 +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 type {FontTokensT} from '../types.js';
+import type { FontTokensT } from '../types.js';
 
 export const fontTokens: FontTokensT = {
-  primaryFontFamily:
-    'UberMoveText, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif',
+  primaryFontFamily: 'UberMoveText, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif',
 };
 
 const secondaryFontFamily =
@@ -18,33 +17,33 @@ const secondaryFontFamily =
 const monoFontFamily = 'UberMoveMono, "Lucida Console", Monaco, monospace';
 
 export const typography = {
-  font1450: {fontFamily: secondaryFontFamily},
-  font1350: {fontFamily: secondaryFontFamily},
-  font1250: {fontFamily: secondaryFontFamily},
-  font1150: {fontFamily: secondaryFontFamily},
-  DisplayLarge: {fontFamily: secondaryFontFamily},
-  DisplayMedium: {fontFamily: secondaryFontFamily},
-  DisplaySmall: {fontFamily: secondaryFontFamily},
-  DisplayXSmall: {fontFamily: secondaryFontFamily},
+  font1450: { fontFamily: secondaryFontFamily },
+  font1350: { fontFamily: secondaryFontFamily },
+  font1250: { fontFamily: secondaryFontFamily },
+  font1150: { fontFamily: secondaryFontFamily },
+  DisplayLarge: { fontFamily: secondaryFontFamily },
+  DisplayMedium: { fontFamily: secondaryFontFamily },
+  DisplaySmall: { fontFamily: secondaryFontFamily },
+  DisplayXSmall: { fontFamily: secondaryFontFamily },
 
-  MonoParagraphXSmall: {fontFamily: monoFontFamily},
-  MonoParagraphSmall: {fontFamily: monoFontFamily},
-  MonoParagraphMedium: {fontFamily: monoFontFamily},
-  MonoParagraphLarge: {fontFamily: monoFontFamily},
-  MonoLabelXSmall: {fontFamily: monoFontFamily},
-  MonoLabelSmall: {fontFamily: monoFontFamily},
-  MonoLabelMedium: {fontFamily: monoFontFamily},
-  MonoLabelLarge: {fontFamily: monoFontFamily},
-  MonoHeadingXSmall: {fontFamily: monoFontFamily},
-  MonoHeadingSmall: {fontFamily: monoFontFamily},
-  MonoHeadingMedium: {fontFamily: monoFontFamily},
-  MonoHeadingLarge: {fontFamily: monoFontFamily},
-  MonoHeadingXLarge: {fontFamily: monoFontFamily},
-  MonoHeadingXXLarge: {fontFamily: monoFontFamily},
-  MonoDisplayXSmall: {fontFamily: monoFontFamily},
-  MonoDisplaySmall: {fontFamily: monoFontFamily},
-  MonoDisplayMedium: {fontFamily: monoFontFamily},
-  MonoDisplayLarge: {fontFamily: monoFontFamily},
+  MonoParagraphXSmall: { fontFamily: monoFontFamily },
+  MonoParagraphSmall: { fontFamily: monoFontFamily },
+  MonoParagraphMedium: { fontFamily: monoFontFamily },
+  MonoParagraphLarge: { fontFamily: monoFontFamily },
+  MonoLabelXSmall: { fontFamily: monoFontFamily },
+  MonoLabelSmall: { fontFamily: monoFontFamily },
+  MonoLabelMedium: { fontFamily: monoFontFamily },
+  MonoLabelLarge: { fontFamily: monoFontFamily },
+  MonoHeadingXSmall: { fontFamily: monoFontFamily },
+  MonoHeadingSmall: { fontFamily: monoFontFamily },
+  MonoHeadingMedium: { fontFamily: monoFontFamily },
+  MonoHeadingLarge: { fontFamily: monoFontFamily },
+  MonoHeadingXLarge: { fontFamily: monoFontFamily },
+  MonoHeadingXXLarge: { fontFamily: monoFontFamily },
+  MonoDisplayXSmall: { fontFamily: monoFontFamily },
+  MonoDisplaySmall: { fontFamily: monoFontFamily },
+  MonoDisplayMedium: { fontFamily: monoFontFamily },
+  MonoDisplayLarge: { fontFamily: monoFontFamily },
 };
 
 declare var __DEV__: boolean;

package/themes/shared/animation.js.flow

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-import type {AnimationT} from '../types.js';
+import type { AnimationT } from '../types.js';
 
 const animation: AnimationT = {
   timing100: '100ms',

package/themes/shared/borders.js.flow

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-import type {BordersT} from '../types.js';
+import type { BordersT } from '../types.js';
 
 // borderColor is defaulted to the light theme values.
 // Dark theme overrides the border colors.

package/themes/shared/breakpoints.js.flow

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-import type {BreakpointsT} from '../types.js';
+import type { BreakpointsT } from '../types.js';
 
 const breakpoints: BreakpointsT = {
   small: 320,

package/themes/shared/grid.js.flow

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-import type {GridT} from '../types.js';
+import type { GridT } from '../types.js';
 
 const grid: GridT = {
   columns: [4, 8, 12],

package/themes/shared/lighting.js.flow

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-import type {LightingT} from '../types.js';
+import type { LightingT } from '../types.js';
 
 const lighting: LightingT = {
   shadow400: '0 1px 4px hsla(0, 0%, 0%, 0.16)',

package/themes/shared/media-query.js.flow

@@ -6,9 +6,9 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-import {getMediaQuery} from '../../helpers/responsive-helpers.js';
+import { getMediaQuery } from '../../helpers/responsive-helpers.js';
 import breakpoints from './breakpoints.js';
-import type {MediaQueryT} from '../types.js';
+import type { MediaQueryT } from '../types.js';
 
 const mediaQuery: MediaQueryT = {
   small: getMediaQuery(breakpoints.small),

package/themes/shared/sizing.js.flow

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-import type {SizingT} from '../types.js';
+import type { SizingT } from '../types.js';
 
 const sizing: SizingT = {
   scale0: '2px',