@gssfed/vital-ui-kit-react/dist/Table/styled.js

Vital UI Kit for React!

var _templateObject = _taggedTemplateLiteral(['\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n'], ['\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n']),
    _templateObject2 = _taggedTemplateLiteral(['\n  color: #456297;\n  font-weight: 500;\n  align-items: center;\n  display: flex;\n\n  ', ';\n\n  ', ';\n'], ['\n  color: #456297;\n  font-weight: 500;\n  align-items: center;\n  display: flex;\n\n  ', ';\n\n  ', ';\n']),
    _templateObject3 = _taggedTemplateLiteral(['\n      border-bottom: 1px solid #d8e3f6;\n    '], ['\n      border-bottom: 1px solid #d8e3f6;\n    ']),
    _templateObject4 = _taggedTemplateLiteral(['\n      border-right: 1px solid #d8e3f6;\n    '], ['\n      border-right: 1px solid #d8e3f6;\n    ']),
    _templateObject5 = _taggedTemplateLiteral(['\n  color: #456296;\n  padding-left: 20px;\n  padding-right: 20px;\n  display: flex;\n  align-items: center;\n\n  ', ';\n\n  ', ';\n\n  ', ';\n\n  ', ';\n'], ['\n  color: #456296;\n  padding-left: 20px;\n  padding-right: 20px;\n  display: flex;\n  align-items: center;\n\n  ', ';\n\n  ', ';\n\n  ', ';\n\n  ', ';\n']),
    _templateObject6 = _taggedTemplateLiteral(['\n      background-color: #f7f9fd;\n    '], ['\n      background-color: #f7f9fd;\n    ']),
    _templateObject7 = _taggedTemplateLiteral(['\n      background-color: #eef2fc;\n    '], ['\n      background-color: #eef2fc;\n    ']),
    _templateObject8 = _taggedTemplateLiteral(['\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n'], ['\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n']),
    _templateObject9 = _taggedTemplateLiteral(['\n  padding-right: 0;\n'], ['\n  padding-right: 0;\n']);

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

import styled, { css } from 'styled-components';

// ----- Header ----- //
export var HeaderLabel = styled.span(_templateObject);

export var HeaderCell = styled.div(_templateObject2, function (_ref) {
  var hasHorizontalBorder = _ref.hasHorizontalBorder;
  return hasHorizontalBorder && css(_templateObject3);
}, function (_ref2) {
  var hasVerticalBorder = _ref2.hasVerticalBorder;
  return hasVerticalBorder && css(_templateObject4);
});

// ----- Body ----- //
export var Cell = styled.div(_templateObject5, function (_ref3) {
  var hasHorizontalBorder = _ref3.hasHorizontalBorder;
  return hasHorizontalBorder && css(_templateObject3);
}, function (_ref4) {
  var hasVerticalBorder = _ref4.hasVerticalBorder;
  return hasVerticalBorder && css(_templateObject4);
}, function (_ref5) {
  var isEven = _ref5.isEven;
  return isEven && css(_templateObject6);
}, function (_ref6) {
  var hoveredRow = _ref6.hoveredRow;
  return hoveredRow && css(_templateObject7);
});

export var Span = styled.span(_templateObject8);

export var CheckboxCell = styled(Cell)(_templateObject9);