# All files / styles createSize.ts

0% Statements 0/4
0% Branches 0/1
0% Functions 0/1
0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51

     import { Style } from 'jss'
    import { deepMerge } from '../utils'

    interface ElementType {
      button?: Style
      iconButton?: Style
      input?: Style
    }
    export interface Sizes {
      small?: ElementType
      medium?: ElementType
      large?: ElementType
    }

    function createSize(sizes: Sizes = {}): Sizes {
      const defaultSizes: Sizes = {
        small: {
          button: {
            padding: '0 8px'
          },
          iconButton: {
            padding: 8,
            fontSize: '0.8em'
          }
        },
        medium: {
          button: {
            padding: '3px 12px'
          },
          iconButton: {
            padding: 12
          },
          input: {
            padding: '6px 12px'
          }
        },
        large: {
          button: {
            padding: '8px 42px'
          },
          iconButton: {
            padding: 16,
            fontSize: '1.2em'
          }
        }
      }
      return deepMerge(sizes, defaultSizes)
    }

    export default createSize