@griffel/react - npm Package Compare versions

Comparing version 1.5.20 to 1.5.21

__css.cjs.js

@@ -0,0 +0,0 @@ 'use strict';

__css.esm.js

@@ -0,0 +0,0 @@ import { __css as __css$1 } from '@griffel/core';

__resetCSS.cjs.js

@@ -0,0 +0,0 @@ 'use strict';

__resetCSS.esm.js

@@ -0,0 +0,0 @@ import { __resetCSS as __resetCSS$1 } from '@griffel/core';

__resetStyles.cjs.js

@@ -0,0 +0,0 @@ 'use strict';

__resetStyles.esm.js

@@ -0,0 +0,0 @@ import { __resetStyles as __resetStyles$1 } from '@griffel/core';

__styles.cjs.js

@@ -0,0 +0,0 @@ 'use strict';

__styles.esm.js

@@ -0,0 +0,0 @@ import { __styles as __styles$1 } from '@griffel/core';

package.json

 {
   "name": "@griffel/react",
-  "version": "1.5.20",
+  "version": "1.5.21",
   "description": "React implementation of Atomic CSS-in-JS",
@@ -18,3 +18,3 @@ "license": "MIT",
   "dependencies": {
-    "@griffel/core": "^1.15.2",
+    "@griffel/core": "^1.15.3",
     "tslib": "^2.1.0"
@@ -26,4 +26,3 @@ },
   "module": "./index.esm.js",
-  "main": "./index.cjs.js",
-  "types": "./src/index.d.ts"
+  "main": "./index.cjs.js"
 }

RendererContext.cjs.js

@@ -0,0 +0,0 @@ 'use strict';

RendererContext.esm.js

@@ -9,2 +9,3 @@ import { rehydrateRendererCache, createDOMRenderer } from '@griffel/core';
 const RendererContext = /*#__PURE__*/React.createContext( /*#__PURE__*/createDOMRenderer());
+
 /**
@@ -32,2 +33,3 @@ * @public
 };
+
 /**
@@ -34,0 +36,0 @@ * Returns an instance of current makeStyles() renderer.

renderToStyleElements.cjs.js

@@ -57,7 +57,5 @@ 'use strict';
     }
-    return /*#__PURE__*/React__namespace.createElement('style', {
-      key: stylesheet.bucketName,
-      // TODO: support "nonce"
-      // ...renderer.styleNodeAttributes,
-      ...stylesheet.elementAttributes,
+    return /*#__PURE__*/React__namespace.createElement('style', Object.assign({
+      key: stylesheet.bucketName
+    }, stylesheet.elementAttributes, {
       'data-make-styles-rehydration': 'true',
@@ -67,3 +65,3 @@ dangerouslySetInnerHTML: {
       }
-    });
+    }));
   }).filter(Boolean);
@@ -70,0 +68,0 @@ }

renderToStyleElements.esm.js

@@ -33,7 +33,5 @@ import { styleBucketOrdering } from '@griffel/core';
     }
-    return /*#__PURE__*/React.createElement('style', {
-      key: stylesheet.bucketName,
-      // TODO: support "nonce"
-      // ...renderer.styleNodeAttributes,
-      ...stylesheet.elementAttributes,
+    return /*#__PURE__*/React.createElement('style', Object.assign({
+      key: stylesheet.bucketName
+    }, stylesheet.elementAttributes, {
       'data-make-styles-rehydration': 'true',
@@ -43,3 +41,3 @@ dangerouslySetInnerHTML: {
       }
-    });
+    }));
   }).filter(Boolean);
@@ -46,0 +44,0 @@ }

src/__css.d.ts

@@ -0,0 +0,0 @@ import type { CSSClassesMapBySlot } from '@griffel/core';

src/__resetCSS.d.ts

@@ -0,0 +0,0 @@ /**

src/__resetStyles.d.ts

@@ -0,0 +0,0 @@ import type { CSSRulesByBucket } from '@griffel/core';

src/__styles.d.ts

@@ -0,0 +0,0 @@ import type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';

src/index.d.ts

@@ -0,0 +0,0 @@ export { shorthands, mergeClasses, createDOMRenderer } from '@griffel/core';

src/insertionFactory.d.ts

 import type { GriffelInsertionFactory } from '@griffel/core';
 export declare const insertionFactory: GriffelInsertionFactory;

src/makeResetStyles.d.ts

 import type { GriffelResetStyle } from '@griffel/core';
 export declare function makeResetStyles(styles: GriffelResetStyle): () => string;

src/makeStaticStyles.d.ts

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

src/makeStyles.d.ts

 import type { GriffelStyle } from '@griffel/core';
 export declare function makeStyles<Slots extends string | number>(stylesBySlots: Record<Slots, GriffelStyle>): () => Record<Slots, string>;

src/RendererContext.d.ts

@@ -0,0 +0,0 @@ import type { GriffelRenderer } from '@griffel/core';

src/renderToStyleElements.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

src/TextDirectionContext.d.ts

@@ -0,0 +0,0 @@ import * as React from 'react';

src/useInsertionEffect.d.ts

 import * as React from 'react';
 export declare const useInsertionEffect: typeof React.useInsertionEffect | undefined;

src/utils/canUseDOM.d.ts

@@ -0,0 +0,0 @@ /**

src/utils/isInsideComponent.d.ts

 export declare function isInsideComponent(): boolean;

TextDirectionContext.cjs.js

@@ -0,0 +0,0 @@ 'use strict';

TextDirectionContext.esm.js

@@ -7,2 +7,3 @@ import * as React from 'react';
 const TextDirectionContext = /*#__PURE__*/React.createContext('ltr');
+
 /**
@@ -19,2 +20,3 @@ * @public
 };
+
 /**
@@ -21,0 +23,0 @@ * Returns current directionality of the element's text.

utils/canUseDOM.cjs.js

@@ -0,0 +0,0 @@ 'use strict';

utils/canUseDOM.esm.js

@@ -0,0 +0,0 @@ /**

utils/isInsideComponent.esm.js

@@ -9,2 +9,3 @@ import * as React from 'react';
     const dispatcher = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current;
+
     // Before any React component was rendered "dispatcher" will be "null"
@@ -14,2 +15,3 @@ if (dispatcher === null || dispatcher === undefined) {
     }
+
     // A check with hooks call (i.e. call "React.useContext()" outside a component) will always produce errors, but
@@ -16,0 +18,0 @@ // a call on the dispatcher wont

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

99055

increased by2.81%

Number of package files

79

increased by1.28%

Worsened metrics

Lines of code

903

decreased by-0.33%

Dependency changes

• Updated@griffel/core@^1.15.3