@jsxstyle/react - npm Package Compare versions

Comparing version 0.0.0-canary-20241218000126 to 0.0.0-canary-20241218033435

lib/componentFactory.js

@@ -1,4 +0,3 @@
-import { componentStyles } from '@jsxstyle/core';
+import { componentStyles, cacheSingleton, } from '@jsxstyle/core';
 import { createElement } from 'react';
-import { styleCache } from './styleCache.js';
 export const classNamePropKey = 'className';
@@ -11,3 +10,3 @@ export function componentFactory(displayName) {
         const Component = mergedProps.component || tagName;
-        const extractedProps = styleCache.getComponentProps(mergedProps, classNamePropKey);
+        const extractedProps = cacheSingleton.getComponentProps(mergedProps, classNamePropKey);
         return createElement(Component, extractedProps);
@@ -14,0 +13,0 @@ };

lib/index.d.ts

@@ -1,5 +0,5 @@
-import { styleCache } from './styleCache.js';
+import { cacheSingleton } from '@jsxstyle/core';
 export type { CSSProperties } from '@jsxstyle/core';
 export type { StylableComponentProps } from './types.js';
-export { styleCache as cache };
+export { cacheSingleton as cache };
 export { useMatchMedia } from './useMatchMedia.js';
@@ -6,0 +6,0 @@ export declare const makeCustomProperties: <KPropKeys extends string>(props: Record<KPropKeys, string | number>) => import("@jsxstyle/core").MakeCustomPropertiesFunction<KPropKeys, "default">;

lib/index.js

@@ -1,9 +0,8 @@
-import { getCustomPropertiesFunction, makeCssFunction } from '@jsxstyle/core';
+import { getCustomPropertiesFunction, makeCssFunction, cacheSingleton, } from '@jsxstyle/core';
 import { classNamePropKey, componentFactory } from './componentFactory.js';
-import { styleCache } from './styleCache.js';
-export { styleCache as cache };
+export { cacheSingleton as cache };
 export { useMatchMedia } from './useMatchMedia.js';
 export const makeCustomProperties = 
-/*#__PURE__*/ getCustomPropertiesFunction(styleCache);
-export const css = /*#__PURE__*/ makeCssFunction(classNamePropKey, styleCache);
+/*#__PURE__*/ getCustomPropertiesFunction(cacheSingleton);
+export const css = /*#__PURE__*/ makeCssFunction(classNamePropKey, cacheSingleton);
 export const Box = /*#__PURE__*/ componentFactory('Box');
@@ -10,0 +9,0 @@ export const Block = /*#__PURE__*/ componentFactory('Block');

package.json

 {
   "name": "@jsxstyle/react",
-  "version": "0.0.0-canary-20241218000126",
+  "version": "0.0.0-canary-20241218033435",
   "type": "module",
@@ -12,5 +12,5 @@ "files": [
   "peerDependencies": {
-    "@jsxstyle/core": "0.0.0-canary-20241218000126",
+    "@jsxstyle/core": "0.0.0-canary-20241218033435",
     "@types/react": "^18.0.0"
   }
 }

No alert changes

Worsened metrics

Total package byte prevSize

14812

decreased by-5.76%

Number of package files

17

decreased by-19.05%

Lines of code

146

decreased by-5.19%

No dependency changes