css-in-props 2.10.157 → 2.10.161

package/dist/cjs/registry.js

@@ -18,12 +18,12 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var registry_exports = {};
 __export(registry_exports, {
-  registry: () => registry
+  CSS_PROPS_REGISTRY: () => CSS_PROPS_REGISTRY
 });
 module.exports = __toCommonJS(registry_exports);
 var import_utils = require("@domql/utils");
 var import_atoms = require("@symbo.ls/atoms");
-const registry = (0, import_utils.mergeArray)([
+const CSS_PROPS_REGISTRY = (0, import_utils.mergeArray)([
   import_atoms.Shape,
   import_atoms.Position,
   import_atoms.Theme,

package/dist/cjs/set.js

@@ -24,7 +24,6 @@ module.exports = __toCommonJS(set_exports);
 var import_transform = require("./transform");
 var import_emotion = require("./emotion");
 const setClassname = (props, emotionCss) => {
-  console.log(props);
   const transform = (0, import_transform.transformClassname)(props);
   return (0, import_emotion.transformEmotion)(transform, emotionCss);
 };

package/dist/cjs/transform.js

@@ -24,18 +24,17 @@ module.exports = __toCommonJS(transform_exports);
 var import_utils = require("@domql/utils");
 var import_atoms = require("@symbo.ls/atoms");
 var import_registry = require("./registry");
-const transformClassname = (props, registry = import_registry.registry) => {
+const transformClassname = (props, context = {}, registry = import_registry.CSS_PROPS_REGISTRY) => {
   const CLASS_NAMES = {};
   if (!(0, import_utils.isObject)(props))
     return;
   for (const key in props) {
     const setter = import_atoms.keySetters[key.slice(0, 1)];
-    const reg2 = registry;
-    const hasCSS = reg2[key];
+    const hasCSS = registry[key];
     if (setter)
       setter(key, props[key], CLASS_NAMES);
     else if ((0, import_utils.isFunction)(hasCSS)) {
-      const stack = hasCSS({ props, context: {} });
+      const stack = hasCSS({ props, context });
       const exec = (0, import_utils.isArray)(stack) ? stack.reduce((a, c) => {
         return (0, import_utils.merge)(a, c);
       }, {}) : stack;

package/dist/esm/registry.js

@@ -13,7 +13,7 @@ import {
   XYZ,
   Animation
 } from "@symbo.ls/atoms";
-const registry = mergeArray([
+const CSS_PROPS_REGISTRY = mergeArray([
   Shape,
   Position,
   Theme,
@@ -28,5 +28,5 @@ const registry = mergeArray([
   Animation
 ]).class;
 export {
-  registry
+  CSS_PROPS_REGISTRY
 };

package/dist/esm/set.js

@@ -1,7 +1,6 @@
 import { transformClassname } from "./transform";
 import { transformEmotion } from "./emotion";
 const setClassname = (props, emotionCss) => {
-  console.log(props);
   const transform = transformClassname(props);
   return transformEmotion(transform, emotionCss);
 };

package/dist/esm/transform.js

@@ -1,18 +1,17 @@
 import { merge, isFunction, isObject, isArray } from "@domql/utils";
 import { keySetters } from "@symbo.ls/atoms";
-import { registry as reg } from "./registry";
-const transformClassname = (props, registry = reg) => {
+import { CSS_PROPS_REGISTRY } from "./registry";
+const transformClassname = (props, context = {}, registry = CSS_PROPS_REGISTRY) => {
   const CLASS_NAMES = {};
   if (!isObject(props))
     return;
   for (const key in props) {
     const setter = keySetters[key.slice(0, 1)];
-    const reg2 = registry;
-    const hasCSS = reg2[key];
+    const hasCSS = registry[key];
     if (setter)
       setter(key, props[key], CLASS_NAMES);
     else if (isFunction(hasCSS)) {
-      const stack = hasCSS({ props, context: {} });
+      const stack = hasCSS({ props, context });
       const exec = isArray(stack) ? stack.reduce((a, c) => {
         return merge(a, c);
       }, {}) : stack;

package/package.json

@@ -2,7 +2,7 @@
   "name": "css-in-props",
   "description": "Utilize props as CSS methods",
   "author": "symbo.ls",
-  "version": "2.10.157",
+  "version": "2.10.161",
   "repository": "https://github.com/symbo-ls/smbls",
   "type": "module",
   "module": "dist/esm/index.js",
@@ -30,5 +30,5 @@
     "@symbo.ls/emotion": "latest",
     "@symbo.ls/scratch": "latest"
   },
-  "gitHead": "70d144ccebce319e209da794bdc69444c824fe82"
+  "gitHead": "f9ad1b5f9b5230f9219b31df4b6b4b451d5dfa8f"
 }

package/src/registry.js

@@ -17,7 +17,7 @@ import {
   Animation
 } from '@symbo.ls/atoms'
 
-export const registry = mergeArray([
+export const CSS_PROPS_REGISTRY = mergeArray([
   Shape,
   Position,
   Theme,

package/src/set.js

@@ -4,7 +4,6 @@ import { transformClassname } from './transform'
 import { transformEmotion } from './emotion'
 
 export const setClassname = (props, emotionCss) => {
-  console.log(props)
   const transform = transformClassname(props)
   return transformEmotion(transform, emotionCss)
 }

package/src/transform.js

@@ -3,20 +3,19 @@
 import { merge, isFunction, isObject, isArray } from '@domql/utils'
 import { keySetters } from '@symbo.ls/atoms'
 
-import { registry as reg } from './registry'
+import { CSS_PROPS_REGISTRY } from './registry'
 
-export const transformClassname = (props, registry = reg) => {
+export const transformClassname = (props, context = {}, registry = CSS_PROPS_REGISTRY) => {
   const CLASS_NAMES = {}
   if (!isObject(props)) return
 
   for (const key in props) {
     const setter = keySetters[key.slice(0, 1)]
-    const reg = registry
-    const hasCSS = reg[key]
+    const hasCSS = registry[key]
 
     if (setter) setter(key, props[key], CLASS_NAMES)
     else if (isFunction(hasCSS)) {
-      const stack = hasCSS({ props, context: {} })
+      const stack = hasCSS({ props, context })
       const exec = isArray(stack) ? stack.reduce((a, c) => {
         return merge(a, c)
       }, {}) : stack