@itcase/ui 1.0.79 → 1.0.80

package/dist/components/Grid.js

@@ -102,10 +102,10 @@ function Grid(props) {
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(Tag, {
     className: clsx__default.default(className, 'grid', useGridSystem && `grid_state_system`, type && `grid_type_${type}`, columnsClass, rowsClass, rowGapClass, columnGapClass, alignContentClass, alignItemsClass, justifyContentClass, justifyItemsClass, fillClass, horizontalResizing && `grid_horizontal-resizing_${horizontalResizing}`, verticalResizing && `grid_vertical-resizing_${verticalResizing}`),
+    "data-tour": dataTour,
     id: id,
     style: gridStyles,
-    onClick: onClick,
-    "data-tour": dataTour
+    onClick: onClick
   }, before && /*#__PURE__*/React__default.default.createElement("div", {
     className: "grid__before"
   }, before), children, after && /*#__PURE__*/React__default.default.createElement("div", {
@@ -113,7 +113,6 @@ function Grid(props) {
   }, after));
 }
 Grid.propTypes = {
-  id: PropTypes__default.default.string,
   after: PropTypes__default.default.any,
   alignContent: PropTypes__default.default.oneOf(gridAlign.default),
   alignContentDesktop: PropTypes__default.default.oneOf(gridAlign.default),
@@ -134,7 +133,6 @@ Grid.propTypes = {
   columnsDesktop: PropTypes__default.default.number,
   columnsMobile: PropTypes__default.default.number,
   columnsTablet: PropTypes__default.default.number,
-  useGridSystem: PropTypes__default.default.bool,
   fill: PropTypes__default.default.oneOf(fill.default),
   fillDesktop: PropTypes__default.default.oneOf(fill.default),
   fillMobile: PropTypes__default.default.oneOf(fill.default),
@@ -156,6 +154,7 @@ Grid.propTypes = {
   gridBackgroundWrapperMobile: PropTypes__default.default.any,
   gridBackgroundWrapperTablet: PropTypes__default.default.any,
   horizontalResizing: PropTypes__default.default.oneOf(horizontalResizeMode.default),
+  id: PropTypes__default.default.string,
   justifyContent: PropTypes__default.default.string,
   justifyContentDesktop: PropTypes__default.default.string,
   justifyContentMobile: PropTypes__default.default.string,
@@ -181,6 +180,7 @@ Grid.propTypes = {
   shapeWrapperMobile: PropTypes__default.default.oneOf(shape.default),
   shapeWrapperTablet: PropTypes__default.default.oneOf(shape.default),
   type: PropTypes__default.default.string,
+  useGridSystem: PropTypes__default.default.bool,
   verticalResizing: PropTypes__default.default.oneOf(verticalResizeMode.default),
   onClick: PropTypes__default.default.func
 };
@@ -199,13 +199,6 @@ Grid.__docgenInfo = {
       },
       "required": false
     },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "after": {
       "description": "",
       "type": {
@@ -362,13 +355,6 @@ Grid.__docgenInfo = {
       },
       "required": false
     },
-    "useGridSystem": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
     "fill": {
       "description": "",
       "type": {
@@ -542,6 +528,13 @@ Grid.__docgenInfo = {
       },
       "required": false
     },
+    "id": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "justifyContent": {
       "description": "",
       "type": {
@@ -741,6 +734,13 @@ Grid.__docgenInfo = {
       },
       "required": false
     },
+    "useGridSystem": {
+      "description": "",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
     "verticalResizing": {
       "description": "",
       "type": {
@@ -829,24 +829,19 @@ function GridItem(props) {
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(className, 'grid__item', orderClass, fillClass, alignSelfClass, justifySelfClass, columnStartClass, columnEndClass, columnSpanClass, rowStartClass, rowEndClass, rowSpanClass, directionClass, gapClass, rowGapClass, columnGapClass),
-    id: id,
     "data-tour": dataTour,
+    id: id,
     style: gridItemStyles,
     onClick: onClick
   }, children);
 }
 GridItem.propTypes = {
-  id: PropTypes__default.default.string,
   alignSelf: PropTypes__default.default.oneOf(gridAlignSelf.default),
   alignSelfDesktop: PropTypes__default.default.oneOf(gridAlignSelf.default),
   alignSelfMobile: PropTypes__default.default.oneOf(gridAlignSelf.default),
   alignSelfTablet: PropTypes__default.default.oneOf(gridAlignSelf.default),
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(PropTypes__default.default.oneOf(fill.default)),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
   columnEnd: PropTypes__default.default.number,
   columnEndDesktop: PropTypes__default.default.number,
   columnEndMobile: PropTypes__default.default.number,
@@ -859,6 +854,19 @@ GridItem.propTypes = {
   columnStartDesktop: PropTypes__default.default.number,
   columnStartMobile: PropTypes__default.default.number,
   columnStartTablet: PropTypes__default.default.number,
+  fill: PropTypes__default.default.oneOf(fill.default),
+  fillDesktop: PropTypes__default.default.oneOf(fill.default),
+  fillMobile: PropTypes__default.default.oneOf(fill.default),
+  fillTablet: PropTypes__default.default.oneOf(fill.default),
+  id: PropTypes__default.default.string,
+  justifySelf: PropTypes__default.default.oneOf(gridJustifySelf.default),
+  justifySelfDesktop: PropTypes__default.default.oneOf(gridJustifySelf.default),
+  justifySelfMobile: PropTypes__default.default.oneOf(gridJustifySelf.default),
+  justifySelfTablet: PropTypes__default.default.oneOf(gridJustifySelf.default),
+  order: PropTypes__default.default.number,
+  orderDesktop: PropTypes__default.default.number,
+  orderMobile: PropTypes__default.default.number,
+  orderTablet: PropTypes__default.default.number,
   rowEnd: PropTypes__default.default.number,
   rowEndDesktop: PropTypes__default.default.number,
   rowEndMobile: PropTypes__default.default.number,
@@ -871,31 +879,16 @@ GridItem.propTypes = {
   rowStartDesktop: PropTypes__default.default.number,
   rowStartMobile: PropTypes__default.default.number,
   rowStartTablet: PropTypes__default.default.number,
-  justifySelf: PropTypes__default.default.oneOf(gridJustifySelf.default),
-  justifySelfDesktop: PropTypes__default.default.oneOf(gridJustifySelf.default),
-  justifySelfMobile: PropTypes__default.default.oneOf(gridJustifySelf.default),
-  justifySelfTablet: PropTypes__default.default.oneOf(gridJustifySelf.default),
-  order: PropTypes__default.default.number,
-  orderDesktop: PropTypes__default.default.number,
-  orderMobile: PropTypes__default.default.number,
-  orderTablet: PropTypes__default.default.number,
   zIndex: PropTypes__default.default.number,
+  zIndexDesktop: PropTypes__default.default.number,
   zIndexMobile: PropTypes__default.default.number,
-  zIndexTablet: PropTypes__default.default.number,
-  zIndexDesktop: PropTypes__default.default.number
+  zIndexTablet: PropTypes__default.default.number
 };
 GridItem.__docgenInfo = {
   "description": "",
   "methods": [],
   "displayName": "GridItem",
   "props": {
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "alignSelf": {
       "description": "",
       "type": {
@@ -946,268 +939,275 @@ GridItem.__docgenInfo = {
       },
       "required": false
     },
-    "fill": {
+    "columnEnd": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "PropTypes.oneOf(fillProps)"
+        "name": "number"
       },
       "required": false
     },
-    "fillMobile": {
+    "columnEndDesktop": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
+        "name": "number"
       },
       "required": false
     },
-    "fillTablet": {
+    "columnEndMobile": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
+        "name": "number"
       },
       "required": false
     },
-    "fillDesktop": {
+    "columnEndTablet": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
+        "name": "number"
       },
       "required": false
     },
-    "columnEnd": {
+    "columnSpan": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnEndDesktop": {
+    "columnSpanDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnEndMobile": {
+    "columnSpanMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnEndTablet": {
+    "columnSpanTablet": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnSpan": {
+    "columnStart": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnSpanDesktop": {
+    "columnStartDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnSpanMobile": {
+    "columnStartMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnSpanTablet": {
+    "columnStartTablet": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnStart": {
+    "fill": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
       },
       "required": false
     },
-    "columnStartDesktop": {
+    "fillDesktop": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
       },
       "required": false
     },
-    "columnStartMobile": {
+    "fillMobile": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
       },
       "required": false
     },
-    "columnStartTablet": {
+    "fillTablet": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
       },
       "required": false
     },
-    "rowEnd": {
+    "id": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "string"
       },
       "required": false
     },
-    "rowEndDesktop": {
+    "justifySelf": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "gridJustifySelfProps"
       },
       "required": false
     },
-    "rowEndMobile": {
+    "justifySelfDesktop": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "gridJustifySelfProps"
       },
       "required": false
     },
-    "rowEndTablet": {
+    "justifySelfMobile": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "gridJustifySelfProps"
       },
       "required": false
     },
-    "rowSpan": {
+    "justifySelfTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "gridJustifySelfProps"
+      },
+      "required": false
+    },
+    "order": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowSpanDesktop": {
+    "orderDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowSpanMobile": {
+    "orderMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowSpanTablet": {
+    "orderTablet": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowStart": {
+    "rowEnd": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowStartDesktop": {
+    "rowEndDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowStartMobile": {
+    "rowEndMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowStartTablet": {
+    "rowEndTablet": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "justifySelf": {
+    "rowSpan": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "gridJustifySelfProps"
+        "name": "number"
       },
       "required": false
     },
-    "justifySelfDesktop": {
+    "rowSpanDesktop": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "gridJustifySelfProps"
+        "name": "number"
       },
       "required": false
     },
-    "justifySelfMobile": {
+    "rowSpanMobile": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "gridJustifySelfProps"
+        "name": "number"
       },
       "required": false
     },
-    "justifySelfTablet": {
+    "rowSpanTablet": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "gridJustifySelfProps"
+        "name": "number"
       },
       "required": false
     },
-    "order": {
+    "rowStart": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "orderDesktop": {
+    "rowStartDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "orderMobile": {
+    "rowStartMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "orderTablet": {
+    "rowStartTablet": {
       "description": "",
       "type": {
         "name": "number"
@@ -1221,21 +1221,21 @@ GridItem.__docgenInfo = {
       },
       "required": false
     },
-    "zIndexMobile": {
+    "zIndexDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "zIndexTablet": {
+    "zIndexMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "zIndexDesktop": {
+    "zIndexTablet": {
       "description": "",
       "type": {
         "name": "number"
@@ -1268,25 +1268,20 @@ function GridRow(props) {
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement(Tag, {
     className: clsx__default.default(className, 'grid__row', fillClass, fillHoverClass),
-    id: id,
+    "data-tour": dataTour,
     htmlFor: htmlFor,
+    id: id,
     style: gridRowStyles,
-    "data-tour": dataTour,
     onClick: onClick
   }, children);
 }
 GridRow.propTypes = {
-  id: PropTypes__default.default.string,
   alignSelf: PropTypes__default.default.oneOf(gridAlignSelf.default),
   alignSelfDesktop: PropTypes__default.default.oneOf(gridAlignSelf.default),
   alignSelfMobile: PropTypes__default.default.oneOf(gridAlignSelf.default),
   alignSelfTablet: PropTypes__default.default.oneOf(gridAlignSelf.default),
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(PropTypes__default.default.oneOf(fill.default)),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
   columnEnd: PropTypes__default.default.number,
   columnEndDesktop: PropTypes__default.default.number,
   columnEndMobile: PropTypes__default.default.number,
@@ -1299,6 +1294,19 @@ GridRow.propTypes = {
   columnStartDesktop: PropTypes__default.default.number,
   columnStartMobile: PropTypes__default.default.number,
   columnStartTablet: PropTypes__default.default.number,
+  fill: PropTypes__default.default.oneOf(fill.default),
+  fillDesktop: PropTypes__default.default.oneOf(fill.default),
+  fillMobile: PropTypes__default.default.oneOf(fill.default),
+  fillTablet: PropTypes__default.default.oneOf(fill.default),
+  id: PropTypes__default.default.string,
+  justifySelf: PropTypes__default.default.oneOf(gridJustifySelf.default),
+  justifySelfDesktop: PropTypes__default.default.oneOf(gridJustifySelf.default),
+  justifySelfMobile: PropTypes__default.default.oneOf(gridJustifySelf.default),
+  justifySelfTablet: PropTypes__default.default.oneOf(gridJustifySelf.default),
+  order: PropTypes__default.default.number,
+  orderDesktop: PropTypes__default.default.number,
+  orderMobile: PropTypes__default.default.number,
+  orderTablet: PropTypes__default.default.number,
   rowEnd: PropTypes__default.default.number,
   rowEndDesktop: PropTypes__default.default.number,
   rowEndMobile: PropTypes__default.default.number,
@@ -1311,18 +1319,10 @@ GridRow.propTypes = {
   rowStartDesktop: PropTypes__default.default.number,
   rowStartMobile: PropTypes__default.default.number,
   rowStartTablet: PropTypes__default.default.number,
-  justifySelf: PropTypes__default.default.oneOf(gridJustifySelf.default),
-  justifySelfDesktop: PropTypes__default.default.oneOf(gridJustifySelf.default),
-  justifySelfMobile: PropTypes__default.default.oneOf(gridJustifySelf.default),
-  justifySelfTablet: PropTypes__default.default.oneOf(gridJustifySelf.default),
-  order: PropTypes__default.default.number,
-  orderDesktop: PropTypes__default.default.number,
-  orderMobile: PropTypes__default.default.number,
-  orderTablet: PropTypes__default.default.number,
   zIndex: PropTypes__default.default.number,
+  zIndexDesktop: PropTypes__default.default.number,
   zIndexMobile: PropTypes__default.default.number,
-  zIndexTablet: PropTypes__default.default.number,
-  zIndexDesktop: PropTypes__default.default.number
+  zIndexTablet: PropTypes__default.default.number
 };
 GridRow.defaultProps = {
   tag: 'div'
@@ -1339,13 +1339,6 @@ GridRow.__docgenInfo = {
       },
       "required": false
     },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "alignSelf": {
       "description": "",
       "type": {
@@ -1396,268 +1389,275 @@ GridRow.__docgenInfo = {
       },
       "required": false
     },
-    "fill": {
+    "columnEnd": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "PropTypes.oneOf(fillProps)"
+        "name": "number"
       },
       "required": false
     },
-    "fillMobile": {
+    "columnEndDesktop": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
+        "name": "number"
       },
       "required": false
     },
-    "fillTablet": {
+    "columnEndMobile": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
+        "name": "number"
       },
       "required": false
     },
-    "fillDesktop": {
+    "columnEndTablet": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
+        "name": "number"
       },
       "required": false
     },
-    "columnEnd": {
+    "columnSpan": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnEndDesktop": {
+    "columnSpanDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnEndMobile": {
+    "columnSpanMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnEndTablet": {
+    "columnSpanTablet": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnSpan": {
+    "columnStart": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnSpanDesktop": {
+    "columnStartDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnSpanMobile": {
+    "columnStartMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnSpanTablet": {
+    "columnStartTablet": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "columnStart": {
+    "fill": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
       },
       "required": false
     },
-    "columnStartDesktop": {
+    "fillDesktop": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
       },
       "required": false
     },
-    "columnStartMobile": {
+    "fillMobile": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
       },
       "required": false
     },
-    "columnStartTablet": {
+    "fillTablet": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
       },
       "required": false
     },
-    "rowEnd": {
+    "id": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "string"
       },
       "required": false
     },
-    "rowEndDesktop": {
+    "justifySelf": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "gridJustifySelfProps"
       },
       "required": false
     },
-    "rowEndMobile": {
+    "justifySelfDesktop": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "gridJustifySelfProps"
       },
       "required": false
     },
-    "rowEndTablet": {
+    "justifySelfMobile": {
       "description": "",
       "type": {
-        "name": "number"
+        "name": "enum",
+        "computed": true,
+        "value": "gridJustifySelfProps"
       },
       "required": false
     },
-    "rowSpan": {
+    "justifySelfTablet": {
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "gridJustifySelfProps"
+      },
+      "required": false
+    },
+    "order": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowSpanDesktop": {
+    "orderDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowSpanMobile": {
+    "orderMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowSpanTablet": {
+    "orderTablet": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowStart": {
+    "rowEnd": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowStartDesktop": {
+    "rowEndDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowStartMobile": {
+    "rowEndMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "rowStartTablet": {
+    "rowEndTablet": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "justifySelf": {
+    "rowSpan": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "gridJustifySelfProps"
+        "name": "number"
       },
       "required": false
     },
-    "justifySelfDesktop": {
+    "rowSpanDesktop": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "gridJustifySelfProps"
+        "name": "number"
       },
       "required": false
     },
-    "justifySelfMobile": {
+    "rowSpanMobile": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "gridJustifySelfProps"
+        "name": "number"
       },
       "required": false
     },
-    "justifySelfTablet": {
+    "rowSpanTablet": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "gridJustifySelfProps"
+        "name": "number"
       },
       "required": false
     },
-    "order": {
+    "rowStart": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "orderDesktop": {
+    "rowStartDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "orderMobile": {
+    "rowStartMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "orderTablet": {
+    "rowStartTablet": {
       "description": "",
       "type": {
         "name": "number"
@@ -1671,21 +1671,21 @@ GridRow.__docgenInfo = {
       },
       "required": false
     },
-    "zIndexMobile": {
+    "zIndexDesktop": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "zIndexTablet": {
+    "zIndexMobile": {
       "description": "",
       "type": {
         "name": "number"
       },
       "required": false
     },
-    "zIndexDesktop": {
+    "zIndexTablet": {
       "description": "",
       "type": {
         "name": "number"