@symbo.ls/atoms 2.11.325 → 2.11.331

package/Block.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { isUndefined } from '@domql/utils'
+import { isUndefined, isString } from '@domql/utils'
 
 import {
   getSpacingBasedOnRatio,
@@ -71,7 +71,7 @@ export const Block = {
       const [minHeight, minWidth] = props.heightRange.split(' ')
       return {
         ...deps.transformSize('minHeight', minHeight),
-        ...deps.transformSize('minHeight', minWidth || minHeight)
+        ...deps.transformSize('minWidth', minWidth || minHeight)
       }
     },
 
@@ -80,7 +80,7 @@ export const Block = {
       const [maxHeight, maxWidth] = props.heightRange.split(' ')
       return {
         ...deps.transformSize('maxHeight', maxHeight),
-        ...deps.transformSize('maxHeight', maxWidth || maxHeight)
+        ...deps.transformSize('maxWidth', maxWidth || maxHeight)
       }
     },
 
@@ -105,7 +105,7 @@ export const Block = {
       }
     },
     paddingBlock: ({ props, deps }) => {
-      if (typeof props.paddingBlock !== 'string') return
+      if (isString(props.paddingBlock)) return
       const [paddingBlockStart, paddingBlockEnd] = props.paddingBlock.split(' ')
       return {
         ...deps.transformSize('paddingBlockStart', paddingBlockStart),

package/Collection.js

@@ -6,7 +6,11 @@ import { isString, isNot, isArray, isObject, isObjectLike, deepClone, deepCloneW
 export const Collection = {
   define: {
     $collection: (param, el, state) => {
-      if (!param) return
+      const { __ref: ref } = el
+      const children = isArray(el.props?.children)
+
+      if (children) param = children
+      else if (!param) return
 
       if (isString(param)) {
         if (param === 'state') param = state.parse()
@@ -15,7 +19,6 @@ export const Collection = {
       if (isState(param)) param = param.parse()
       if (isNot(param)('array', 'object')) return
 
-      const { __ref: ref } = el
       param = deepClone(param)
 
       if (ref.__collectionCache) {

package/Theme.js

@@ -143,7 +143,7 @@ export const Theme = {
       const globalTheme = deps.getSystemTheme(element)
       if (!props.backgroundImage) return
       return ({
-        boxShadow: deps.transformShadow(props.backgroundImage, globalTheme)
+        boxShadow: deps.transformShadow(props.shadow, globalTheme)
       })
     },
 

package/Timing.js

@@ -5,6 +5,7 @@ import {
   splitTransition,
   transformDuration
 } from '@symbo.ls/scratch'
+
 import { isUndefined } from 'smbls'
 
 export const Timing = {

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.325",
+  "version": "2.11.331",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "0ac8322ab9267498fbdcde2ade499be5e79b0478",
+  "gitHead": "c1ce82619a9c90dcb12862a1cef1d7fc10b8718b",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",