@symbo.ls/atoms 2.32.19 → 2.32.25

package/Box.js

@@ -154,8 +154,8 @@ export const Box = {
               [childrenAsDefault]: isObjectLike(v)
                 ? v
                 : childrenAsDefault === 'state'
-                  ? { value: v }
-                  : { text: v }
+                ? { value: v }
+                : { text: v }
             }))
           }
         } else if (isString(children) || isNumber(children)) {
@@ -876,11 +876,14 @@ export const Box = {
         }
       },
 
-      backgroundImage: (element, s, context) => {
-        const { props, deps } = element
-        const globalTheme = deps.getSystemGlobalTheme(element)
-        let val = props.backgroundImage
+      backgroundImage: (el, s, context) => {
+        const { props, deps } = el
+        const globalTheme = deps.getSystemGlobalTheme(el)
+        let val = el.call('exec', props.backgroundImage)
         if (!val) return
+        if (el.call('isString', val) && val.includes('{{')) {
+          val = el.call('replaceLiteralsWithObjectFields', val)
+        }
         const file = context.files && context.files[val]
         if (file && file.content) val = file.content.src
         return {
@@ -1115,6 +1118,22 @@ export const Box = {
           props,
           'borderRadius'
         )
+    },
+
+    // container queries
+    ...{
+      container: ({ props }) =>
+        props.container && {
+          container: props.container
+        },
+      containerName: ({ props }) =>
+        props.containerName && {
+          containerName: props.containerName || 1
+        },
+      containerType: ({ props }) =>
+        props.containerType && {
+          containerType: props.containerType
+        }
     }
   },
 

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.32.19",
+  "version": "2.32.25",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "ce092725c84d862876d7c96eeb42e0407c96fef3",
+  "gitHead": "325683c8553a64ee952c8a36f4e823257d1e81bb",
   "dependencies": {
-    "@domql/state": "^2.32.19",
-    "@domql/utils": "^2.32.19",
-    "@symbo.ls/emotion": "^2.32.19",
-    "@symbo.ls/scratch": "^2.32.19"
+    "@domql/state": "^2.32.25",
+    "@domql/utils": "^2.32.25",
+    "@symbo.ls/emotion": "^2.32.25",
+    "@symbo.ls/scratch": "^2.32.25"
   },
   "source": "src/index.js",
   "devDependencies": {