Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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
You can’t perform that action at this time.