@polygon.io/core/dist/components/Grid/index.js

A set of themeable UI components for React

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends")),_objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")),_react=_interopRequireDefault(require("react")),_styledComponents=_interopRequireDefault(require("styled-components")),_getSortedKeys=_interopRequireDefault(require("@polygon.io/utils/dist/getSortedKeys")),_excluded=["children","as","className","columns","alignContent","justifyContent","alignItems","justifyItems","spacing"],__jsx=_react["default"].createElement,Component=_styledComponents["default"].div.withConfig({displayName:"Grid__Component",componentId:"sc-h1tb5o-0"})(["display:grid;grid-template-columns:",";align-content:",";justify-content:",";align-items:",";justify-items:",";width:100%;"],function(a){var b=a.columns;return"repeat(".concat(b,", minmax(0px, 1fr))")},function(a){var b=a.alignContent;return b},function(a){var b=a.justifyContent;return b},function(a){var b=a.alignItems;return b},function(a){var b=a.justifyItems;return b}),StyledGrid=(0,_styledComponents["default"])(Component).withConfig({displayName:"Grid__StyledGrid",componentId:"sc-h1tb5o-1"})([],function(a){var b=a.theme,c=a.spacing;return(0,_getSortedKeys["default"])(b.breakpoints).reduce(function(a,d){return"".concat(a,"\n\t\t\t@media(min-width: ").concat(b.breakpoints[d],"px){\n\t\t\t\tgap: ").concat(c===void 0?b.gridSpacing[d]:b.spacing["s".concat(c)],";\n\t\t\t}")},"")}),Grid=function(a){var b=a.children,c=a.as,d=a.className,e=a.columns,f=a.alignContent,g=a.justifyContent,h=a.alignItems,i=a.justifyItems,j=a.spacing,k=(0,_objectWithoutProperties2["default"])(a,_excluded);return __jsx(StyledGrid,(0,_extends2["default"])({as:c,className:d,columns:e,alignContent:f,justifyContent:g,alignItems:h,justifyItems:i,spacing:j},k),b)};Grid.defaultProps={children:null,as:void 0,className:void 0,columns:12,alignContent:"stretch",justifyContent:"stretch",alignItems:"stretch",justifyItems:"stretch",spacing:void 0};var _default=Grid;exports["default"]=_default;