@symbo.ls/atoms 2.11.306 → 2.11.309

package/Block.js

@@ -77,6 +77,7 @@ export const Block = {
     borderWidth: ({ props, deps }) => deps.transformSizeRatio('borderWidth', props),
 
     padding: ({ props, deps }) => deps.transformSizeRatio('padding', props),
+    scrollPadding: ({ props, deps }) => deps.transformSizeRatio('scrollPadding', props),
     paddingInline: ({ props, deps }) => {
       if (typeof props.paddingInline !== 'string') return
       const [paddingInlineStart, paddingInlineEnd] = props.paddingInline.split(' ')

package/Collection.js

@@ -17,19 +17,17 @@ export const Collection = {
 
       const { __ref: ref } = el
 
-      if (isObjectLike(param)) param = deepClone(param)
-
       if (ref.__collectionCache) {
         const equals = JSON.stringify(param) === JSON.stringify(ref.__collectionCache)
         if (equals) {
           ref.__noCollectionDifference = true
           return
         } else {
-          ref.__collectionCache = param
+          ref.__collectionCache = deepClone(param)
           delete ref.__noCollectionDifference
         }
       } else {
-        ref.__collectionCache = param
+        ref.__collectionCache = deepClone(param)
       }
 
       const obj = {

package/Flex.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { isUndefined } from '@domql/utils'
+import { isString } from '@domql/utils'
 
 export const Flex = {
   props: {
@@ -10,18 +10,18 @@ export const Flex = {
   class: {
     flow: ({ props }) => {
       const { flow, reverse } = props
-      if (isUndefined(flow) && isUndefined(reverse)) return
+      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/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.306",
+  "version": "2.11.309",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "1e09060438775f1b9cf1c5d6305024faefc05bfc",
+  "gitHead": "22c3a3069fd57b6d539d661564f1ea9719a7f7cf",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",