smbls 0.15.19 → 0.15.20

package/package.json

@@ -3,7 +3,7 @@
   "description": "UI Library built on Scratch and DOMQL",
   "private": false,
   "author": "symbo.ls",
-  "version": "0.15.19",
+  "version": "0.15.20",
   "repository": "https://github.com/symbo-ls/smbls",
   "main": "src/index.js",
   "files": [

package/src/atoms/Block.js

@@ -99,10 +99,11 @@ export const Block = {
     gridArea: ({ props }) => props.gridArea && ({ gridArea: props.gridArea }),
 
     flex: ({ props }) => props.flex && ({ flex: props.flex }),
+    flexDirection: ({ props }) => props.flexDirection && ({ flexDirection: props.flexDirection }),
     alignItems: ({ props }) => props.alignItems && ({ alignItems: props.alignItems }),
     alignContent: ({ props }) => props.alignContent && ({ alignContent: props.alignContent }),
     justifyContent: ({ props }) => props.justifyContent && ({ justifyContent: props.justifyContent }),
-    flexDirection: ({ props }) => props.flexDirection && ({ flexDirection: props.flexDirection }),
+    justifyItems: ({ props }) => props.justifyItems && ({ justifyItems: props.justifyItems }),
     alignSelf: ({ props }) => props.alignSelf && ({ alignSelf: props.alignSelf }),
     order: ({ props }) => props.order && ({ order: props.order }),
 

package/src/atoms/Grid.js

@@ -6,11 +6,20 @@ export const Grid = {
   props: { display: 'grid' },
 
   class: {
-    columns: ({ props }) => props.columns ? ({ gridTemplateColumns: props.columns }) : null,
-    rows: ({ props }) => props.rows ? ({ gridTemplateRows: props.rows }) : null,
     area: ({ props }) => props.area ? ({ gridArea: props.area }) : null,
     template: ({ props }) => props.template ? ({ gridTemplate: props.template }) : null,
     templateAreas: ({ props }) => props.templateAreas ? ({ gridTemplateAreas: props.templateAreas }) : null,
+
+    columns: ({ props }) => props.columns ? ({ gridTemplateColumns: props.columns }) : null,
+    templateColumns: ({ props }) => props.templateColumns ? ({ gridTemplateColumns: props.templateColumns }) : null,
+    autoColumns: ({ props }) => props.autoColumns ? ({ gridAutoColumns: props.autoColumns }) : null,
+
+    rows: ({ props }) => props.rows ? ({ gridTemplateRows: props.rows }) : null,
+    templateRows: ({ props }) => props.templateRows ? ({ gridTemplateRows: props.templateRows }) : null,
+    autoRows: ({ props }) => props.autoRows ? ({ gridAutoRows: props.autoRows }) : null,
+
+    autoFlow: ({ props }) => props.autoFlow ? ({ gridAutoFlow: props.autoFlow }) : null,
+
     columnGap: ({ props }) => props.columnGap ? getSpacingBasedOnRatio(props, 'columnGap') : null,
     rowGap: ({ props }) => props.rowGap ? getSpacingBasedOnRatio(props, 'rowGap') : null
   }