@griffel/react - npm Package Compare versions

Comparing version 1.5.32 to 1.6.0

__staticCSS.cjs.js

+"use client";
+'use strict';
+
+var core = require('@griffel/core');
+
+/**
+ * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @internal
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+function __staticCSS() {
+  const getStyles = core.__staticCSS();
+  return function useStaticStyles() {
+    return getStyles();
+  };
+}
+
+exports.__staticCSS = __staticCSS;
+//# sourceMappingURL=__staticCSS.cjs.js.map

__staticCSS.cjs.js.map

+{"version":3,"file":"__staticCSS.cjs.js","sources":["../../../packages/react/src/__staticCSS.ts"],"sourcesContent":["'use client';\n\nimport { __staticCSS as vanillaStaticCSS } from '@griffel/core';\n\n/**\n * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __staticCSS() {\n  const getStyles = vanillaStaticCSS();\n\n  return function useStaticStyles(): void {\n    return getStyles();\n  };\n}\n"],"names":[],"mappings":";;;;;AAIA;;;;AAIG;AACH;;AAEE;;;;AAKF;;"}

__staticCSS.esm.js

+"use client";
+import { __staticCSS as __staticCSS$1 } from '@griffel/core';
+
+/**
+ * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @internal
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+function __staticCSS() {
+  const getStyles = __staticCSS$1();
+  return function useStaticStyles() {
+    return getStyles();
+  };
+}
+
+export { __staticCSS };
+//# sourceMappingURL=__staticCSS.esm.js.map

__staticCSS.esm.js.map

+{"version":3,"file":"__staticCSS.esm.js","sources":["../../../packages/react/src/__staticCSS.ts"],"sourcesContent":["'use client';\n\nimport { __staticCSS as vanillaStaticCSS } from '@griffel/core';\n\n/**\n * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __staticCSS() {\n  const getStyles = vanillaStaticCSS();\n\n  return function useStaticStyles(): void {\n    return getStyles();\n  };\n}\n"],"names":[],"mappings":";;;AAIA;;;;AAIG;AACH;;AAEE;;;;AAKF;;"}

__staticStyles.cjs.js

+"use client";
+'use strict';
+
+var core = require('@griffel/core');
+var insertionFactory = require('./insertionFactory.cjs.js');
+var RendererContext = require('./RendererContext.cjs.js');
+
+/**
+ * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms.
+ *
+ * @internal
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+function __staticStyles(cssRules) {
+  const getStyles = core.__staticStyles(cssRules, insertionFactory.insertionFactory);
+  return function useStaticStyles() {
+    const renderer = RendererContext.useRenderer();
+    return getStyles({
+      renderer
+    });
+  };
+}
+
+exports.__staticStyles = __staticStyles;
+//# sourceMappingURL=__staticStyles.cjs.js.map

__staticStyles.cjs.js.map

+{"version":3,"file":"__staticStyles.cjs.js","sources":["../../../packages/react/src/__staticStyles.ts"],"sourcesContent":["'use client';\n\nimport { __staticStyles as vanillaStaticStyles } from '@griffel/core';\nimport type { CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\n\n/**\n * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __staticStyles(cssRules: CSSRulesByBucket) {\n  const getStyles = vanillaStaticStyles(cssRules, insertionFactory);\n\n  return function useStaticStyles(): void {\n    const renderer = useRenderer();\n\n    return getStyles({ renderer });\n  };\n}\n"],"names":["renderer"],"mappings":";;;;;;;AAQA;;;;AAIG;AACH;AACM;AACJ;;AAGE;AAEA;AAAmBA;AAAQ;;AAE/B;;"}

__staticStyles.esm.js

+"use client";
+import { __staticStyles as __staticStyles$1 } from '@griffel/core';
+import { insertionFactory } from './insertionFactory.esm.js';
+import { useRenderer } from './RendererContext.esm.js';
+
+/**
+ * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms.
+ *
+ * @internal
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+function __staticStyles(cssRules) {
+  const getStyles = __staticStyles$1(cssRules, insertionFactory);
+  return function useStaticStyles() {
+    const renderer = useRenderer();
+    return getStyles({
+      renderer
+    });
+  };
+}
+
+export { __staticStyles };
+//# sourceMappingURL=__staticStyles.esm.js.map

__staticStyles.esm.js.map

+{"version":3,"file":"__staticStyles.esm.js","sources":["../../../packages/react/src/__staticStyles.ts"],"sourcesContent":["'use client';\n\nimport { __staticStyles as vanillaStaticStyles } from '@griffel/core';\nimport type { CSSRulesByBucket } from '@griffel/core';\n\nimport { insertionFactory } from './insertionFactory';\nimport { useRenderer } from './RendererContext';\n\n/**\n * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms.\n *\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function __staticStyles(cssRules: CSSRulesByBucket) {\n  const getStyles = vanillaStaticStyles(cssRules, insertionFactory);\n\n  return function useStaticStyles(): void {\n    const renderer = useRenderer();\n\n    return getStyles({ renderer });\n  };\n}\n"],"names":["renderer"],"mappings":";;;;;AAQA;;;;AAIG;AACH;AACM;AACJ;;AAGE;AAEA;AAAmBA;AAAQ;;AAE/B;;"}

src/__staticCSS.d.ts

+/**
+ * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @internal
+ */
+export declare function __staticCSS(): () => void;

src/__staticStyles.d.ts

+import type { CSSRulesByBucket } from '@griffel/core';
+/**
+ * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms.
+ *
+ * @internal
+ */
+export declare function __staticStyles(cssRules: CSSRulesByBucket): () => void;

index.cjs.js

@@ -15,2 +15,4 @@ "use client";
 var __resetStyles = require('./__resetStyles.cjs.js');
+var __staticCSS = require('./__staticCSS.cjs.js');
+var __staticStyles = require('./__staticStyles.cjs.js');
 
@@ -46,2 +48,4 @@
 exports.__resetStyles = __resetStyles.__resetStyles;
+exports.__staticCSS = __staticCSS.__staticCSS;
+exports.__staticStyles = __staticStyles.__staticStyles;
 //# sourceMappingURL=index.cjs.js.map

index.cjs.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

index.esm.js

@@ -13,2 +13,4 @@ "use client";
 export { __resetStyles } from './__resetStyles.esm.js';
+export { __staticCSS } from './__staticCSS.esm.js';
+export { __staticStyles } from './__staticStyles.esm.js';
 //# sourceMappingURL=index.esm.js.map

index.esm.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package.json

 {
   "name": "@griffel/react",
-  "version": "1.5.32",
+  "version": "1.6.0",
   "description": "React implementation of Atomic CSS-in-JS",
@@ -18,3 +18,3 @@ "license": "MIT",
   "dependencies": {
-    "@griffel/core": "^1.19.2",
+    "@griffel/core": "^1.20.0",
     "tslib": "^2.1.0"
@@ -21,0 +21,0 @@ },

src/index.d.ts

@@ -13,1 +13,3 @@ export { RESET, shorthands, mergeClasses, createDOMRenderer } from '@griffel/core';
 export { __resetStyles } from './__resetStyles';
+export { __staticCSS } from './__staticCSS';
+export { __staticStyles } from './__staticStyles';

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

88779

7.87%

Number of package files

89

12.66%

Lines of code

1041

10.28%

Dependency changes

• Updated

  @griffel/core@^1.20.0