@domql/emotion 3.0.1 → 3.0.7

package/index.js

@@ -5,26 +5,35 @@ import { isObjectLike, isString, isNumber, isBoolean, exec } from '@domql/utils'
 import { applyClassListOnNode } from '@domql/classlist'
 import createEmotion from '@emotion/css/create-instance'
 
-export const transformEmotionStyle = (emotion) => {
+export const transformEmotionStyle = emotion => {
   return (params, element, state) => {
     const execParams = exec(params, element)
     if (params) {
-      if (isObjectLike(element.class)) element.class.elementStyle = execParams
-      else element.class = { elementStyle: execParams }
+      const { __ref: ref } = element
+      ref.__class.style = execParams
     }
-    transformEmotionClass(emotion)(element.class, element, element.state, true)
+    transformEmotionClass(emotion)(
+      element.classlist,
+      element,
+      element.state,
+      true
+    )
   }
 }
 
-export const transformEmotionClass = (emotion) => {
+export const transformEmotionClass = emotion => {
   return (params, element, state, flag) => {
     if (element.style && !flag) return
     const { __ref } = element
     const { __class, __classNames } = __ref
 
     if (!isObjectLike(params)) return
-    if (element.props.class) { __classNames.classProps = element.props.class }
-    if (element.attr?.class) { __classNames.class = element.attr.class }
+    if (element.props.class) {
+      __classNames.classProps = element.props.class
+    }
+    if (element.attr?.class) {
+      __classNames.class = element.attr.class
+    }
 
     // for (const key in params) {
     //   const prop = exec(params[key], element)
@@ -59,6 +68,6 @@ export const transformDOMQLEmotion = (emotion, options) => {
 
   return {
     style: transformEmotionStyle(emotion),
-    class: transformEmotionClass(emotion)
+    classlist: transformEmotionClass(emotion)
   }
 }

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@domql/emotion",
-  "version": "3.0.1",
+  "version": "3.0.7",
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
     "@domql/classlist": "latest",
-    "@domql/utils": "^3.0.1"
+    "@domql/utils": "^3.0.7"
   },
   "peerDependencies": {
     "@emotion/css": "*"
   },
-  "gitHead": "bdadc70a00c5ddde21ca889746bf28db0c3d7c2f",
+  "gitHead": "ad8d42d52cce0024e5df6b2e364f660e0e4dd02d",
   "source": "index.js"
 }