@symbo.ls/atoms 2.32.18 → 2.32.22

package/Box.js

@@ -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
+    ...{
+      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.18",
+  "version": "2.32.22",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "1af6547fd19f5b3ea7b93398c3c7efe0bd8b89a5",
+  "gitHead": "937da946c8fb840d8282c986c50330584573551a",
   "dependencies": {
-    "@domql/state": "^2.32.18",
-    "@domql/utils": "^2.32.18",
-    "@symbo.ls/emotion": "^2.32.18",
-    "@symbo.ls/scratch": "^2.32.18"
+    "@domql/state": "^2.32.22",
+    "@domql/utils": "^2.32.22",
+    "@symbo.ls/emotion": "^2.32.22",
+    "@symbo.ls/scratch": "^2.32.22"
   },
   "source": "src/index.js",
   "devDependencies": {