grommet/es6/components/Cards/StyledCellContainer.js

focus on the essential experience

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import styled from 'styled-components';
import { focusStyle, roundStyle, styledComponentsConfig, unfocusStyle } from '../../utils';
var sizeStyles = function sizeStyles(size) {
  return size && typeof size === 'object' ? "\n      " + (size != null && size.columns ? "grid-column: span " + size.columns + ";" : '') + "\n      " + (size != null && size.rows ? "grid-row: span " + size.rows + ";" : '') + "\n    " : '';
};

// display: grid makes the single child fill the wrapper (stretch in both axes)
export var StyledCellContainer = styled.div.withConfig(_extends({}, styledComponentsConfig, {
  // 'size' passes isPropValid (valid for input/select), filter it to
  // prevent the object value from reaching the DOM as an attribute.
  shouldForwardProp: function shouldForwardProp(prop) {
    return prop !== 'size' && styledComponentsConfig.shouldForwardProp(prop);
  }
})).withConfig({
  displayName: "StyledCellContainer",
  componentId: "sc-183y88f-0"
})(["display:grid;", " ", " ", " &:focus{", "}&:focus:not(:focus-visible){", "}"], function (props) {
  return props.size ? sizeStyles(props.size) : undefined;
}, function (props) {
  return props.draggable ? 'cursor: move;' : undefined;
}, function (props) {
  return props.round && roundStyle(props.round, props.responsive, props.theme);
}, focusStyle(), unfocusStyle());