@griffel/react - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

__styles.cjs.js

@@ -29,1 +29,2 @@ 'use strict';
 exports.__styles = __styles;
+//# sourceMappingURL=__styles.cjs.js.map

__styles.esm.js

@@ -25,1 +25,2 @@ import { __styles as __styles$1 } from '@griffel/core';
 export { __styles };
+//# sourceMappingURL=__styles.esm.js.map

index.cjs.js

@@ -33,1 +33,2 @@ 'use strict';
 exports.__styles = __styles.__styles;
+//# sourceMappingURL=index.cjs.js.map

index.esm.js

@@ -8,1 +8,2 @@ export { createDOMRenderer, mergeClasses, shorthands } from '@griffel/core';
 export { __styles } from './__styles.esm.js';
+//# sourceMappingURL=index.esm.js.map

makeStaticStyles.cjs.js

@@ -26,1 +26,2 @@ 'use strict';
 exports.makeStaticStyles = makeStaticStyles;
+//# sourceMappingURL=makeStaticStyles.cjs.js.map

makeStaticStyles.d.ts

 import type { GriffelStaticStyles } from '@griffel/core';
-export declare function makeStaticStyles<Selectors>(styles: GriffelStaticStyles | GriffelStaticStyles[]): () => void;
+export declare function makeStaticStyles(styles: GriffelStaticStyles | GriffelStaticStyles[]): () => void;

makeStaticStyles.esm.js

@@ -22,1 +22,2 @@ import { makeStaticStyles as makeStaticStyles$1 } from '@griffel/core';
 export { makeStaticStyles };
+//# sourceMappingURL=makeStaticStyles.esm.js.map

makeStyles.cjs.js

@@ -10,6 +10,26 @@ 'use strict';
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
 function isInsideComponent() {
   try {
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useContext({});
+    React__namespace.useContext({});
     return true;
@@ -41,1 +61,2 @@ } catch (e) {
 exports.makeStyles = makeStyles;
+//# sourceMappingURL=makeStyles.cjs.js.map

makeStyles.esm.js

@@ -36,1 +36,2 @@ import { makeStyles as makeStyles$1 } from '@griffel/core';
 export { makeStyles };
+//# sourceMappingURL=makeStyles.esm.js.map

package.json

 {
   "name": "@griffel/react",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "React implementation of Atomic CSS-in-JS",
@@ -5,0 +5,0 @@ "license": "MIT",

README.md

@@ -152,3 +152,3 @@ # Griffel for React
     '.foo': { color: 'black' },
-    ':nth-child(2n)': { background: '#fafafa' },
+    ':nth-child(2n)': { backgroundColor: '#fafafa' },
 
@@ -168,4 +168,4 @@ '@media screen and (max-width: 992px)': { color: 'orange' },
   root: {
-    ':global(html[data-whatintent="mouse"])': { background: 'yellow' },
-    // outputs: html[data-whatintent="mouse"] .abcd { background: yellow }
+    ':global(html[data-whatintent="mouse"])': { backgroundColor: 'yellow' },
+    // outputs: html[data-whatintent="mouse"] .abcd { background-color: yellow }
   },
@@ -172,0 +172,0 @@ });

RendererContext.cjs.js

@@ -8,2 +8,22 @@ 'use strict';
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
 /**
@@ -14,4 +34,3 @@ * Verifies if an application can use DOM.
 function canUseDOM() {
-  return typeof window !== 'undefined' && !!(window.document && // eslint-disable-next-line deprecation/deprecation
-  window.document.createElement);
+  return typeof window !== 'undefined' && !!(window.document && window.document.createElement);
 }
@@ -23,3 +42,3 @@ /**
 
-const RendererContext = /*#__PURE__*/React.createContext( /*#__PURE__*/core.createDOMRenderer());
+const RendererContext = /*#__PURE__*/React__namespace.createContext( /*#__PURE__*/core.createDOMRenderer());
 /**
@@ -38,3 +57,3 @@ * @public
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useMemo(() => {
+    React__namespace.useMemo(() => {
       // "rehydrateCache()" can't be called in effects as it needs to be called before any component will be rendered to
@@ -46,3 +65,3 @@ // avoid double insertion of classes
 
-  return /*#__PURE__*/React.createElement(RendererContext.Provider, {
+  return /*#__PURE__*/React__namespace.createElement(RendererContext.Provider, {
     value: renderer
@@ -58,3 +77,3 @@ }, children);
 function useRenderer() {
-  return React.useContext(RendererContext);
+  return React__namespace.useContext(RendererContext);
 }
@@ -64,1 +83,2 @@
 exports.useRenderer = useRenderer;
+//# sourceMappingURL=RendererContext.cjs.js.map

RendererContext.esm.js

@@ -9,4 +9,3 @@ import { rehydrateRendererCache, createDOMRenderer } from '@griffel/core';
 function canUseDOM() {
-  return typeof window !== 'undefined' && !!(window.document && // eslint-disable-next-line deprecation/deprecation
-  window.document.createElement);
+  return typeof window !== 'undefined' && !!(window.document && window.document.createElement);
 }
@@ -54,1 +53,2 @@ /**
 export { RendererProvider, useRenderer };
+//# sourceMappingURL=RendererContext.esm.js.map

renderToStyleElements.cjs.js

@@ -8,2 +8,22 @@ 'use strict';
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
 /**
@@ -34,3 +54,3 @@ * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
 
-    return /*#__PURE__*/React.createElement('style', {
+    return /*#__PURE__*/React__namespace.createElement('style', {
       key: bucketName,
@@ -49,1 +69,2 @@ // TODO: support "nonce"
 exports.renderToStyleElements = renderToStyleElements;
+//# sourceMappingURL=renderToStyleElements.cjs.js.map

renderToStyleElements.esm.js

@@ -43,1 +43,2 @@ import { styleBucketOrdering } from '@griffel/core';
 export { renderToStyleElements };
+//# sourceMappingURL=renderToStyleElements.esm.js.map

TextDirectionContext.cjs.js

@@ -7,2 +7,22 @@ 'use strict';
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
 /**
@@ -12,3 +32,3 @@ * @private
 
-const TextDirectionContext = /*#__PURE__*/React.createContext('ltr');
+const TextDirectionContext = /*#__PURE__*/React__namespace.createContext('ltr');
 /**
@@ -22,3 +42,3 @@ * @public
 }) => {
-  return /*#__PURE__*/React.createElement(TextDirectionContext.Provider, {
+  return /*#__PURE__*/React__namespace.createElement(TextDirectionContext.Provider, {
     value: dir
@@ -34,3 +54,3 @@ }, children);
 function useTextDirection() {
-  return React.useContext(TextDirectionContext);
+  return React__namespace.useContext(TextDirectionContext);
 }
@@ -40,1 +60,2 @@
 exports.useTextDirection = useTextDirection;
+//# sourceMappingURL=TextDirectionContext.cjs.js.map

TextDirectionContext.esm.js

@@ -31,1 +31,2 @@ import * as React from 'react';
 export { TextDirectionProvider, useTextDirection };
+//# sourceMappingURL=TextDirectionContext.esm.js.map

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

47205

increased by121.62%

Number of package files

38

increased by58.33%

Lines of code

538

increased by18.5%

No dependency changes