All files / elements/grid/Box styled.js

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

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                                17x                       17x                   17x              
import PropTypes from 'prop-types';
import styled from 'styled-components';
import {
  background,
  border,
  flexbox,
  grid,
  layout,
  position,
  shadow,
  space,
  system,
} from 'styled-system';
import { withHideable } from 'src/elements/utils/Hideable';
import { BoxComponent } from './component';
 
const Box = styled(withHideable(BoxComponent))`
  ${system({ boxSizing: true })}
  ${background}
  ${border}
  ${flexbox}
  ${grid}
  ${layout}
  ${position}
  ${shadow}
  ${space}
`;
 
Box.propTypes = {
  /** Defines the boxSizing of the Box component. */
  boxSizing: PropTypes.oneOfType([
    PropTypes.array,
    PropTypes.string,
  ]),
  /** Hides component */
  isHidden: PropTypes.bool,
};
 
Box.defaultProps = {
  boxSizing: 'border-box',
  isHidden: false,
};
 
/** @component */
export { Box };