@procore/core-react/dist/TableShelf/TableShelf.styles.js

React library of Procore Design Guidelines

import styled from 'styled-components';
import { colors } from '../_styles/colors';
import { spacing } from '../_styles/spacing';
var tableShelfShadow = '-4px 0px 5px 0px rgba(112, 112, 112, 0.1)';
export var StyledShelf = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledShelf",
  componentId: "core-12_44_0__sc-a6498a-0"
})(["position:absolute;right:0;top:0;bottom:0;box-shadow:", ";background-color:", ";"], tableShelfShadow, colors.white);
export var StyledHead = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledHead",
  componentId: "core-12_44_0__sc-a6498a-1"
})(["background-color:", ";transition:background-color 0.2s ease-in-out;"], colors.gray96);
export var StyledBodyRow = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledBodyRow",
  componentId: "core-12_44_0__sc-a6498a-2"
})(["border-top:1px solid ", ";transition:background-color 0.2s ease-in-out;"], colors.gray85);
export var StyledHeadCell = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledHeadCell",
  componentId: "core-12_44_0__sc-a6498a-3"
})(["text-align:left;padding:", "px;line-height:13px;"], spacing.lg);
export var StyledBodyCell = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledBodyCell",
  componentId: "core-12_44_0__sc-a6498a-4"
})(["padding:", "px;line-height:13px;"], spacing.lg);
//# sourceMappingURL=TableShelf.styles.js.map