@griffel/react 1.6.2 → 1.7.0

package/lib/RendererContext.cjs

@@ -17,19 +17,15 @@ _export(exports, {
         return useRenderer;
     }
 });
+const _jsxruntime = require("react/jsx-runtime");
 const _core = require("@griffel/core");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _react = require("react");
 const _canUseDOM = require("./utils/canUseDOM.cjs");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 /**
  * @private
- */ const RendererContext = /*#__PURE__*/ _react.default.createContext(/*#__PURE__*/ (0, _core.createDOMRenderer)());
+ */ const RendererContext = /*#__PURE__*/ (0, _react.createContext)(/*#__PURE__*/ (0, _core.createDOMRenderer)());
 const RendererProvider = ({ children, renderer, targetDocument })=>{
-    _react.default.useMemo(()=>{
+    (0, _react.useMemo)(()=>{
         if ((0, _canUseDOM.canUseDOM)()) {
             // "rehydrateCache()" can't be called in effects as it needs to be called before any component will be rendered to
             // avoid double insertion of classes
@@ -39,10 +35,11 @@ const RendererProvider = ({ children, renderer, targetDocument })=>{
         renderer,
         targetDocument
     ]);
-    return _react.default.createElement(RendererContext.Provider, {
-        value: renderer
-    }, children);
+    return (0, _jsxruntime.jsx)(RendererContext.Provider, {
+        value: renderer,
+        children: children
+    });
 };
 function useRenderer() {
-    return _react.default.useContext(RendererContext);
+    return (0, _react.useContext)(RendererContext);
 } //# sourceMappingURL=RendererContext.js.map

package/lib/TextDirectionContext.cjs

@@ -17,20 +17,17 @@ _export(exports, {
         return useTextDirection;
     }
 });
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
 /**
  * @private
- */ const TextDirectionContext = /*#__PURE__*/ _react.default.createContext('ltr');
+ */ const TextDirectionContext = /*#__PURE__*/ (0, _react.createContext)('ltr');
 const TextDirectionProvider = ({ children, dir })=>{
-    return _react.default.createElement(TextDirectionContext.Provider, {
-        value: dir
-    }, children);
+    return (0, _jsxruntime.jsx)(TextDirectionContext.Provider, {
+        value: dir,
+        children: children
+    });
 };
 function useTextDirection() {
-    return _react.default.useContext(TextDirectionContext);
+    return (0, _react.useContext)(TextDirectionContext);
 } //# sourceMappingURL=TextDirectionContext.js.map

package/lib/utils/canUseDOM.cjs

@@ -1,5 +1,7 @@
 /**
  * Verifies if an application can use DOM.
+ *
+ * @internal
  */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@griffel/react",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "description": "React implementation of Atomic CSS-in-JS",
   "license": "MIT",
   "repository": {
@@ -31,6 +31,6 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0 <20.0.0"
+    "react": ">=16.14.0 <20.0.0"
   }
 }

package/src/RendererContext.d.ts

@@ -1,5 +1,5 @@
 import type { GriffelRenderer } from '@griffel/core';
-import React from 'react';
+import { type FC, type ReactNode } from 'react';
 export interface RendererProviderProps {
     /** An instance of Griffel renderer. */
     renderer: GriffelRenderer;
@@ -10,12 +10,12 @@ export interface RendererProviderProps {
     /**
      * Content wrapped by the RendererProvider
      */
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /**
  * @public
  */
-export declare const RendererProvider: React.FC<RendererProviderProps>;
+export declare const RendererProvider: FC<RendererProviderProps>;
 /**
  * Returns an instance of current makeStyles() renderer.
  *

package/src/RendererContext.js

@@ -1,23 +1,24 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createDOMRenderer, rehydrateRendererCache } from '@griffel/core';
-import React from 'react';
+import { createContext, useContext, useMemo } from 'react';
 import { canUseDOM } from './utils/canUseDOM.js';
 /**
  * @private
  */
-const RendererContext = /*#__PURE__*/ React.createContext(/*#__PURE__*/ createDOMRenderer());
+const RendererContext = /*#__PURE__*/ createContext(/*#__PURE__*/ createDOMRenderer());
 /**
  * @public
  */
 export const RendererProvider = ({ children, renderer, targetDocument }) => {
-    React.useMemo(() => {
+    useMemo(() => {
         if (canUseDOM()) {
             // "rehydrateCache()" can't be called in effects as it needs to be called before any component will be rendered to
             // avoid double insertion of classes
             rehydrateRendererCache(renderer, targetDocument);
         }
     }, [renderer, targetDocument]);
-    return React.createElement(RendererContext.Provider, { value: renderer }, children);
+    return _jsx(RendererContext.Provider, { value: renderer, children: children });
 };
 /**
  * Returns an instance of current makeStyles() renderer.
@@ -25,6 +26,6 @@ export const RendererProvider = ({ children, renderer, targetDocument }) => {
  * @private Exported as "useRenderer_unstable" use it on own risk. Can be changed or removed without a notice.
  */
 export function useRenderer() {
-    return React.useContext(RendererContext);
+    return useContext(RendererContext);
 }
 //# sourceMappingURL=RendererContext.js.map

package/src/RendererContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"RendererContext.js","sourceRoot":"","sources":["../../../../packages/react/src/RendererContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAiBjD;;GAEG;AACH,MAAM,eAAe,GAAG,aAAa,CAAC,KAAK,CAAC,aAAa,CAAkB,aAAa,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAE9G;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IAC1G,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjB,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,kHAAkH;YAClH,oCAAoC;YACpC,sBAAsB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/B,OAAO,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IAAG,QAAQ,CAA4B,CAAC;AAC1F,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,WAAW;IACzB,OAAO,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"RendererContext.js","sourceRoot":"","sources":["../../../../packages/react/src/RendererContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAA2B,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAiBjD;;GAEG;AACH,MAAM,eAAe,GAAG,aAAa,CAAC,aAAa,CAAkB,aAAa,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAExG;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IACpG,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,kHAAkH;YAClH,oCAAoC;YACpC,sBAAsB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/B,OAAO,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YAAG,QAAQ,GAA4B,CAAC;AAC1F,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,WAAW;IACzB,OAAO,UAAU,CAAC,eAAe,CAAC,CAAC;AACrC,CAAC"}

package/src/TextDirectionContext.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
+import { type FC, type ReactNode } from 'react';
 export interface TextDirectionProviderProps {
     /** Indicates the directionality of the element's text. */
     dir: 'ltr' | 'rtl';
     /**
      * Content wrapped by the TextDirectionProvider.
      */
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /**
  * @public
  */
-export declare const TextDirectionProvider: React.FC<TextDirectionProviderProps>;
+export declare const TextDirectionProvider: FC<TextDirectionProviderProps>;
 /**
  * Returns current directionality of the element's text.
  *

package/src/TextDirectionContext.js

@@ -1,14 +1,15 @@
 'use client';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
 /**
  * @private
  */
-const TextDirectionContext = /*#__PURE__*/ React.createContext('ltr');
+const TextDirectionContext = /*#__PURE__*/ createContext('ltr');
 /**
  * @public
  */
 export const TextDirectionProvider = ({ children, dir }) => {
-    return React.createElement(TextDirectionContext.Provider, { value: dir }, children);
+    return _jsx(TextDirectionContext.Provider, { value: dir, children: children });
 };
 /**
  * Returns current directionality of the element's text.
@@ -16,6 +17,6 @@ export const TextDirectionProvider = ({ children, dir }) => {
  * @private
  */
 export function useTextDirection() {
-    return React.useContext(TextDirectionContext);
+    return useContext(TextDirectionContext);
 }
 //# sourceMappingURL=TextDirectionContext.js.map

package/src/TextDirectionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextDirectionContext.js","sourceRoot":"","sources":["../../../../packages/react/src/TextDirectionContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;GAEG;AACH,MAAM,oBAAoB,GAAG,aAAa,CAAC,KAAK,CAAC,aAAa,CAAgB,KAAK,CAAC,CAAC;AAErF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE;IAC/F,OAAO,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,IAAG,QAAQ,CAAiC,CAAC;AAC/F,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAChD,CAAC"}
+{"version":3,"file":"TextDirectionContext.js","sourceRoot":"","sources":["../../../../packages/react/src/TextDirectionContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAA2B,MAAM,OAAO,CAAC;AAY3E;;GAEG;AACH,MAAM,oBAAoB,GAAG,aAAa,CAAC,aAAa,CAAgB,KAAK,CAAC,CAAC;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE;IACzF,OAAO,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YAAG,QAAQ,GAAiC,CAAC;AAC/F,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAC1C,CAAC"}

package/src/__css.d.ts

@@ -1,7 +1 @@
-import type { CSSClassesMapBySlot } from '@griffel/core';
-/**
- * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
- *
- * @internal
- */
-export declare function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>): () => Record<Slots, string>;
+export {};

package/src/__resetCSS.d.ts

@@ -1,6 +1 @@
-/**
- * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
- *
- * @internal
- */
-export declare function __resetCSS(ltrClassName: string, rtlClassName: string | null): () => string;
+export {};

package/src/__resetStyles.d.ts

@@ -1,7 +1 @@
-import type { CSSRulesByBucket } from '@griffel/core';
-/**
- * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.
- *
- * @internal
- */
-export declare function __resetStyles(ltrClassName: string, rtlClassName: string | null, cssRules: CSSRulesByBucket | string[]): () => string;
+export {};

package/src/__staticCSS.d.ts

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

package/src/__staticStyles.d.ts

@@ -1,7 +1 @@
-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;
+export {};

package/src/__styles.d.ts

@@ -1,7 +1 @@
-import type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';
-/**
- * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
- *
- * @internal
- */
-export declare function __styles<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>, cssRules: CSSRulesByBucket): () => Record<Slots, string>;
+export {};

package/src/useInsertionEffect.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const useInsertionEffect: typeof React.useInsertionEffect | undefined;
+export {};

package/src/useInsertionEffect.js

@@ -1,5 +1,8 @@
 'use client';
 import React from 'react';
+/**
+ * @internal
+ */
 export const useInsertionEffect = 
 // @ts-expect-error Hack to make sure that `useInsertionEffect` will not cause bundling issues in older React versions
 // eslint-disable-next-line no-useless-concat

package/src/useInsertionEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInsertionEffect.js","sourceRoot":"","sources":["../../../../packages/react/src/useInsertionEffect.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB;AAC7B,sHAAsH;AACtH,6CAA6C;AAC7C,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC"}
+{"version":3,"file":"useInsertionEffect.js","sourceRoot":"","sources":["../../../../packages/react/src/useInsertionEffect.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB;AAC7B,sHAAsH;AACtH,6CAA6C;AAC7C,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC"}

package/src/utils/canUseDOM.d.ts

@@ -1,4 +1 @@
-/**
- * Verifies if an application can use DOM.
- */
-export declare function canUseDOM(): boolean;
+export {};

package/src/utils/canUseDOM.js

@@ -1,5 +1,7 @@
 /**
  * Verifies if an application can use DOM.
+ *
+ * @internal
  */
 export function canUseDOM() {
     return typeof window !== 'undefined' && !!(window.document && window.document.createElement);

package/src/utils/canUseDOM.js.map

@@ -1 +1 @@
-{"version":3,"file":"canUseDOM.js","sourceRoot":"","sources":["../../../../../packages/react/src/utils/canUseDOM.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,SAAS;IACvB,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAC/F,CAAC"}
+{"version":3,"file":"canUseDOM.js","sourceRoot":"","sources":["../../../../../packages/react/src/utils/canUseDOM.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,SAAS;IACvB,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAC/F,CAAC"}

package/src/utils/isInsideComponent.d.ts

@@ -1 +1 @@
-export declare function isInsideComponent(): boolean;
+export {};

package/src/utils/isInsideComponent.js

@@ -15,6 +15,9 @@ function getDispatcher() {
         // React 18 and below
     }
 }
+/**
+ * @internal
+ */
 export function isInsideComponent() {
     // React 18 always logs errors if a dispatcher is not present:
     // https://github.com/facebook/react/blob/42f15b324f50d0fd98322c21646ac3013e30344a/packages/react/src/ReactHooks.js#L26-L36

package/src/utils/isInsideComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"isInsideComponent.js","sourceRoot":"","sources":["../../../../../packages/react/src/utils/isInsideComponent.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,SAAS,aAAa;IACpB,IAAI,CAAC;QACH,OAAQ,KAAa,CAAC,EAAE,CAAC,MAAM,CAAC,iEAAiE,CAAC,CAAC,CAAC,CAAC,CAAC;IACxG,CAAC;IAAC,MAAM,CAAC;QACP,YAAY;IACd,CAAC;IAED,IAAI,CAAC;QACH,OAAQ,KAAa,CAAC,EAAE,CAAC,MAAM,CAAC,oDAAoD,CAAC,CAAC,CAAC,sBAAsB;aAC1G,OAAO,CAAC;IACb,CAAC;IAAC,MAAM,CAAC;QACP,qBAAqB;IACvB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,8DAA8D;IAC9D,2HAA2H;IAC3H,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;QAEnC,sEAAsE;QACtE,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,+GAA+G;QAC/G,gCAAgC;QAChC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC"}
+{"version":3,"file":"isInsideComponent.js","sourceRoot":"","sources":["../../../../../packages/react/src/utils/isInsideComponent.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,SAAS,aAAa;IACpB,IAAI,CAAC;QACH,OAAQ,KAAa,CAAC,EAAE,CAAC,MAAM,CAAC,iEAAiE,CAAC,CAAC,CAAC,CAAC,CAAC;IACxG,CAAC;IAAC,MAAM,CAAC;QACP,YAAY;IACd,CAAC;IAED,IAAI,CAAC;QACH,OAAQ,KAAa,CAAC,EAAE,CAAC,MAAM,CAAC,oDAAoD,CAAC,CAAC,CAAC,sBAAsB;aAC1G,OAAO,CAAC;IACb,CAAC;IAAC,MAAM,CAAC;QACP,qBAAqB;IACvB,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAC/B,8DAA8D;IAC9D,2HAA2H;IAC3H,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;QAEnC,sEAAsE;QACtE,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,+GAA+G;QAC/G,gCAAgC;QAChC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC"}