Last active
February 19, 2020 22:47
-
-
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)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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