@symbo.ls/atoms 2.11.345 → 2.11.348

package/Block.js

@@ -213,6 +213,8 @@ export const Block = {
       resize: props.resize
     }),
 
+    verticalAlign: ({ props }) => !isUndefined(props.verticalAlign) && ({ flexWrap: props.verticalAlign }),
+
     columns: ({ props }) => !isUndefined(props.columns) && ({
       columns: props.columns
     }),

package/Collection.js

@@ -9,8 +9,11 @@ export const Collection = {
       const { __ref: ref } = el
       const hasChildren = isArray(el.props?.children)
 
-      if (hasChildren) param = el.props?.children
-      else if (!param) return
+      if (hasChildren) {
+        param = el.props?.children
+        const childrenAs = el.props?.childrenAs
+        if (childrenAs) param = param.map(v => ({ [childrenAs]: v }))
+      } else if (!param) return
 
       if (isString(param)) {
         if (param === 'state') param = state.parse()

package/Flex.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { isString, isUndefined } from '@domql/utils'
+import { isString } from '@domql/utils'
 
 export const Flex = {
   props: {
@@ -19,8 +19,6 @@ export const Flex = {
       }
     },
 
-    verticalAlign: ({ props }) => !isUndefined(props.verticalAlign) && ({ flexWrap: props.verticalAlign }),
-
     wrap: ({ props }) => props.wrap && ({ flexWrap: props.wrap }),
     align: ({ props }) => {
       if (!isString(props.align)) return

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.345",
+  "version": "2.11.348",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "16dfb3da91effacbd9aa6c6f7e0a6d222c54e83d",
+  "gitHead": "8e803e4354ac436a9ea39c37fd02bc72bccbf132",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",