All files / elements/Table/utils cssDefaults.js

100% Statements 11/11
100% Branches 0/0
100% Functions 0/0
100% Lines 11/11

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 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73                    5x   5x             5x       5x   5x                   5x                     5x   5x       5x     5x                 5x                
import {
  border,
  compose,
  layout,
  position,
  space,
} from 'styled-system';
import { defaultStylesBase, resolveColor } from 'src/utils/styledHelpers';
import { getGlobalOverrides } from 'src/global-styles';
 
const globalOverrides = getGlobalOverrides();
 
export const defaultTableStylesBase = compose(
  border,
  layout,
  position,
  space,
);
 
export const defaultTableProps = {
  width: 1,
};
 
export const defaultTableBodyProps = {};
 
export const defaultTableCellProps = {
  ...defaultStylesBase,
  borderBottomColor: resolveColor('white.dark', globalOverrides),
  borderBottomStyle: 'solid',
  borderBottomWidth: 1,
  px: [2, 3],
  py: 2,
  verticalAlign: 'top',
};
 
export const defaultTableHeadProps = {
  ...defaultStylesBase,
  borderBottomColor: resolveColor('white.dark', globalOverrides),
  borderBottomStyle: 'solid',
  borderBottomWidth: 1,
  fontWeight: 'bold',
  px: [2, 3],
  py: 2,
  verticalAlign: 'bottom',
};
 
export const defaultTableHeaderProps = {};
 
export const defaultTableResponsiveWrapperProps = {
  overflowX: 'auto',
};
 
export const defaultTableRowProps = {
};
 
export const defaultTableStripedProps = {
  even: {
    bg: 'white',
  },
  odd: {
    bg: 'white.dark',
  },
};
 
export const defaultTableWrapperProps = {
  borderColor: resolveColor('white.dark', globalOverrides),
  borderRadius: 2,
  borderStyle: 'solid',
  borderWidth: 1,
  mb: 1,
  width: 1,
};