Skip to content

Instantly share code, notes, and snippets.

@PaulRBerg
Created June 2, 2020 15:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save PaulRBerg/160014220f398f3b1526167debe02004 to your computer and use it in GitHub Desktop.
Save PaulRBerg/160014220f398f3b1526167debe02004 to your computer and use it in GitHub Desktop.
src/dataDisplay/Text/index.tsx:16:12 - error TS2345: Argument of type '({ color, theme }: ThemedStyledProps<Pick<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "slot" | ... 255 more ... | "valueLink"> & { ...; } & Props, DefaultTheme>) => string | Disabled' is not assignable to parameter of type 'Interpolation<ThemedStyledProps<Pick<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "slot" | ... 255 more ... | "valueLink"> & { ...; } & Props, DefaultTheme>>'.
Type '({ color, theme }: ThemedStyledProps<Pick<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "slot" | ... 255 more ... | "valueLink"> & { ...; } & Props, DefaultTheme>) => string | Disabled' is not assignable to type 'InterpolationFunction<ThemedStyledProps<Pick<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "slot" | ... 255 more ... | "valueLink"> & { ...; } & Props, DefaultTheme>>'.
Type 'string | Disabled' is not assignable to type 'Interpolation<ThemedStyledProps<Pick<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "slot" | ... 255 more ... | "valueLink"> & { ...; } & Props, DefaultTheme>>'.
Type 'Disabled' is not assignable to type 'Interpolation<ThemedStyledProps<Pick<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "slot" | ... 255 more ... | "valueLink"> & { ...; } & Props, DefaultTheme>>'.
Type 'Disabled' is not assignable to type 'CSSObject'.
Index signature is missing in type 'Disabled'.
16 color: ${({ color, theme }) =>
~~~~~~~~~~~~~~~~~~~~~
17 color ? theme.colors[color] : theme.colors.text};
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
src/dataDisplay/Text/index.tsx:19:21 - error TS2339: Property 'strong' does not exist on type 'Pick<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "slot" | ... 255 more ... | "valueLink"> & { ...; } & ThemeProps<...>'.
19 font-weight: ${({ strong }) => (strong ? 'bold' : 'normal')};
~~~~~~
src/dataDisplay/Text/index.tsx:20:19 - error TS2339: Property 'size' does not exist on type 'Pick<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "slot" | ... 255 more ... | "valueLink"> & { ...; } & ThemeProps<...>'.
20 font-size: ${({ size, theme }) => theme.text.size[size].fontSize};
~~~~
src/dataDisplay/Text/index.tsx:21:21 - error TS2339: Property 'size' does not exist on type 'Pick<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "slot" | ... 255 more ... | "valueLink"> & { ...; } & ThemeProps<...>'.
21 line-height: ${({ size, theme }) => theme.text.size[size].lineHeight};
~~~~
src/dataDisplay/Text/index.tsx:22:20 - error TS2339: Property 'center' does not exist on type 'Pick<DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "slot" | ... 255 more ... | "valueLink"> & { ...; } & ThemeProps<...>'.
22 text-align: ${({ center }) => (center ? 'center' : 'start')};
~~~~~~
src/dataDisplay/Title/index.tsx:46:31 - error TS2532: Object is possibly 'undefined'.
46 font-size: ${({ theme }) => theme.title.size.xs.fontSize};
~~~~~~~~~~~~~~~~~~~
src/dataDisplay/Title/index.tsx:47:33 - error TS2532: Object is possibly 'undefined'.
47 line-height: ${({ theme }) => theme.title.size.xs.lineHeight};
~~~~~~~~~~~~~~~~~~~
src/inputs/ButtonLink/index.tsx:19:12 - error TS2345: Argument of type '({ theme, color }: ThemedStyledProps<Pick<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | ... 266 more ... | "value"> & { ...; } & Props, DefaultTheme>) => string | ... 2 more ... | Disabled' is not assignable to parameter of type 'Interpolation<ThemedStyledProps<Pick<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | ... 266 more ... | "value"> & { ...; } & Props, DefaultTheme>>'.
Type '({ theme, color }: ThemedStyledProps<Pick<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | ... 266 more ... | "value"> & { ...; } & Props, DefaultTheme>) => string | ... 2 more ... | Disabled' is not assignable to type 'InterpolationFunction<ThemedStyledProps<Pick<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | ... 266 more ... | "value"> & { ...; } & Props, DefaultTheme>>'.
Type 'string | Shadow | Overlay | Disabled' is not assignable to type 'Interpolation<ThemedStyledProps<Pick<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | ... 266 more ... | "value"> & { ...; } & Props, DefaultTheme>>'.
Type 'Shadow' is not assignable to type 'Interpolation<ThemedStyledProps<Pick<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "form" | ... 266 more ... | "value"> & { ...; } & Props, DefaultTheme>>'.
Type 'Shadow' is not assignable to type 'CSSObject'.
Index signature is missing in type 'Shadow'.
19 color: ${({ theme, color }) => theme['colors'][color]};
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Found 8 errors.
error Command failed with exit code 2.
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