@synerise/ds-grid 0.3.1 → 0.3.5

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.3.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-grid@0.3.4...@synerise/ds-grid@0.3.5) (2021-12-29)
+
+**Note:** Version bump only for package @synerise/ds-grid
+
+
+
+
+
+## [0.3.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-grid@0.3.3...@synerise/ds-grid@0.3.4) (2021-11-23)
+
+**Note:** Version bump only for package @synerise/ds-grid
+
+
+
+
+
+## [0.3.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-grid@0.3.2...@synerise/ds-grid@0.3.3) (2021-11-22)
+
+**Note:** Version bump only for package @synerise/ds-grid
+
+
+
+
+
+## [0.3.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-grid@0.3.1...@synerise/ds-grid@0.3.2) (2021-11-16)
+
+**Note:** Version bump only for package @synerise/ds-grid
+
+
+
+
+
 ## [0.3.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-grid@0.2.42...@synerise/ds-grid@0.3.1) (2021-11-09)
 
 **Note:** Version bump only for package @synerise/ds-grid

package/dist/Grid.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useBreakpoint } from '@synerise/ds-utils';
 import * as S from './Grid.styles';
 import Item from './GridItem/GridItem';
-export var GridContext = /*#__PURE__*/React.createContext({
+export var GridContext = React.createContext({
   dimensions: {
     width: window.innerWidth,
     height: window.innerHeight
@@ -22,7 +22,7 @@ var Grid = function Grid(_ref) {
   return /*#__PURE__*/React.createElement(S.GridContainer, {
     style: style,
     className: "ds-grid",
-    columns: ((_breakpointData$break = breakpointData.breakpoint) === null || _breakpointData$break === void 0 ? void 0 : _breakpointData$break.columns) || DEFAULT_COLUMNS_NUMBER,
+    columns: ((_breakpointData$break = breakpointData.breakpoint) == null ? void 0 : _breakpointData$break.columns) || DEFAULT_COLUMNS_NUMBER,
     gutter: gutter
   }, /*#__PURE__*/React.createElement(GridContext.Provider, {
     value: breakpointData

package/dist/Grid.styles.js

@@ -5,9 +5,9 @@ export var GridContainer = styled.div.withConfig({
 })(["width:100%;display:grid;grid-template-columns:repeat(", ",1fr);grid-row-gap:", ";grid-column-gap:", ";"], function (props) {
   return props.columns;
 }, function (props) {
-  return "".concat(props.gutter, "px");
+  return props.gutter + "px";
 }, function (props) {
-  return "".concat(props.gutter, "px");
+  return props.gutter + "px";
 });
 export var GridItem = styled.div.withConfig({
   displayName: "Gridstyles__GridItem",

package/dist/GridItem/GridItem.js

@@ -1,7 +1,5 @@
 var _excluded = ["children", "contentWrapper"];
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import * as React from 'react';
@@ -14,7 +12,7 @@ var Item = function Item(_ref) {
 
   var children = _ref.children,
       contentWrapper = _ref.contentWrapper,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var breakpointData = React.useContext(GridContext);
   var definedBreakpoints = React.useMemo(function () {
@@ -44,12 +42,12 @@ var Item = function Item(_ref) {
     var _breakpointData$break;
 
     if (breakpointColumns !== undefined) return breakpointColumns;
-    return ((_breakpointData$break = breakpointData.breakpoint) === null || _breakpointData$break === void 0 ? void 0 : _breakpointData$break.columns) || DEFAULT_COLUMNS_NUMBER;
+    return ((_breakpointData$break = breakpointData.breakpoint) == null ? void 0 : _breakpointData$break.columns) || DEFAULT_COLUMNS_NUMBER;
   }, [breakpointColumns, breakpointData]);
   return /*#__PURE__*/React.createElement(S.GridItem, {
     className: "ds-grid-item",
     columns: getColumns,
-    maxColumns: (breakpointData === null || breakpointData === void 0 ? void 0 : (_breakpointData$break2 = breakpointData.breakpoint) === null || _breakpointData$break2 === void 0 ? void 0 : _breakpointData$break2.columns) || getColumns,
+    maxColumns: (breakpointData == null ? void 0 : (_breakpointData$break2 = breakpointData.breakpoint) == null ? void 0 : _breakpointData$break2.columns) || getColumns,
     contentWrapper: Boolean(contentWrapper)
   }, children);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-grid",
-  "version": "0.3.1",
+  "version": "0.3.5",
   "description": "Grid UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,11 +32,11 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-utils": "^0.21.1"
+    "@synerise/ds-utils": "^0.21.5"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "14733fd96fcf0727a2baf45444e54e9a490d64f4"
+  "gitHead": "7ddae11318ca2906145c9f48e74df41ca5f15d49"
 }