chakra-ui/lib/Layout.js

Responsive and accessible React UI components built with React and Emotion

"use strict";

exports.__esModule = true;
exports.Grid = exports.Flex = exports.Box = undefined;

var _templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"]),
    _templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"], ["\n  ", "\n"]);

var _styled = require("@emotion/styled");

var _styled2 = _interopRequireDefault(_styled);

var _styledSystem = require("styled-system");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; } /** @jsx jsx */


var Box = exports.Box = _styled2.default.div(_templateObject, _styledSystem.layout, _styledSystem.color, _styledSystem.space, _styledSystem.background, _styledSystem.border, _styledSystem.position, _styledSystem.shadow);

var Flex = exports.Flex = (0, _styled2.default)(Box)(_templateObject2, _styledSystem.flexbox);

var Grid = exports.Grid = (0, _styled2.default)(Box)(_templateObject2, _styledSystem.grid);