emotion-solid - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

dist/index.cjs.js

@@ -1195,16 +1195,20 @@ 'use strict';
 
-      const ele = web.createComponent(web.Dynamic, web.mergeProps({
-        component: finalTag
-      }, newProps, {
-        get className() {
-          return className();
-        },
+      const ele = (() => {
+        const _c$ = web.memo(() => !!props.class, true);
 
-        ref(r$) {
-          const _ref$ = ref;
-          typeof _ref$ === "function" ? _ref$(r$) : ref = r$;
-        }
+        return web.createComponent(web.Dynamic, web.mergeProps({
+          component: finalTag
+        }, newProps, {
+          get className() {
+            return _c$() ? `${className()} ${props.class}` : className();
+          },
 
-      }));
+          ref(r$) {
+            const _ref$ = ref;
+            typeof _ref$ === "function" ? _ref$(r$) : ref = r$;
+          }
 
+        }));
+      })();
+
       if (!isBrowser && getRules().rules !== undefined) {
@@ -1211,0 +1215,0 @@ const rulesSerialized = getRules();

dist/index.esm.js

@@ -1,2 +0,2 @@
-import { createComponent, template, Dynamic, mergeProps as mergeProps$1, spread } from 'solid-js/web';
+import { createComponent, template, memo, Dynamic, mergeProps as mergeProps$1, spread } from 'solid-js/web';
 import { createContext, useContext, createMemo, mergeProps } from 'solid-js';
@@ -1191,16 +1191,20 @@
 
-      const ele = createComponent(Dynamic, mergeProps$1({
-        component: finalTag
-      }, newProps, {
-        get className() {
-          return className();
-        },
+      const ele = (() => {
+        const _c$ = memo(() => !!props.class, true);
 
-        ref(r$) {
-          const _ref$ = ref;
-          typeof _ref$ === "function" ? _ref$(r$) : ref = r$;
-        }
+        return createComponent(Dynamic, mergeProps$1({
+          component: finalTag
+        }, newProps, {
+          get className() {
+            return _c$() ? `${className()} ${props.class}` : className();
+          },
 
-      }));
+          ref(r$) {
+            const _ref$ = ref;
+            typeof _ref$ === "function" ? _ref$(r$) : ref = r$;
+          }
 
+        }));
+      })();
+
       if (!isBrowser && getRules().rules !== undefined) {
@@ -1207,0 +1211,0 @@ const rulesSerialized = getRules();

dist/types.d.ts

@@ -11,4 +11,5 @@ import * as solid_js from 'solid-js';
     as?: string | undefined;
+    class?: string | undefined;
 }>;
 
 export { styled };

package.json

 {
   "name": "emotion-solid",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Emotion JS support for Solid JS projects.",
@@ -5,0 +5,0 @@ "repository": "[e-mail]:Acidic9/emotion-solid.git",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

348602

increased by0.13%

Lines of code

2207

increased by0.32%

No dependency changes