smbls 0.9.2 → 0.9.3

package/package.json

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

package/src/Block.js

@@ -79,6 +79,15 @@ export const Block = {
     gap: ({ props }) => props.gap ? mapBasedOnRatio(props, 'gap') : null,
     gridArea: ({ props }) => props.gridArea && ({ gridArea: props.gridArea }),
 
+    flex: ({ props }) => props.flex && ({ flex: props.flex }),
+    alignItems: ({ props }) => props.alignItems && ({ alignItems: props.alignItems }),
+    alignContent: ({ props }) => props.alignContent && ({ alignContent: props.alignContent }),
+    justifyContent: ({ props }) => props.justifyContent && ({ justifyContent: props.justifyContent }),
+
+    flexWrap: ({ props }) => props.flexWrap && ({
+      display: 'flex',
+      flexFlow: props.flexWrap
+    }),
     flexFlow: ({ props }) => props.flexFlow && ({
       display: 'flex',
       flexFlow: props.flexFlow
@@ -93,11 +102,6 @@ export const Block = {
       }
     },
 
-    flex: ({ props }) => props.flex && ({ flex: props.flex }),
-    alignItems: ({ props }) => props.alignItems && ({ alignItems: props.alignItems }),
-    alignContent: ({ props }) => props.alignContent && ({ alignContent: props.alignContent }),
-    justifyContent: ({ props }) => props.justifyContent && ({ justifyContent: props.justifyContent }),
-
     gridColumn: ({ props }) => props.gridColumn && ({ gridColumn: props.gridColumn }),
     gridRow: ({ props }) => props.gridRow && ({ gridRow: props.gridRow }),
 

package/src/Button.js

@@ -19,6 +19,7 @@ export const Button = {
     alignItems: 'center',
     justifyContent: 'center',
     textDecoration: 'none',
+    round: 'C2',
     css
   },
   attr: {

package/src/Flex.js

@@ -12,6 +12,7 @@ export const Flex = {
     flow: ({ props }) => props.flow && ({ flexFlow: props.flow }),
     flexDirection: ({ props }) => props.flexDirection && ({ flexDirection: props.flexDirection }),
     alignItems: ({ props }) => props.alignItems && ({ alignItems: props.alignItems }),
+    wrap: ({ props }) => props.wrap && ({ wrap: props.wrap }),
     alignContent: ({ props }) => props.alignContent && ({ alignContent: props.alignContent }),
     justifyContent: ({ props }) => props.justifyContent && ({ justifyContent: props.justifyContent }),
     gap: ({ props }) => props.gap && mapBasedOnRatio(props, 'gap'),