github.com/pluralsh/plural-cli@v0.9.5/pkg/ui/web/src/grommet/fileInputTheme.tsx (about)

     1  import { CloseIcon } from '@pluralsh/design-system'
     2  import { DefaultTheme } from 'styled-components'
     3  
     4  export const fileInputTheme = ({
     5    selected = false, error = false, theme,
     6  }: {
     7    selected?: boolean;
     8    error?: boolean;
     9    theme: DefaultTheme;
    10  }) => ({
    11    fileInput: {
    12      message: {
    13        size: 'small',
    14      },
    15      hover: {
    16        border: {
    17          color: error
    18            ? theme.colors['border-error']
    19            : selected
    20              ? theme.colors['border-success']
    21              : theme.colors['border-input'],
    22        },
    23        background: {
    24          color: theme.colors['fill-one-hover'],
    25          opacity: 1,
    26        },
    27      },
    28      dragOver: {
    29        border: {
    30          color: theme.colors['border-outline-focused'],
    31        },
    32        background: {
    33          color: theme.colors['fill-one-hover'],
    34          opacity: 1,
    35        },
    36      },
    37      background: {
    38        color: theme.colors['fill-one'],
    39        opacity: 1,
    40      },
    41      round: {
    42        size: `${theme.borderRadiuses.medium}px`,
    43      },
    44      border: {
    45        size: `${theme.borderWidths.default}px`,
    46        opacity: false,
    47        color: error
    48          ? theme.colors['border-error']
    49          : selected
    50            ? theme.colors['border-success']
    51            : theme.colors['border-input'],
    52      },
    53      icons: {
    54        remove: CloseIcon,
    55      },
    56    },
    57  })