@griffel/react 1.7.1 → 1.7.3

package/CHANGELOG.md

@@ -0,0 +1,501 @@
+# Change Log - @griffel/react
+
+<!-- This log was last generated on Thu, 21 May 2026 08:10:29 GMT and should not be manually modified. -->
+
+<!-- Start content -->
+
+## 1.7.3
+
+Thu, 21 May 2026 08:10:29 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.21.1
+
+## 1.7.2
+
+Mon, 04 May 2026 12:34:39 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.21.0
+
+## 1.7.1
+
+Thu, 30 Apr 2026 08:33:37 GMT
+
+### Patches
+
+- fix: tag babel-emitted helpers as @private not @internal so they survive stripInternal and remain re-exportable from index.d.ts (olfedias@microsoft.com)
+- Bump @griffel/core to v1.20.3
+
+## 1.7.0
+
+Wed, 29 Apr 2026 17:05:15 GMT
+
+### Minor changes
+
+- feat(react): switch to modern JSX runtime, bump react peerDep to >=16.14.0 (olfedias@microsoft.com)
+
+### Patches
+
+- fix(react): emit interop-free types so consumers without esModuleInterop can compile (olfedias@microsoft.com)
+
+## 1.6.2
+
+Wed, 29 Apr 2026 08:41:14 GMT
+
+### Patches
+
+- refactor(build): switch from rollup to tsc + SWC (olfedias@microsoft.com)
+- Bump @griffel/core to v1.20.2
+
+## 1.6.1
+
+Fri, 06 Mar 2026 15:56:28 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.20.1
+
+## 1.6.0
+
+Fri, 06 Mar 2026 08:17:05 GMT
+
+### Minor changes
+
+- feat: add makeStaticStyles AOT/CSS extraction support (hochelmartin@gmail.com)
+- Bump @griffel/core to v1.20.0
+
+## 1.5.32
+
+Thu, 06 Nov 2025 19:40:21 GMT
+
+### Patches
+
+- fix: renderToStyleElements() should handle shorthands ordering (olfedias@microsoft.com)
+
+## 1.5.31
+
+Mon, 03 Nov 2025 15:43:56 GMT
+
+### Patches
+
+- feat(react): add 'use client' directives (dmytrokirpa@microsoft.com)
+- fix: fix dev-only validation to work in React 19 (olfedias@microsoft.com)
+
+## 1.5.30
+
+Tue, 22 Apr 2025 10:05:48 GMT
+
+### Patches
+
+- chore: allow React 19 in "peerDependencies" (olfedias@microsoft.com)
+- Bump @griffel/core to v1.19.2
+
+## 1.5.29
+
+Thu, 23 Jan 2025 12:09:03 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.19.1
+
+## 1.5.28
+
+Wed, 22 Jan 2025 13:44:43 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.19.0
+
+## 1.5.27
+
+Tue, 12 Nov 2024 09:58:11 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.18.2
+
+## 1.5.26
+
+Thu, 31 Oct 2024 16:16:50 GMT
+
+### Patches
+
+- chore: add eslint-plugin-react-compiler and enable for React package. (seanmonahan@microsoft.com)
+- fix: make RendererProvider compatible with React Compiler (olfedias@microsoft.com)
+- Bump @griffel/core to v1.18.1
+
+## 1.5.25
+
+Mon, 29 Jul 2024 07:31:53 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.18.0
+
+## 1.5.24
+
+Wed, 10 Jul 2024 14:36:29 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.17.1
+
+## 1.5.23
+
+Wed, 22 May 2024 08:24:17 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.17.0
+
+## 1.5.22
+
+Thu, 02 May 2024 14:07:14 GMT
+
+### Patches
+
+- feat: add support for `RESET` (olfedias@microsoft.com)
+- Bump @griffel/core to v1.16.0
+
+## 1.5.21
+
+Tue, 19 Mar 2024 11:33:53 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.15.3
+
+## 1.5.20
+
+Fri, 12 Jan 2024 11:08:40 GMT
+
+### Patches
+
+- chore: add "wyw-in-js" field for tag processor (olfedias@microsoft.com)
+- Bump @griffel/core to v1.15.2
+
+## 1.5.19
+
+Thu, 30 Nov 2023 16:42:15 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.15.1
+
+## 1.5.18
+
+Thu, 09 Nov 2023 14:35:07 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.15.0
+
+## 1.5.17
+
+Mon, 30 Oct 2023 14:08:55 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.14.4
+
+## 1.5.16
+
+Tue, 03 Oct 2023 19:09:32 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.14.3
+
+## 1.5.15
+
+Fri, 15 Sep 2023 08:08:43 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.14.2
+
+## 1.5.14
+
+Mon, 31 Jul 2023 12:18:47 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.14.1
+
+## 1.5.13
+
+Mon, 31 Jul 2023 09:05:33 GMT
+
+### Patches
+
+- chore: improve React 18 support by using useInsertionEffect (olfedias@microsoft.com)
+- chore: add support for different buckets in makeResetStyles (olfedias@microsoft.com)
+- Bump @griffel/core to v1.14.0
+
+## 1.5.12
+
+Wed, 19 Jul 2023 07:32:54 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.13.1
+
+## 1.5.11
+
+Thu, 13 Jul 2023 11:31:22 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.13.0
+
+## 1.5.10
+
+Thu, 29 Jun 2023 12:49:54 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.12.2
+
+## 1.5.9
+
+Wed, 28 Jun 2023 16:07:13 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.12.1
+
+## 1.5.8
+
+Tue, 27 Jun 2023 14:18:04 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.12.0
+
+## 1.5.7
+
+Fri, 14 Apr 2023 07:58:49 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.11.0
+
+## 1.5.6
+
+Wed, 29 Mar 2023 12:45:13 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.10.1
+
+## 1.5.5
+
+Thu, 02 Mar 2023 14:51:11 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.10.0
+
+## 1.5.4
+
+Fri, 10 Feb 2023 10:23:25 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.9.2
+
+## 1.5.3
+
+Thu, 26 Jan 2023 14:06:28 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.9.1
+
+## 1.5.2
+
+Tue, 20 Dec 2022 11:48:33 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.9.0
+
+## 1.5.1
+
+Fri, 09 Dec 2022 11:15:19 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.8.3
+
+## 1.5.0
+
+Wed, 30 Nov 2022 09:32:24 GMT
+
+### Minor changes
+
+- feat: re-export GriffelResetStyle type (olfedias@microsoft.com)
+
+## 1.4.3
+
+Thu, 24 Nov 2022 10:05:12 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.8.2
+
+## 1.4.2
+
+Wed, 26 Oct 2022 11:06:03 GMT
+
+### Patches
+
+- fix: add export for __resetCSS (olfedias@microsoft.com)
+- chore: allow React 18 in peerDependencies (olfedias@microsoft.com)
+- Bump @griffel/core to v1.8.1
+
+## 1.4.1
+
+Thu, 13 Oct 2022 08:36:18 GMT
+
+### Patches
+
+- chore: add __resetStyles (internal function) (olfedias@microsoft.com)
+- chore: add __resetStyles (internal function) (olfedias@microsoft.com)
+- Bump @griffel/core to v1.8.0
+
+## 1.4.0
+
+Wed, 05 Oct 2022 14:28:43 GMT
+
+### Minor changes
+
+- feat: add makeResetStyles to @griffel/react (olfedias@microsoft.com)
+- Bump @griffel/core to v1.7.0
+
+## 1.3.2
+
+Tue, 04 Oct 2022 08:44:33 GMT
+
+### Patches
+
+- fix: Adding children to prop type definitions for React 18 (liukerry@microsoft.com)
+- Bump @griffel/core to v1.6.1
+
+## 1.3.1
+
+Tue, 16 Aug 2022 11:16:00 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.6.0
+
+## 1.3.0
+
+Wed, 03 Aug 2022 15:28:36 GMT
+
+### Minor changes
+
+- feat: re-export GriffelRenderer type (olfedias@microsoft.com)
+
+## 1.2.3
+
+Wed, 27 Jul 2022 13:03:12 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.5.1
+
+## 1.2.2
+
+Tue, 19 Jul 2022 10:20:09 GMT
+
+### Patches
+
+- feat: export `CreateDOMRendererOptions` from `@griffel/react` (lingfangao@hotmail.com)
+- Bump @griffel/core to v1.5.0
+
+## 1.2.1
+
+Tue, 28 Jun 2022 09:50:50 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.4.1
+
+## 1.2.0
+
+Thu, 23 Jun 2022 08:37:05 GMT
+
+### Minor changes
+
+- feat: update renderToStyleElement to use isomorphic stylesheets from renderer (lingfangao@hotmail.com)
+- feat: update style rehydration to sort media queries (lingfangao@hotmail.com)
+- Bump @griffel/core to v1.4.0
+
+### Patches
+
+- chore: add __css() functions for upcoming CSS extraction (olfedias@microsoft.com)
+- chore: rename instances of styleElement to stylesheet where appropriate following [#137](https://github.com/microsoft/griffel/pull/137) (lingfangao@hotmail.com)
+
+## 1.1.0
+
+Thu, 26 May 2022 15:06:34 GMT
+
+### Minor changes
+
+- feat: export useRenderer_unstable (olfedias@microsoft.com)
+
+## 1.0.5
+
+Tue, 17 May 2022 08:34:48 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.3.1
+
+## 1.0.4
+
+Wed, 04 May 2022 16:15:22 GMT
+
+### Patches
+
+- fix: avoid errors with React 18 (olfedias@microsoft.com)
+- fix: update isInsideComponent() check (olfedias@microsoft.com)
+- Bump @griffel/core to v1.3.0
+
+## 1.0.3
+
+Wed, 06 Apr 2022 13:28:28 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.2.0
+
+## 1.0.2
+
+Wed, 09 Mar 2022 13:56:06 GMT
+
+### Patches
+
+- chore: add dependencies explicitly to package.json (olfedias@microsoft.com)
+- Bump @griffel/core to v1.1.1
+
+## 1.0.1
+
+Mon, 07 Mar 2022 09:08:08 GMT
+
+### Patches
+
+- chore: add sourcemaps to dist files (olfedias@microsoft.com)
+
+## 1.0.0
+
+Thu, 20 Jan 2022 09:31:57 GMT
+
+### Major changes
+
+- initial release (olfedias@microsoft.com)

package/README.md

@@ -79,6 +79,10 @@ const useClasses = makeStyles({
     '@container foo (max-width: 992px)': { color: 'orange' },
     '@supports (display: grid)': { color: 'red' },
     '@layer utility': { marginBottom: '1em' },
+    '@scope to (.boundary)': {
+      ':hover': { color: 'cyan' },
+      '& p': { color: 'red' },
+    },
   },
 });
 ```

package/bundle-size/__css.fixture.js

@@ -0,0 +1,7 @@
+import { __css } from '@griffel/react';
+
+console.log(__css);
+
+export default {
+  name: '__css',
+};

package/bundle-size/__styles.fixture.js

@@ -0,0 +1,7 @@
+import { __styles } from '@griffel/react';
+
+console.log(__styles);
+
+export default {
+  name: '__styles',
+};

package/bundle-size/makeResetStyles.fixture.js

@@ -0,0 +1,7 @@
+import { makeResetStyles } from '@griffel/react';
+
+console.log(makeResetStyles);
+
+export default {
+  name: 'makeResetStyles (runtime)',
+};

package/bundle-size/makeStaticStyles.fixture.js

@@ -0,0 +1,7 @@
+import { makeStaticStyles } from '@griffel/react';
+
+console.log(makeStaticStyles);
+
+export default {
+  name: 'makeStaticStyles (runtime)',
+};

package/bundle-size/makeStyles.fixture.js

@@ -0,0 +1,7 @@
+import { makeStyles } from '@griffel/react';
+
+console.log(makeStyles);
+
+export default {
+  name: 'makeStyles (runtime)',
+};

package/eslint.config.mjs

@@ -0,0 +1,31 @@
+import baseConfig from '../../eslint.config.mjs';
+import eslintPluginReactCompiler from 'eslint-plugin-react-compiler';
+import eslintPluginReactHooks from 'eslint-plugin-react-hooks';
+import eslintPluginReactX from 'eslint-plugin-react-x';
+
+export default [
+  {
+    ignores: ['**/dist', '**/out-tsc'],
+  },
+  ...baseConfig,
+  {
+    files: ['**/__*.ts', '**/__*.tsx'],
+    rules: {
+      '@typescript-eslint/naming-convention': 'off',
+    },
+  },
+  eslintPluginReactX.configs['recommended-typescript'],
+  eslintPluginReactHooks.configs.flat['recommended-latest'],
+  eslintPluginReactX.configs['disable-conflict-eslint-plugin-react-hooks'],
+  eslintPluginReactCompiler.configs.recommended,
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    // Override or add rules here
+    rules: {},
+  },
+  {
+    files: ['**/*.js', '**/*.jsx'],
+    // Override or add rules here
+    rules: {},
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@griffel/react",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "description": "React implementation of Atomic CSS-in-JS",
   "license": "MIT",
   "repository": {
@@ -27,10 +27,10 @@
     }
   },
   "dependencies": {
-    "@griffel/core": "^1.20.3",
+    "@griffel/core": "^1.21.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
     "react": ">=16.14.0 <20.0.0"
   }
-}
+}

package/project.json

@@ -0,0 +1,96 @@
+{
+  "name": "@griffel/react",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/react/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "build": {
+      "executor": "@nx/js:tsc",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/packages/react",
+        "tsConfig": "packages/react/tsconfig.lib.json",
+        "skipTypeField": true,
+        "packageJson": "packages/react/package.json",
+        "main": "packages/react/src/index.ts",
+        "assets": [
+          "packages/react/README.md",
+          {
+            "glob": "LICENSE.md",
+            "input": ".",
+            "output": "."
+          }
+        ]
+      }
+    },
+    "build-cjs": {
+      "dependsOn": ["build"],
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/dist/packages/react/lib"],
+      "options": {
+        "command": "node tools/build-cjs.mjs dist/packages/react/src dist/packages/react/lib"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": ["{options.outputFile}"]
+    },
+    "test": {
+      "executor": "@nx/vitest:test",
+      "outputs": ["{options.reportsDirectory}"],
+      "options": {
+        "reportsDirectory": "{projectRoot}/../../coverage/packages/react"
+      }
+    },
+    "bundle-size": {
+      "executor": "nx:run-commands",
+      "dependsOn": ["build"],
+      "options": {
+        "cwd": "packages/react",
+        "commands": [
+          {
+            "command": "monosize measure"
+          }
+        ]
+      }
+    },
+    "storybook": {
+      "executor": "@nx/storybook:storybook",
+      "options": {
+        "port": 4400,
+        "configDir": "packages/react/.storybook"
+      },
+      "configurations": {
+        "ci": {
+          "quiet": true
+        }
+      }
+    },
+    "build-storybook": {
+      "executor": "@nx/storybook:build",
+      "outputs": ["{options.outputDir}"],
+      "options": {
+        "configDir": "packages/react/.storybook",
+        "outputDir": "dist/storybook/@griffel/react"
+      },
+      "configurations": {
+        "ci": {
+          "quiet": true
+        }
+      }
+    },
+    "type-check": {
+      "executor": "nx:run-commands",
+      "options": {
+        "cwd": "packages/react",
+        "commands": [
+          {
+            "command": "tsc -b --pretty"
+          }
+        ]
+      },
+      "outputs": []
+    }
+  }
+}