@symbo.ls/atoms 2.11.440 → 2.11.443

package/Interaction.js

@@ -4,6 +4,14 @@ export const Interaction = {
   class: {
     userSelect: ({ props }) => props.userSelect && ({ userSelect: props.userSelect }),
     pointerEvents: ({ props }) => props.pointerEvents && ({ pointerEvents: props.pointerEvents }),
-    cursor: ({ props }) => props.cursor && ({ cursor: props.cursor })
+    cursor: (el, s, ctx) => {
+      let val = el.props.cursor
+      if (!val) return
+
+      const file = ctx.files && ctx.files[val]
+      if (file && file.content) val = `url(${file.content.src})`
+
+      return ({ cursor: val })
+    }
   }
 }

package/Theme.js

@@ -75,12 +75,15 @@ export const Theme = {
       }
     },
 
-    backgroundImage: (element) => {
+    backgroundImage: (element, s, context) => {
       const { props, deps } = element
       const globalTheme = deps.getSystemGlobalTheme(element)
-      if (!props.backgroundImage) return
+      let val = props.backgroundImage
+      if (!val) return
+      const file = context.files && context.files[val]
+      if (file && file.content) val = file.content.src
       return ({
-        backgroundImage: deps.transformBackgroundImage(props.backgroundImage, globalTheme)
+        backgroundImage: deps.transformBackgroundImage(val, globalTheme)
       })
     },
     backgroundSize: ({ props }) => !isUndefined(props.backgroundSize)

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.440",
+  "version": "2.11.443",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "2c0cfa861152d979e4c49d0fe945b4671710ac63",
+  "gitHead": "367c5a0f2bb72846ade91de72ad4a9960a61b24c",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",