basantech89/awesome-ui

View on GitHub

Showing 49 of 49 total issues

Function expandCSS has a Cognitive Complexity of 36 (exceeds 5 allowed). Consider refactoring.
Open

export const expandCSS = ({ d, gap, gapX, gapY, ...rest }: ThemeBoxProps) => {
  let styles: CSSObject = {}
  if (d) {
    styles = { ...styles, display: d }
    if (d === 'flex' || d === 'inline-flex') {
Severity: Minor
Found in src/utils/theme.ts - About 5 hrs to fix

Cognitive Complexity

Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

A method's cognitive complexity is based on a few simple rules:

  • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
  • Code is considered more complex for each "break in the linear flow of the code"
  • Code is considered more complex when "flow breaking structures are nested"

Further reading

Function generateButtonConfig has 94 lines of code (exceeds 25 allowed). Consider refactoring.
Open

  (componentProps, theme) => {
    const defaultButtonThemeOptions = getDefaultButtonThemeOptions(theme.spacing)
    const themeOptions = deepMerge(defaultButtonThemeOptions, buttonThemeOptions)
    const assignedProps = deepMerge(themeOptions.default, componentProps)
    const { size, rounded, color, variant } = assignedProps
Severity: Major
Found in src/shared/theme/themeEngine/componentConfig/button/index.ts - About 3 hrs to fix

    Similar blocks of code found in 2 locations. Consider refactoring.
    Open

            <Box d={display} gap={gap}>
              {buttonColors.map(color => (
                <Button key={`${color}-${size}`} {...args} color={color} variant='solid' size={size}>
                  {capitalize(color)}
                </Button>
    Severity: Major
    Found in src/components/form/button/button.stories.tsx and 1 other location - About 3 hrs to fix
    src/components/form/button/button.stories.tsx on lines 148..160

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 103.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    Similar blocks of code found in 2 locations. Consider refactoring.
    Open

            <Box d={display} gap={gap}>
              {buttonColors.map(color => (
                <Button
                  key={`${color}-${shape}`}
                  {...args}
    Severity: Major
    Found in src/components/form/button/button.stories.tsx and 1 other location - About 3 hrs to fix
    src/components/form/button/button.stories.tsx on lines 131..137

    Duplicated Code

    Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

    Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

    When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

    Tuning

    This issue has a mass of 103.

    We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

    The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

    If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

    See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

    Refactorings

    Further Reading

    File colors.ts has 300 lines of code (exceeds 250 allowed). Consider refactoring.
    Open

    import { Colors } from './palette.types'
    
    const colors: Colors = {
      helper: {
        500: '#8C8CA1'
    Severity: Minor
    Found in src/shared/theme/themeEngine/colors.ts - About 3 hrs to fix

      Function createTypography has 59 lines of code (exceeds 25 allowed). Consider refactoring.
      Open

      export default function createTypography(typographyOption: TypographyOptions = {}): Typography {
        const options = deepMerge(typographyOption, defaultTypographyOptions)
      
        const {
          fontFamily,
      Severity: Major
      Found in src/shared/theme/themeEngine/createTypography.ts - About 2 hrs to fix

        Function AwesomeButton has 46 lines of code (exceeds 25 allowed). Consider refactoring.
        Open

        const AwesomeButton: React.ForwardRefRenderFunction<HTMLButtonElement, ButtonProps> = (
          props,
          ref
        ) => {
          const theme = useTheme()
        Severity: Minor
        Found in src/components/form/button/index.tsx - About 1 hr to fix

          Function createPalette has 34 lines of code (exceeds 25 allowed). Consider refactoring.
          Open

          export default function createPalette(paletteOptions: PaletteOptions = {}): Palette {
            const allPaletteOptions = deepMerge(defaultPaletteOptions, paletteOptions)
            const {
              primary,
              secondary,
          Severity: Minor
          Found in src/shared/theme/themeEngine/createPalette.ts - About 1 hr to fix

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              peach: {
                50: '#fffcfd',
                100: '#FDF7F8',
                200: '#FAF0F0',
                300: '#F8E8E9',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 60..71
            src/shared/theme/themeEngine/colors.ts on lines 72..83
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 120..131
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 144..155
            src/shared/theme/themeEngine/colors.ts on lines 156..167
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 180..191
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 204..215
            src/shared/theme/themeEngine/colors.ts on lines 216..227
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 240..251
            src/shared/theme/themeEngine/colors.ts on lines 252..263
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287
            src/shared/theme/themeEngine/colors.ts on lines 288..299

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              blueGray: {
                50: '#f8fafc',
                100: '#f1f5f9',
                200: '#e2e8f0',
                300: '#cbd5e1',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 24..35
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 60..71
            src/shared/theme/themeEngine/colors.ts on lines 72..83
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 120..131
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 144..155
            src/shared/theme/themeEngine/colors.ts on lines 156..167
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 180..191
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 204..215
            src/shared/theme/themeEngine/colors.ts on lines 216..227
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 240..251
            src/shared/theme/themeEngine/colors.ts on lines 252..263
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              warmGray: {
                50: '#fafaf9',
                100: '#f5f5f4',
                200: '#e7e5e4',
                300: '#d6d3d1',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 24..35
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 60..71
            src/shared/theme/themeEngine/colors.ts on lines 72..83
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 120..131
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 144..155
            src/shared/theme/themeEngine/colors.ts on lines 156..167
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 180..191
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 204..215
            src/shared/theme/themeEngine/colors.ts on lines 216..227
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 252..263
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287
            src/shared/theme/themeEngine/colors.ts on lines 288..299

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              sky: {
                50: '#f0f9ff',
                100: '#e0f2fe',
                200: '#bae6fd',
                300: '#7dd3fc',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 24..35
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 60..71
            src/shared/theme/themeEngine/colors.ts on lines 72..83
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 144..155
            src/shared/theme/themeEngine/colors.ts on lines 156..167
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 180..191
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 204..215
            src/shared/theme/themeEngine/colors.ts on lines 216..227
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 240..251
            src/shared/theme/themeEngine/colors.ts on lines 252..263
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287
            src/shared/theme/themeEngine/colors.ts on lines 288..299

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              emerald: {
                50: '#ecfdf5',
                100: '#d1fae5',
                200: '#a7f3d0',
                300: '#6ee7b7',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 24..35
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 60..71
            src/shared/theme/themeEngine/colors.ts on lines 72..83
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 120..131
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 144..155
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 180..191
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 204..215
            src/shared/theme/themeEngine/colors.ts on lines 216..227
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 240..251
            src/shared/theme/themeEngine/colors.ts on lines 252..263
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287
            src/shared/theme/themeEngine/colors.ts on lines 288..299

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              mango: {
                50: '#fffbeb',
                100: '#fef3c7',
                200: '#fde68a',
                300: '#fcd34d',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 24..35
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 60..71
            src/shared/theme/themeEngine/colors.ts on lines 72..83
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 120..131
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 144..155
            src/shared/theme/themeEngine/colors.ts on lines 156..167
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 180..191
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 216..227
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 240..251
            src/shared/theme/themeEngine/colors.ts on lines 252..263
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287
            src/shared/theme/themeEngine/colors.ts on lines 288..299

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              purple: {
                50: '#faf5ff',
                100: '#f3e8ff',
                200: '#e9d5ff',
                300: '#d8b4fe',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 24..35
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 60..71
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 120..131
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 144..155
            src/shared/theme/themeEngine/colors.ts on lines 156..167
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 180..191
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 204..215
            src/shared/theme/themeEngine/colors.ts on lines 216..227
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 240..251
            src/shared/theme/themeEngine/colors.ts on lines 252..263
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287
            src/shared/theme/themeEngine/colors.ts on lines 288..299

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              kesari: {
                50: '#fff7ed',
                100: '#ffedd5',
                200: '#fed7aa',
                300: '#fdba74',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 24..35
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 60..71
            src/shared/theme/themeEngine/colors.ts on lines 72..83
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 120..131
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 144..155
            src/shared/theme/themeEngine/colors.ts on lines 156..167
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 180..191
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 204..215
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 240..251
            src/shared/theme/themeEngine/colors.ts on lines 252..263
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287
            src/shared/theme/themeEngine/colors.ts on lines 288..299

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              lime: {
                50: '#f7fee7',
                100: '#ecfccb',
                200: '#d9f99d',
                300: '#bef264',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 24..35
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 60..71
            src/shared/theme/themeEngine/colors.ts on lines 72..83
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 120..131
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 144..155
            src/shared/theme/themeEngine/colors.ts on lines 156..167
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 204..215
            src/shared/theme/themeEngine/colors.ts on lines 216..227
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 240..251
            src/shared/theme/themeEngine/colors.ts on lines 252..263
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287
            src/shared/theme/themeEngine/colors.ts on lines 288..299

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              trueGray: {
                50: '#fafafa',
                100: '#f5f5f5',
                200: '#e5e5e5',
                300: '#d4d4d4',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 24..35
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 60..71
            src/shared/theme/themeEngine/colors.ts on lines 72..83
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 120..131
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 144..155
            src/shared/theme/themeEngine/colors.ts on lines 156..167
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 180..191
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 204..215
            src/shared/theme/themeEngine/colors.ts on lines 216..227
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 240..251
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287
            src/shared/theme/themeEngine/colors.ts on lines 288..299

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              fuchsia: {
                50: '#fdf4ff',
                100: '#fae8ff',
                200: '#f5d0fe',
                300: '#f0abfc',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 24..35
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 72..83
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 120..131
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 144..155
            src/shared/theme/themeEngine/colors.ts on lines 156..167
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 180..191
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 204..215
            src/shared/theme/themeEngine/colors.ts on lines 216..227
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 240..251
            src/shared/theme/themeEngine/colors.ts on lines 252..263
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287
            src/shared/theme/themeEngine/colors.ts on lines 288..299

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Similar blocks of code found in 23 locations. Consider refactoring.
            Open

              teal: {
                50: '#f0fdfa',
                100: '#ccfbf1',
                200: '#99f6e4',
                300: '#5eead4',
            Severity: Major
            Found in src/shared/theme/themeEngine/colors.ts and 22 other locations - About 1 hr to fix
            src/shared/theme/themeEngine/colors.ts on lines 24..35
            src/shared/theme/themeEngine/colors.ts on lines 36..47
            src/shared/theme/themeEngine/colors.ts on lines 48..59
            src/shared/theme/themeEngine/colors.ts on lines 60..71
            src/shared/theme/themeEngine/colors.ts on lines 72..83
            src/shared/theme/themeEngine/colors.ts on lines 84..95
            src/shared/theme/themeEngine/colors.ts on lines 96..107
            src/shared/theme/themeEngine/colors.ts on lines 108..119
            src/shared/theme/themeEngine/colors.ts on lines 120..131
            src/shared/theme/themeEngine/colors.ts on lines 132..143
            src/shared/theme/themeEngine/colors.ts on lines 156..167
            src/shared/theme/themeEngine/colors.ts on lines 168..179
            src/shared/theme/themeEngine/colors.ts on lines 180..191
            src/shared/theme/themeEngine/colors.ts on lines 192..203
            src/shared/theme/themeEngine/colors.ts on lines 204..215
            src/shared/theme/themeEngine/colors.ts on lines 216..227
            src/shared/theme/themeEngine/colors.ts on lines 228..239
            src/shared/theme/themeEngine/colors.ts on lines 240..251
            src/shared/theme/themeEngine/colors.ts on lines 252..263
            src/shared/theme/themeEngine/colors.ts on lines 264..275
            src/shared/theme/themeEngine/colors.ts on lines 276..287
            src/shared/theme/themeEngine/colors.ts on lines 288..299

            Duplicated Code

            Duplicated code can lead to software that is hard to understand and difficult to change. The Don't Repeat Yourself (DRY) principle states:

            Every piece of knowledge must have a single, unambiguous, authoritative representation within a system.

            When you violate DRY, bugs and maintenance problems are sure to follow. Duplicated code has a tendency to both continue to replicate and also to diverge (leaving bugs as two similar implementations differ in subtle ways).

            Tuning

            This issue has a mass of 56.

            We set useful threshold defaults for the languages we support but you may want to adjust these settings based on your project guidelines.

            The threshold configuration represents the minimum mass a code block must have to be analyzed for duplication. The lower the threshold, the more fine-grained the comparison.

            If the engine is too easily reporting duplication, try raising the threshold. If you suspect that the engine isn't catching enough duplication, try lowering the threshold. The best setting tends to differ from language to language.

            See codeclimate-duplication's documentation for more information about tuning the mass threshold in your .codeclimate.yml.

            Refactorings

            Further Reading

            Severity
            Category
            Status
            Source
            Language