@symbo.ls/atoms 2.11.305 → 2.11.307

package/Flex.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { isUndefined } from '@domql/utils'
+import { isString } from '@domql/utils'
 
 export const Flex = {
   props: {
@@ -9,19 +9,19 @@ export const Flex = {
 
   class: {
     flow: ({ props }) => {
-      const { flow } = props
-      if (isUndefined(flow)) return
-      let [direction, wrap] = flow.split(' ')
+      const { flow, reverse } = props
+      if (!isString(flow)) return
+      let [direction, wrap] = (flow || 'row').split(' ')
       if (flow.startsWith('x') || flow.startsWith('row')) direction = 'row'
       if (flow.startsWith('y') || flow.startsWith('column')) direction = 'column'
       return {
-        flexFlow: (direction || '') + (props.reverse ? '-reverse' : '') + ' ' + (wrap || '')
+        flexFlow: (direction || '') + (reverse ? '-reverse' : '') + ' ' + (wrap || '')
       }
     },
 
     wrap: ({ props }) => props.wrap && ({ flexWrap: props.wrap }),
     align: ({ props }) => {
-      if (typeof props.align !== 'string') return
+      if (!isString(props.align)) return
       const [alignItems, justifyContent] = props.align.split(' ')
       return { alignItems, justifyContent }
     }

package/Position.js

@@ -16,6 +16,26 @@ export const Position = {
     left: ({ props, deps }) => deps.getSpacingByKey(props.left, 'left'),
     top: ({ props, deps }) => deps.getSpacingByKey(props.top, 'top'),
     right: ({ props, deps }) => deps.getSpacingByKey(props.right, 'right'),
-    bottom: ({ props, deps }) => deps.getSpacingByKey(props.bottom, 'bottom')
+    bottom: ({ props, deps }) => deps.getSpacingByKey(props.bottom, 'bottom'),
+
+    verticalInset: ({ props, deps }) => {
+      const { verticalInset } = props
+      if (typeof verticalInset !== 'string') return
+      const vi = verticalInset.split(' ').map(v => deps.getSpacingByKey(v, 'k').k)
+      return {
+        top: vi[0],
+        bottom: vi[1] || vi[0]
+      }
+    },
+
+    horizontalInset: ({ props, deps }) => {
+      const { horizontalInset } = props
+      if (typeof horizontalInset !== 'string') return
+      const vi = horizontalInset.split(' ').map(v => deps.getSpacingByKey(v, 'k').k)
+      return {
+        left: vi[0],
+        right: vi[1] || vi[0]
+      }
+    }
   }
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.305",
+  "version": "2.11.307",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "14569e713ad6d47a3be207df9f23dc0338a2d562",
+  "gitHead": "5b37a6c7593d3dc926584b7fd583b4a695f6487a",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",