Skip to content

Instantly share code, notes, and snippets.

@chasestarr
Last active February 19, 2020 22:47
Show Gist options
  • Save chasestarr/da3a847c80bffd3aaee3cff008a12154 to your computer and use it in GitHub Desktop.
Save chasestarr/da3a847c80bffd3aaee3cff008a12154 to your computer and use it in GitHub Desktop.
before/after transforming cup globals in .js.flow files (25 vs 8 errors)
yarn run v1.10.1
$ flow
Error --------------------------------------------------------------- node_modules/baseui/checkbox/checkbox.js.flow:57:9
Cannot resolve name `__DEV__`.
57| if (__DEV__ && this.props.checkmarkType === STYLE_TYPE.toggle) {
^^^^^^^
Error ------------------------------------------- node_modules/baseui/checkbox/stateful-checkbox-container.js.flow:92:10
Cannot determine a type for object literal [1]. `StateT` [2] is inexact, so it may contain `overrides` with a type that
conflicts with `overrides`'s definition in rest of object pattern [3]. Can you make `StateT` [2] exact?
node_modules/baseui/checkbox/stateful-checkbox-container.js.flow:92:10
92| ...this.state,
^^^^^^^^^^
References:
node_modules/baseui/checkbox/stateful-checkbox-container.js.flow:90:21
v
90| return children({
91| ...restProps,
92| ...this.state,
93| onChange,
94| onMouseEnter,
95| onMouseLeave,
96| onFocus,
97| onBlur,
98| });
^ [1]
node_modules/baseui/checkbox/stateful-checkbox-container.js.flow:21:3
21| StateT,
^^^^^^ [2]
node_modules/baseui/checkbox/stateful-checkbox-container.js.flow:87:7
87| ...restProps
^^^^^^^^^^^^ [3]
Error ---------------------------------------------------- node_modules/baseui/checkbox/styled-components.js.flow:221:10
Cannot determine a type for object literal [1]. `FontT` [2] is inexact, so it may contain `verticalAlign` with a type
that conflicts with `verticalAlign`'s definition in object literal [1]. Can you make `FontT` [2] exact?
node_modules/baseui/checkbox/styled-components.js.flow:221:10
221| const {$theme, $checkmarkType} = props;
^^^^^^
References:
node_modules/baseui/checkbox/styled-components.js.flow:223:11
v
223| return ({
224| flex: $checkmarkType === STYLE_TYPE.toggle ? 'auto' : null,
225| verticalAlign: 'middle',
226| ...getLabelPadding(props),
227| color: getLabelColor(props),
228| ...typography.font250,
229| lineHeight: '24px',
230| }: {});
^ [1]
node_modules/baseui/themes/types.js.flow:559:12
559| font250: FontT,
^^^^^ [2]
Error -------------------------------------------------------------- node_modules/baseui/helpers/overrides.js.flow:62:12
Cannot spread object literal because `ConfigurationOverrideFunctionT` [1] is not an object.
node_modules/baseui/helpers/overrides.js.flow:62:12
v
62| return {
63| ...override.props,
64| $style: override.style,
65| };
^
References:
node_modules/baseui/helpers/overrides.js.flow:23:12
23| props?: ?ConfigurationOverrideT,
^^^^^^^^^^^^^^^^^^^^^^ [1]
Error --------------------------------------------------------------------- node_modules/baseui/layer/layer.js.flow:42:9
Cannot resolve name `__DEV__`.
42| if (__DEV__) {
^^^^^^^
Error -------------------------------------------------------------------- node_modules/baseui/layer/layer.js.flow:115:9
Cannot resolve name `__BROWSER__`.
115| if (__BROWSER__) {
^^^^^^^^^^^
Error ------------------------------------------------------------ node_modules/baseui/layer/layers-manager.js.flow:22:7
Cannot resolve name `__DEV__`.
22| if (__DEV__) {
^^^^^^^
Error ------------------------------------------------------------ node_modules/baseui/layer/layers-manager.js.flow:60:9
Cannot resolve name `__BROWSER__`.
60| if (__BROWSER__) {
^^^^^^^^^^^
Error ------------------------------------------------------------ node_modules/baseui/layer/layers-manager.js.flow:66:9
Cannot resolve name `__BROWSER__`.
66| if (__BROWSER__) {
^^^^^^^^^^^
Error ---------------------------------------------------------- node_modules/baseui/layer/layers-manager.js.flow:111:15
Cannot resolve name `__DEV__`.
111| if (__DEV__) {
^^^^^^^
Error ------------------------------------------------------------------- node_modules/baseui/layer/tether.js.flow:48:15
Cannot resolve name `__DEV__`.
48| if (__DEV__) {
^^^^^^^
Error ---------------------------------------------------------------- node_modules/baseui/popover/popover.js.flow:235:9
Cannot resolve name `__BROWSER__`.
235| if (__BROWSER__) {
^^^^^^^^^^^
Error ---------------------------------------------------------------- node_modules/baseui/popover/popover.js.flow:242:9
Cannot resolve name `__BROWSER__`.
242| if (__BROWSER__) {
^^^^^^^^^^^
Error --------------------------------------------------------------- node_modules/baseui/popover/popover.js.flow:403:13
Cannot determine a type for props [1]. `SharedStylePropsArgT` [2] is inexact, so it may contain `role` with a type that
conflicts with `role`'s definition in props [1]. Can you make `SharedStylePropsArgT` [2] exact?
node_modules/baseui/popover/popover.js.flow:403:13
403| {...sharedProps}
^^^^^^^^^^^
References:
node_modules/baseui/popover/popover.js.flow:398:7
v----
398| <Body
399| key="popover-body"
400| ref={this.popperRef}
401| data-baseweb={this.props['data-baseweb'] || 'popover'}
402| {...bodyProps}
403| {...sharedProps}
404| {...getOverrideProps(BodyOverride)}
405| >
406| {showArrow ? (
407| <Arrow
408| key="popover-arrow"
409| ref={this.arrowRef}
410| {...sharedProps}
411| {...getOverrideProps(ArrowOverride)}
412| />
413| ) : null}
414| <Inner {...sharedProps} {...getOverrideProps(InnerOverride)}>
415| {renderedContent}
416| </Inner>
417| </Body>
------^ [1]
node_modules/baseui/popover/popover.js.flow:341:27
341| getSharedProps(): $Diff<SharedStylePropsArgT, {children?: React.Node}> {
^^^^^^^^^^^^^^^^^^^^ [2]
Error --------------------------------------------------------------- node_modules/baseui/popover/popover.js.flow:410:17
Cannot determine a type for props [1]. `SharedStylePropsArgT` [2] is inexact, so it may contain `ref` with a type that
conflicts with `ref`'s definition in props [1]. Can you make `SharedStylePropsArgT` [2] exact?
node_modules/baseui/popover/popover.js.flow:410:17
410| {...sharedProps}
^^^^^^^^^^^
References:
node_modules/baseui/popover/popover.js.flow:407:11
v-----
407| <Arrow
408| key="popover-arrow"
409| ref={this.arrowRef}
410| {...sharedProps}
411| {...getOverrideProps(ArrowOverride)}
412| />
-^ [1]
node_modules/baseui/popover/popover.js.flow:341:27
341| getSharedProps(): $Diff<SharedStylePropsArgT, {children?: React.Node}> {
^^^^^^^^^^^^^^^^^^^^ [2]
Error --------------------------------------------------------------- node_modules/baseui/popover/popover.js.flow:414:20
Cannot determine a type for props [1]. `SharedStylePropsArgT` [2] is inexact, so it may contain `$style` with a type
that conflicts with `$style`'s definition in object literal [3]. Can you make `SharedStylePropsArgT` [2] exact?
node_modules/baseui/popover/popover.js.flow:414:20
414| <Inner {...sharedProps} {...getOverrideProps(InnerOverride)}>
^^^^^^^^^^^
References:
node_modules/baseui/popover/popover.js.flow:414:9
v------------------------------------------------------------
414| <Inner {...sharedProps} {...getOverrideProps(InnerOverride)}>
415| {renderedContent}
416| </Inner>
-------^ [1]
node_modules/baseui/popover/popover.js.flow:341:27
341| getSharedProps(): $Diff<SharedStylePropsArgT, {children?: React.Node}> {
^^^^^^^^^^^^^^^^^^^^ [2]
node_modules/baseui/helpers/overrides.js.flow:62:12
v
62| return {
63| ...override.props,
64| $style: override.style,
65| };
^ [3]
Error ------------------------------------------------------------------ node_modules/baseui/popover/utils.js.flow:132:6
Cannot use `alignmentProperty` [1] as a computed property. Computed properties may only be primitive literal values, but
conditional [2] is a union. Can you add a literal type annotation to `alignmentProperty` [1]? See
https://flow.org/en/docs/types/literals/ for more information on literal types.
node_modules/baseui/popover/utils.js.flow:132:6
132| [alignmentProperty]: `${offsets[alignmentProperty]}px`,
^^^^^^^^^^^^^^^^^ [1]
References:
node_modules/baseui/popover/utils.js.flow:130:29
130| const alignmentProperty = isVerticalPosition(position) ? 'left' : 'top';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ [2]
Error ----------------------------------------------------------------- node_modules/baseui/themes/creator.js.flow:41:10
Cannot determine a type for object literal [1]. `ComponentColorTokensT` [2] is inexact, so it may contain `white` with a
type that conflicts with `white`'s definition in object literal [3]. Can you make `ComponentColorTokensT` [2] exact?
node_modules/baseui/themes/creator.js.flow:41:10
41| ...getColorComponentTokens(colorTokensWithOverrides),
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
References:
node_modules/baseui/themes/creator.js.flow:38:13
v
38| colors: {
39| ...colorTokensWithOverrides,
40| // get component color tokens based on the colors with overrides
41| ...getColorComponentTokens(colorTokensWithOverrides),
42| // get deprecated semantic color tokens based on the colors with overrides
43| ...getDeprecatedSemanticColors(colorTokensWithOverrides),
44| ...getSemanticColors(colorTokensWithOverrides),
45| },
^ [1]
node_modules/baseui/themes/light-theme/color-component-tokens.js.flow:18:4
18| ): ComponentColorTokensT => ({
^^^^^^^^^^^^^^^^^^^^^ [2]
node_modules/baseui/themes/creator.js.flow:36:36
36| const colorTokensWithOverrides = {...colorTokens, ...colors};
^^^^^^^^^^^^^^^^^^^^^^^^^^^ [3]
Error ----------------------------------------- node_modules/baseui/themes/dark-theme/color-semantic-tokens.js.flow:82:8
Cannot determine a type for object literal [1]. `CoreExtensionSemanticColorTokensT` [2] is inexact, so it may contain
`contentTertiary` with a type that conflicts with `contentTertiary`'s definition in `CoreSemanticColorTokensT` [3]. Can
you make `CoreExtensionSemanticColorTokensT` [2] exact?
node_modules/baseui/themes/dark-theme/color-semantic-tokens.js.flow:82:8
82| ...coreExtensions,
^^^^^^^^^^^^^^
References:
node_modules/baseui/themes/dark-theme/color-semantic-tokens.js.flow:80:10
v
80| return {
81| ...core,
82| ...coreExtensions,
83| };
^ [1]
node_modules/baseui/themes/dark-theme/color-semantic-tokens.js.flow:47:25
47| const coreExtensions: CoreExtensionSemanticColorTokensT = {
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ [2]
node_modules/baseui/themes/dark-theme/color-semantic-tokens.js.flow:22:15
22| const core: CoreSemanticColorTokensT = {
^^^^^^^^^^^^^^^^^^^^^^^^ [3]
Error ---------------------------------------------------- node_modules/baseui/themes/dark-theme/dark-theme.js.flow:27:8
Cannot determine a type for object literal [1]. `ComponentColorTokensT` [2] is inexact, so it may contain `white` with a
type that conflicts with `white`'s definition in `ColorTokensT` [3]. Can you make `ComponentColorTokensT` [2] exact?
node_modules/baseui/themes/dark-theme/dark-theme.js.flow:27:8
27| ...getColorComponentTokens(),
^^^^^^^^^^^^^^^^^^^^^^^^^
References:
node_modules/baseui/themes/dark-theme/dark-theme.js.flow:25:11
v
25| colors: {
26| ...colors,
27| ...getColorComponentTokens(),
28| ...getDeprecatedSemanticColors(),
29| ...getSemanticColors(),
30| },
^ [1]
node_modules/baseui/themes/dark-theme/color-component-tokens.js.flow:18:4
18| ): ComponentColorTokensT => ({
^^^^^^^^^^^^^^^^^^^^^ [2]
node_modules/baseui/themes/dark-theme/color-tokens.js.flow:12:31
12| export const darkColorTokens: ColorTokensT = {
^^^^^^^^^^^^ [3]
Error -------------------------------------------------------------------- node_modules/baseui/themes/index.js.flow:19:6
Cannot determine a type for object literal [1]. `FontTokensT` [2] is inexact, so it may contain `white` with a type that
conflicts with `white`'s definition in `ColorTokensT` [3]. Can you make `FontTokensT` [2] exact?
node_modules/baseui/themes/index.js.flow:19:6
19| ...fontTokens,
^^^^^^^^^^
References:
node_modules/baseui/themes/index.js.flow:17:30
v
17| const lightThemePrimitives = {
18| ...lightColorTokens,
19| ...fontTokens,
20| };
^ [1]
node_modules/baseui/themes/shared/typography.js.flow:10:26
10| export const fontTokens: FontTokensT = {
^^^^^^^^^^^ [2]
node_modules/baseui/themes/light-theme/color-tokens.js.flow:12:25
12| const lightColorTokens: ColorTokensT = {
^^^^^^^^^^^^ [3]
Error -------------------------------------------------------------------- node_modules/baseui/themes/index.js.flow:24:6
Cannot determine a type for object literal [1]. `FontTokensT` [2] is inexact, so it may contain `white` with a type that
conflicts with `white`'s definition in `ColorTokensT` [3]. Can you make `FontTokensT` [2] exact?
node_modules/baseui/themes/index.js.flow:24:6
24| ...fontTokens,
^^^^^^^^^^
References:
node_modules/baseui/themes/index.js.flow:22:29
v
22| const darkThemePrimitives = {
23| ...darkColorTokens,
24| ...fontTokens,
25| };
^ [1]
node_modules/baseui/themes/shared/typography.js.flow:10:26
10| export const fontTokens: FontTokensT = {
^^^^^^^^^^^ [2]
node_modules/baseui/themes/dark-theme/color-tokens.js.flow:12:31
12| export const darkColorTokens: ColorTokensT = {
^^^^^^^^^^^^ [3]
Error ---------------------------------------- node_modules/baseui/themes/light-theme/color-semantic-tokens.js.flow:81:8
Cannot determine a type for object literal [1]. `CoreExtensionSemanticColorTokensT` [2] is inexact, so it may contain
`contentTertiary` with a type that conflicts with `contentTertiary`'s definition in `CoreSemanticColorTokensT` [3]. Can
you make `CoreExtensionSemanticColorTokensT` [2] exact?
node_modules/baseui/themes/light-theme/color-semantic-tokens.js.flow:81:8
81| ...coreExtensions,
^^^^^^^^^^^^^^
References:
node_modules/baseui/themes/light-theme/color-semantic-tokens.js.flow:79:10
v
79| return {
80| ...core,
81| ...coreExtensions,
82| };
^ [1]
node_modules/baseui/themes/light-theme/color-semantic-tokens.js.flow:47:25
47| const coreExtensions: CoreExtensionSemanticColorTokensT = {
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ [2]
node_modules/baseui/themes/light-theme/color-semantic-tokens.js.flow:22:15
22| const core: CoreSemanticColorTokensT = {
^^^^^^^^^^^^^^^^^^^^^^^^ [3]
Error -------------------------------------------------- node_modules/baseui/themes/light-theme/light-theme.js.flow:27:8
Cannot determine a type for object literal [1]. `ComponentColorTokensT` [2] is inexact, so it may contain `white` with a
type that conflicts with `white`'s definition in `ColorTokensT` [3]. Can you make `ComponentColorTokensT` [2] exact?
node_modules/baseui/themes/light-theme/light-theme.js.flow:27:8
27| ...getColorComponentTokens(),
^^^^^^^^^^^^^^^^^^^^^^^^^
References:
node_modules/baseui/themes/light-theme/light-theme.js.flow:25:11
v
25| colors: {
26| ...colors,
27| ...getColorComponentTokens(),
28| ...getDeprecatedSemanticColors(),
29| ...getSemanticColors(),
30| },
^ [1]
node_modules/baseui/themes/light-theme/color-component-tokens.js.flow:18:4
18| ): ComponentColorTokensT => ({
^^^^^^^^^^^^^^^^^^^^^ [2]
node_modules/baseui/themes/light-theme/color-tokens.js.flow:12:25
12| const lightColorTokens: ColorTokensT = {
^^^^^^^^^^^^ [3]
Error ------------------------------------------------------------- node_modules/baseui/utils/focusVisible.js.flow:139:7
Cannot resolve name `__BROWSER__`.
139| if (__BROWSER__) {
^^^^^^^^^^^
Found 25 errors
Only showing the most relevant union/intersection branches.
To see all branches, re-run Flow with --show-all-branches
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
yarn run v1.10.1
$ flow
Error ------------------------------------------------------------------ node_modules/baseui/popover/utils.js.flow:119:6
Cannot use `alignmentProperty` [1] as a computed property. Computed properties may only be primitive literal values, but
conditional [2] is a union. Can you add a literal type annotation to `alignmentProperty` [1]? See
https://flow.org/en/docs/types/literals/ for more information on literal types.
node_modules/baseui/popover/utils.js.flow:119:6
119| [alignmentProperty]: `${offsets[alignmentProperty]}px`,
^^^^^^^^^^^^^^^^^ [1]
References:
node_modules/baseui/popover/utils.js.flow:117:29
117| const alignmentProperty = isVerticalPosition(position) ? 'left' : 'top';
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ [2]
Error ----------------------------------------------------------------- node_modules/baseui/themes/creator.js.flow:39:10
Cannot determine a type for object literal [1]. `ComponentColorTokensT` [2] is inexact, so it may contain `white` with a
type that conflicts with `white`'s definition in object literal [3]. Can you make `ComponentColorTokensT` [2] exact?
node_modules/baseui/themes/creator.js.flow:39:10
39| ...getColorComponentTokens(colorTokensWithOverrides),
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
References:
node_modules/baseui/themes/creator.js.flow:37:13
v-----------------------------
37| colors: { ...colorTokensWithOverrides,
38| // get component color tokens based on the colors with overrides
39| ...getColorComponentTokens(colorTokensWithOverrides),
40| // get deprecated semantic color tokens based on the colors with overrides
41| ...getDeprecatedSemanticColors(colorTokensWithOverrides),
42| ...getSemanticColors(colorTokensWithOverrides)
43| },
^ [1]
node_modules/baseui/themes/light-theme/color-component-tokens.js.flow:16:64
16| export default ((themePrimitives: ColorTokensT = colorTokens): ComponentColorTokensT => ({
^^^^^^^^^^^^^^^^^^^^^ [2]
node_modules/baseui/themes/creator.js.flow:33:36
v----------------
33| const colorTokensWithOverrides = { ...colorTokens,
34| ...colors
35| };
^ [3]
Error ----------------------------------------- node_modules/baseui/themes/dark-theme/color-semantic-tokens.js.flow:67:8
Cannot determine a type for object literal [1]. `CoreExtensionSemanticColorTokensT` [2] is inexact, so it may contain
`contentTertiary` with a type that conflicts with `contentTertiary`'s definition in `CoreSemanticColorTokensT` [3]. Can
you make `CoreExtensionSemanticColorTokensT` [2] exact?
node_modules/baseui/themes/dark-theme/color-semantic-tokens.js.flow:67:8
67| ...coreExtensions
^^^^^^^^^^^^^^
References:
node_modules/baseui/themes/dark-theme/color-semantic-tokens.js.flow:66:10
v---------
66| return { ...core,
67| ...coreExtensions
68| };
^ [1]
node_modules/baseui/themes/dark-theme/color-semantic-tokens.js.flow:36:25
36| const coreExtensions: CoreExtensionSemanticColorTokensT = {
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ [2]
node_modules/baseui/themes/dark-theme/color-semantic-tokens.js.flow:14:15
14| const core: CoreSemanticColorTokensT = {
^^^^^^^^^^^^^^^^^^^^^^^^ [3]
Error ---------------------------------------------------- node_modules/baseui/themes/dark-theme/dark-theme.js.flow:24:8
Cannot determine a type for object literal [1]. `ComponentColorTokensT` [2] is inexact, so it may contain `white` with a
type that conflicts with `white`'s definition in `ColorTokensT` [3]. Can you make `ComponentColorTokensT` [2] exact?
node_modules/baseui/themes/dark-theme/dark-theme.js.flow:24:8
24| ...getColorComponentTokens(),
^^^^^^^^^^^^^^^^^^^^^^^^^
References:
node_modules/baseui/themes/dark-theme/dark-theme.js.flow:23:11
v-----------
23| colors: { ...colors,
24| ...getColorComponentTokens(),
25| ...getDeprecatedSemanticColors(),
26| ...getSemanticColors()
27| },
^ [1]
node_modules/baseui/themes/dark-theme/color-component-tokens.js.flow:16:64
16| export default ((themePrimitives: ColorTokensT = colorTokens): ComponentColorTokensT => ({
^^^^^^^^^^^^^^^^^^^^^ [2]
node_modules/baseui/themes/dark-theme/color-tokens.js.flow:11:31
11| export const darkColorTokens: ColorTokensT = {
^^^^^^^^^^^^ [3]
Error -------------------------------------------------------------------- node_modules/baseui/themes/index.js.flow:17:6
Cannot determine a type for object literal [1]. `FontTokensT` [2] is inexact, so it may contain `white` with a type that
conflicts with `white`'s definition in `ColorTokensT` [3]. Can you make `FontTokensT` [2] exact?
node_modules/baseui/themes/index.js.flow:17:6
17| ...fontTokens
^^^^^^^^^^
References:
node_modules/baseui/themes/index.js.flow:16:30
v---------------------
16| const lightThemePrimitives = { ...lightColorTokens,
17| ...fontTokens
18| };
^ [1]
node_modules/baseui/themes/shared/typography.js.flow:9:26
9| export const fontTokens: FontTokensT = {
^^^^^^^^^^^ [2]
node_modules/baseui/themes/light-theme/color-tokens.js.flow:11:25
11| const lightColorTokens: ColorTokensT = {
^^^^^^^^^^^^ [3]
Error -------------------------------------------------------------------- node_modules/baseui/themes/index.js.flow:20:6
Cannot determine a type for object literal [1]. `FontTokensT` [2] is inexact, so it may contain `white` with a type that
conflicts with `white`'s definition in `ColorTokensT` [3]. Can you make `FontTokensT` [2] exact?
node_modules/baseui/themes/index.js.flow:20:6
20| ...fontTokens
^^^^^^^^^^
References:
node_modules/baseui/themes/index.js.flow:19:29
v--------------------
19| const darkThemePrimitives = { ...darkColorTokens,
20| ...fontTokens
21| };
^ [1]
node_modules/baseui/themes/shared/typography.js.flow:9:26
9| export const fontTokens: FontTokensT = {
^^^^^^^^^^^ [2]
node_modules/baseui/themes/dark-theme/color-tokens.js.flow:11:31
11| export const darkColorTokens: ColorTokensT = {
^^^^^^^^^^^^ [3]
Error ---------------------------------------- node_modules/baseui/themes/light-theme/color-semantic-tokens.js.flow:67:8
Cannot determine a type for object literal [1]. `CoreExtensionSemanticColorTokensT` [2] is inexact, so it may contain
`contentTertiary` with a type that conflicts with `contentTertiary`'s definition in `CoreSemanticColorTokensT` [3]. Can
you make `CoreExtensionSemanticColorTokensT` [2] exact?
node_modules/baseui/themes/light-theme/color-semantic-tokens.js.flow:67:8
67| ...coreExtensions
^^^^^^^^^^^^^^
References:
node_modules/baseui/themes/light-theme/color-semantic-tokens.js.flow:66:10
v---------
66| return { ...core,
67| ...coreExtensions
68| };
^ [1]
node_modules/baseui/themes/light-theme/color-semantic-tokens.js.flow:36:25
36| const coreExtensions: CoreExtensionSemanticColorTokensT = {
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ [2]
node_modules/baseui/themes/light-theme/color-semantic-tokens.js.flow:14:15
14| const core: CoreSemanticColorTokensT = {
^^^^^^^^^^^^^^^^^^^^^^^^ [3]
Error -------------------------------------------------- node_modules/baseui/themes/light-theme/light-theme.js.flow:24:8
Cannot determine a type for object literal [1]. `ComponentColorTokensT` [2] is inexact, so it may contain `white` with a
type that conflicts with `white`'s definition in `ColorTokensT` [3]. Can you make `ComponentColorTokensT` [2] exact?
node_modules/baseui/themes/light-theme/light-theme.js.flow:24:8
24| ...getColorComponentTokens(),
^^^^^^^^^^^^^^^^^^^^^^^^^
References:
node_modules/baseui/themes/light-theme/light-theme.js.flow:23:11
v-----------
23| colors: { ...colors,
24| ...getColorComponentTokens(),
25| ...getDeprecatedSemanticColors(),
26| ...getSemanticColors()
27| },
^ [1]
node_modules/baseui/themes/light-theme/color-component-tokens.js.flow:16:64
16| export default ((themePrimitives: ColorTokensT = colorTokens): ComponentColorTokensT => ({
^^^^^^^^^^^^^^^^^^^^^ [2]
node_modules/baseui/themes/light-theme/color-tokens.js.flow:11:25
11| const lightColorTokens: ColorTokensT = {
^^^^^^^^^^^^ [3]
Found 8 errors
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment