Repository: microsoft/griffel
Pull request #278 (2022-11-23 11:16:25)

feat: re-export GriffelResetStyle type
This PR re-exports `GriffelResetStyle` in `@griffel/react`.

github-actions[bot]: ## 📊 Bundle size report

<details>
<summary>Unchanged fixtures</summary>

| Package & Exports                                                                                                            |        Size (minified/GZIP) |
| ---------------------------------------------------------------------------------------------------------------------------- | --------------------------: |
| <samp>react</samp> <br /> <abbr title='bundle-size/__css.fixture.js'>\_\_css + mergeClasses (build time)</abbr>              |     `1.879 kB`<br />`874 B` |
| <samp>react</samp> <br /> <abbr title='bundle-size/__styles.fixture.js'>\_\_styles + mergeClasses (build time)</abbr>        |  `3.581 kB`<br />`1.614 kB` |
| <samp>react</samp> <br /> <abbr title='bundle-size/makeResetStyles-runtime.fixture.js'>makeResetStyles (runtime)</abbr>      | `18.595 kB`<br />`6.981 kB` |
| <samp>react</samp> <br /> <abbr title='bundle-size/makeStaticStyles-runtime.fixture.js'>makeStaticStyles (runtime)</abbr>    |  `9.443 kB`<br />`4.068 kB` |
| <samp>react</samp> <br /> <abbr title='bundle-size/makeStyles-runtime.fixture.js'>makeStyles + mergeClasses (runtime)</abbr> | `22.554 kB`<br />`8.436 kB` |

</details>
<sub>🤖 This report was generated against <a href='https://github.com/microsoft/griffel/commit/ebd004e9e8935e099c1873bf2d4841c773bb8417'>ebd004e9e8935e099c1873bf2d4841c773bb8417</a></sub>

<!-- Sticky Pull Request Comment -->

Patch:
diff --git a/change/@griffel-core-da60ef94-dd69-4128-9f8f-53fceb3ec3c3.json b/change/@griffel-core-da60ef94-dd69-4128-9f8f-53fceb3ec3c3.json
deleted file mode 100644
index eb2ccb9..0000000
--- a/change/@griffel-core-da60ef94-dd69-4128-9f8f-53fceb3ec3c3.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "chore: export \"CSSBucketEntry\" type for internal usage",
-  "packageName": "@griffel/core",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@griffel-react-3815ac0f-f221-4f2f-b4a6-0d1934fe6657.json b/change/@griffel-react-3815ac0f-f221-4f2f-b4a6-0d1934fe6657.json
new file mode 100644
index 0000000..88fbf95
--- /dev/null
+++ b/change/@griffel-react-3815ac0f-f221-4f2f-b4a6-0d1934fe6657.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: re-export GriffelResetStyle type",
+  "packageName": "@griffel/react",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@griffel-webpack-extraction-plugin-b995688a-9700-4878-8832-49047eed3bb3.json b/change/@griffel-webpack-extraction-plugin-b995688a-9700-4878-8832-49047eed3bb3.json
deleted file mode 100644
index a6a1e7e..0000000
--- a/change/@griffel-webpack-extraction-plugin-b995688a-9700-4878-8832-49047eed3bb3.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: use style buckets in CSS extraction",
-  "packageName": "@griffel/webpack-extraction-plugin",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/babel-preset/CHANGELOG.json b/packages/babel-preset/CHANGELOG.json
index 62735ee..52d3b8a 100644
--- a/packages/babel-preset/CHANGELOG.json
+++ b/packages/babel-preset/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@griffel/babel-preset",
   "entries": [
+    {
+      "date": "Thu, 24 Nov 2022 10:05:12 GMT",
+      "tag": "@griffel/babel-preset_v1.4.4",
+      "version": "1.4.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "humberto_makoto@hotmail.com",
+            "package": "@griffel/babel-preset",
+            "commit": "fc3403a602d5dd0b206ceeb48ca689cb2fdf6d37",
+            "comment": "fix: Handle arrays in `animationName` definitions."
+          },
+          {
+            "author": "beachball",
+            "package": "@griffel/babel-preset",
+            "comment": "Bump @griffel/core to v1.8.2",
+            "commit": "fc3403a602d5dd0b206ceeb48ca689cb2fdf6d37"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 26 Oct 2022 11:06:03 GMT",
       "tag": "@griffel/babel-preset_v1.4.3",
diff --git a/packages/babel-preset/CHANGELOG.md b/packages/babel-preset/CHANGELOG.md
index 1dfd352..a0dca42 100644
--- a/packages/babel-preset/CHANGELOG.md
+++ b/packages/babel-preset/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @griffel/babel-preset
 
-This log was last generated on Wed, 26 Oct 2022 11:06:03 GMT and should not be manually modified.
+This log was last generated on Thu, 24 Nov 2022 10:05:12 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.4.4
+
+Thu, 24 Nov 2022 10:05:12 GMT
+
+### Patches
+
+- fix: Handle arrays in `animationName` definitions. (humberto_makoto@hotmail.com)
+- Bump @griffel/core to v1.8.2
+
 ## 1.4.3
 
 Wed, 26 Oct 2022 11:06:03 GMT
diff --git a/packages/babel-preset/__fixtures__/keyframes/code.ts b/packages/babel-preset/__fixtures__/keyframes/code.ts
new file mode 100644
index 0000000..bffd271
--- /dev/null
+++ b/packages/babel-preset/__fixtures__/keyframes/code.ts
@@ -0,0 +1,22 @@
+import { makeStyles } from '@griffel/react';
+
+export const useStyles = makeStyles({
+  single: {
+    animationName: {
+      from: { transform: 'rotate(0deg)' },
+      to: { transform: 'rotate(360deg)' },
+    },
+  },
+  multiple: {
+    animationName: [
+      {
+        from: { transform: 'rotate(0deg)' },
+        to: { transform: 'rotate(360deg)' },
+      },
+      {
+        from: { height: '100px' },
+        to: { height: '200px' },
+      },
+    ],
+  },
+});
diff --git a/packages/babel-preset/__fixtures__/keyframes/output.ts b/packages/babel-preset/__fixtures__/keyframes/output.ts
new file mode 100644
index 0000000..d05166e
--- /dev/null
+++ b/packages/babel-preset/__fixtures__/keyframes/output.ts
@@ -0,0 +1,27 @@
+import { __styles } from '@griffel/react';
+export const useStyles = __styles(
+  {
+    single: {
+      Bv12yb3: ['f1g6ul6r', 'f1fp4ujf'],
+    },
+    multiple: {
+      Bv12yb3: ['f1e467oh', 'f1w9bd63'],
+    },
+  },
+  {
+    k: [
+      '@-webkit-keyframes f1q8eu9e{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}',
+      '@-webkit-keyframes f55c0se{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);}}',
+      '@keyframes f1q8eu9e{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}',
+      '@keyframes f55c0se{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);}}',
+      '@-webkit-keyframes f19fnzg9{from{height:100px;}to{height:200px;}}',
+      '@keyframes f19fnzg9{from{height:100px;}to{height:200px;}}',
+    ],
+    d: [
+      '.f1g6ul6r{-webkit-animation-name:f1q8eu9e;animation-name:f1q8eu9e;}',
+      '.f1fp4ujf{-webkit-animation-name:f55c0se;animation-name:f55c0se;}',
+      '.f1e467oh{-webkit-animation-name:f1q8eu9e,f19fnzg9;animation-name:f1q8eu9e,f19fnzg9;}',
+      '.f1w9bd63{-webkit-animation-name:f55c0se,f19fnzg9;animation-name:f55c0se,f19fnzg9;}',
+    ],
+  },
+);
diff --git a/packages/babel-preset/package.json b/packages/babel-preset/package.json
index 816d881..e66f4ac 100644
--- a/packages/babel-preset/package.json
+++ b/packages/babel-preset/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@griffel/babel-preset",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "Babel preset with build time transforms for Griffel",
   "license": "MIT",
   "repository": {
@@ -20,6 +20,6 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@griffel/core": "^1.8.1"
+    "@griffel/core": "^1.8.2"
   }
 }
diff --git a/packages/babel-preset/src/assets/normalizeStyleRules.ts b/packages/babel-preset/src/assets/normalizeStyleRules.ts
index 8247a34..1667a8f 100644
--- a/packages/babel-preset/src/assets/normalizeStyleRules.ts
+++ b/packages/babel-preset/src/assets/normalizeStyleRules.ts
@@ -1,4 +1,4 @@
-import { GriffelStyle } from '@griffel/core';
+import { GriffelAnimation, GriffelStyle } from '@griffel/core';
 import { tokenize } from 'stylis';
 
 import { isAssetUrl } from './isAssetUrl';
@@ -54,9 +54,18 @@ export function normalizeStyleRules(
         return [key, value];
       }
 
-      // Fallback value
+      // Fallback values or keyframes
       if (Array.isArray(value)) {
-        return [key, value.map(rule => normalizeStyleRule(path, projectRoot, filename, rule as string))];
+        return [
+          key,
+          value.map(rule => {
+            if (typeof rule === 'object') {
+              return normalizeStyleRules(path, projectRoot, filename, rule as GriffelAnimation);
+            }
+
+            return normalizeStyleRule(path, projectRoot, filename, rule);
+          }),
+        ];
       }
 
       // Nested objects
diff --git a/packages/core/CHANGELOG.json b/packages/core/CHANGELOG.json
index 20235b7..f0592d8 100644
--- a/packages/core/CHANGELOG.json
+++ b/packages/core/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@griffel/core",
   "entries": [
+    {
+      "date": "Thu, 24 Nov 2022 10:05:12 GMT",
+      "tag": "@griffel/core_v1.8.2",
+      "version": "1.8.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@griffel/core",
+            "commit": "ebd004e9e8935e099c1873bf2d4841c773bb8417",
+            "comment": "chore: export \"CSSBucketEntry\" type for internal usage"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 26 Oct 2022 11:06:03 GMT",
       "tag": "@griffel/core_v1.8.1",
diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
index 6ef8912..339d7b4 100644
--- a/packages/core/CHANGELOG.md
+++ b/packages/core/CHANGELOG.md
@@ -1,9 +1,17 @@
 # Change Log - @griffel/core
 
-This log was last generated on Wed, 26 Oct 2022 11:06:03 GMT and should not be manually modified.
+This log was last generated on Thu, 24 Nov 2022 10:05:12 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.8.2
+
+Thu, 24 Nov 2022 10:05:12 GMT
+
+### Patches
+
+- chore: export "CSSBucketEntry" type for internal usage (olfedias@microsoft.com)
+
 ## 1.8.1
 
 Wed, 26 Oct 2022 11:06:03 GMT
diff --git a/packages/core/package.json b/packages/core/package.json
index d5dcaf2..262e90a 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@griffel/core",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "description": "DOM implementation of Atomic CSS-in-JS",
   "license": "MIT",
   "repository": {
diff --git a/packages/devtools/CHANGELOG.json b/packages/devtools/CHANGELOG.json
index 34eb125..ebce8c5 100644
--- a/packages/devtools/CHANGELOG.json
+++ b/packages/devtools/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@griffel/devtools",
   "entries": [
+    {
+      "date": "Thu, 24 Nov 2022 10:05:12 GMT",
+      "tag": "@griffel/devtools_v0.2.5",
+      "version": "0.2.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@griffel/devtools",
+            "comment": "Bump @griffel/react to v1.4.3",
+            "commit": "fc3403a602d5dd0b206ceeb48ca689cb2fdf6d37"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 26 Oct 2022 11:06:03 GMT",
       "tag": "@griffel/devtools_v0.2.4",
diff --git a/packages/devtools/CHANGELOG.md b/packages/devtools/CHANGELOG.md
index 2ccbec2..e8278a0 100644
--- a/packages/devtools/CHANGELOG.md
+++ b/packages/devtools/CHANGELOG.md
@@ -1,9 +1,17 @@
 # Change Log - @griffel/devtools
 
-This log was last generated on Wed, 26 Oct 2022 11:06:03 GMT and should not be manually modified.
+This log was last generated on Thu, 24 Nov 2022 10:05:12 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.2.5
+
+Thu, 24 Nov 2022 10:05:12 GMT
+
+### Patches
+
+- Bump @griffel/react to v1.4.3
+
 ## 0.2.4
 
 Wed, 26 Oct 2022 11:06:03 GMT
diff --git a/packages/devtools/package.json b/packages/devtools/package.json
index b7ba383..1c98053 100644
--- a/packages/devtools/package.json
+++ b/packages/devtools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@griffel/devtools",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Griffel chrome devtools extension",
   "license": "MIT",
   "repository": {
@@ -8,6 +8,6 @@
     "url": "https://github.com/microsoft/griffel"
   },
   "devDependencies": {
-    "@griffel/react": "^1.4.2"
+    "@griffel/react": "^1.4.3"
   }
 }
diff --git a/packages/jest-serializer/CHANGELOG.json b/packages/jest-serializer/CHANGELOG.json
index 49c2e92..9db39d8 100644
--- a/packages/jest-serializer/CHANGELOG.json
+++ b/packages/jest-serializer/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@griffel/jest-serializer",
   "entries": [
+    {
+      "date": "Thu, 24 Nov 2022 10:05:12 GMT",
+      "tag": "@griffel/jest-serializer_v1.1.2",
+      "version": "1.1.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@griffel/jest-serializer",
+            "comment": "Bump @griffel/core to v1.8.2",
+            "commit": "fc3403a602d5dd0b206ceeb48ca689cb2fdf6d37"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 27 Oct 2022 11:38:11 GMT",
       "tag": "@griffel/jest-serializer_v1.1.1",
diff --git a/packages/jest-serializer/CHANGELOG.md b/packages/jest-serializer/CHANGELOG.md
index 274b5a5..cc968be 100644
--- a/packages/jest-serializer/CHANGELOG.md
+++ b/packages/jest-serializer/CHANGELOG.md
@@ -1,9 +1,17 @@
 # Change Log - @griffel/jest-serializer
 
-This log was last generated on Thu, 27 Oct 2022 11:38:11 GMT and should not be manually modified.
+This log was last generated on Thu, 24 Nov 2022 10:05:12 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.1.2
+
+Thu, 24 Nov 2022 10:05:12 GMT
+
+### Patches
+
+- Bump @griffel/core to v1.8.2
+
 ## 1.1.1
 
 Thu, 27 Oct 2022 11:38:11 GMT
diff --git a/packages/jest-serializer/package.json b/packages/jest-serializer/package.json
index 887bfeb..3411d8c 100644
--- a/packages/jest-serializer/package.json
+++ b/packages/jest-serializer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@griffel/jest-serializer",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Jest serializer for Griffel",
   "license": "MIT",
   "repository": {
@@ -11,6 +11,6 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@griffel/core": "^1.8.1"
+    "@griffel/core": "^1.8.2"
   }
 }
diff --git a/packages/next-extraction-plugin/CHANGELOG.json b/packages/next-extraction-plugin/CHANGELOG.json
index 9ed5128..9947756 100644
--- a/packages/next-extraction-plugin/CHANGELOG.json
+++ b/packages/next-extraction-plugin/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@griffel/next-extraction-plugin",
   "entries": [
+    {
+      "date": "Thu, 24 Nov 2022 10:05:12 GMT",
+      "tag": "@griffel/next-extraction-plugin_v0.0.8",
+      "version": "0.0.8",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@griffel/next-extraction-plugin",
+            "comment": "Bump @griffel/webpack-extraction-plugin to v0.2.2",
+            "commit": "fc3403a602d5dd0b206ceeb48ca689cb2fdf6d37"
+          },
+          {
+            "author": "beachball",
+            "package": "@griffel/next-extraction-plugin",
+            "comment": "Bump @griffel/core to v1.8.2",
+            "commit": "fc3403a602d5dd0b206ceeb48ca689cb2fdf6d37"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 26 Oct 2022 11:06:03 GMT",
       "tag": "@griffel/next-extraction-plugin_v0.0.7",
diff --git a/packages/next-extraction-plugin/CHANGELOG.md b/packages/next-extraction-plugin/CHANGELOG.md
index 99a6374..3d77e68 100644
--- a/packages/next-extraction-plugin/CHANGELOG.md
+++ b/packages/next-extraction-plugin/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @griffel/next-extraction-plugin
 
-This log was last generated on Wed, 26 Oct 2022 11:06:03 GMT and should not be manually modified.
+This log was last generated on Thu, 24 Nov 2022 10:05:12 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.0.8
+
+Thu, 24 Nov 2022 10:05:12 GMT
+
+### Patches
+
+- Bump @griffel/webpack-extraction-plugin to v0.2.2
+- Bump @griffel/core to v1.8.2
+
 ## 0.0.7
 
 Wed, 26 Oct 2022 11:06:03 GMT
diff --git a/packages/next-extraction-plugin/package.json b/packages/next-extraction-plugin/package.json
index e35b3f8..25776ad 100644
--- a/packages/next-extraction-plugin/package.json
+++ b/packages/next-extraction-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@griffel/next-extraction-plugin",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "NextJS plugin that add Griffel's CSS extraction to webpack loaders pipeline",
   "license": "MIT",
   "repository": {
@@ -8,11 +8,11 @@
     "url": "https://github.com/microsoft/griffel"
   },
   "dependencies": {
-    "@griffel/webpack-extraction-plugin": "^0.2.1",
+    "@griffel/webpack-extraction-plugin": "^0.2.2",
     "browserslist": "^4.19.1"
   },
   "peerDependencies": {
-    "@griffel/core": "^1.8.1",
+    "@griffel/core": "^1.8.2",
     "next": "^12.0.5",
     "webpack": "^5"
   }
diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json
index 1af89e9..f6278ab 100644
--- a/packages/react/CHANGELOG.json
+++ b/packages/react/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@griffel/react",
   "entries": [
+    {
+      "date": "Thu, 24 Nov 2022 10:05:12 GMT",
+      "tag": "@griffel/react_v1.4.3",
+      "version": "1.4.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@griffel/react",
+            "comment": "Bump @griffel/core to v1.8.2",
+            "commit": "fc3403a602d5dd0b206ceeb48ca689cb2fdf6d37"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 26 Oct 2022 11:06:03 GMT",
       "tag": "@griffel/react_v1.4.2",
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index d2e192b..c1c8677 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,9 +1,17 @@
 # Change Log - @griffel/react
 
-This log was last generated on Wed, 26 Oct 2022 11:06:03 GMT and should not be manually modified.
+This log was last generated on Thu, 24 Nov 2022 10:05:12 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 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
diff --git a/packages/react/package.json b/packages/react/package.json
index 6fa2067..77a3b9a 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@griffel/react",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "React implementation of Atomic CSS-in-JS",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@griffel/core": "^1.8.1",
+    "@griffel/core": "^1.8.2",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 1ff8e01..30c91b9 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -1,5 +1,5 @@
 export { shorthands, mergeClasses, createDOMRenderer } from '@griffel/core';
-export type { GriffelStyle, CreateDOMRendererOptions, GriffelRenderer } from '@griffel/core';
+export type { GriffelStyle, GriffelResetStyle, CreateDOMRendererOptions, GriffelRenderer } from '@griffel/core';
 
 export { makeStyles } from './makeStyles';
 export { makeResetStyles } from './makeResetStyles';
diff --git a/packages/webpack-extraction-plugin/CHANGELOG.json b/packages/webpack-extraction-plugin/CHANGELOG.json
index b901e2d..022a880 100644
--- a/packages/webpack-extraction-plugin/CHANGELOG.json
+++ b/packages/webpack-extraction-plugin/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@griffel/webpack-extraction-plugin",
   "entries": [
+    {
+      "date": "Thu, 24 Nov 2022 10:05:12 GMT",
+      "tag": "@griffel/webpack-extraction-plugin_v0.2.2",
+      "version": "0.2.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@griffel/webpack-extraction-plugin",
+            "commit": "ebd004e9e8935e099c1873bf2d4841c773bb8417",
+            "comment": "fix: use style buckets in CSS extraction"
+          },
+          {
+            "author": "beachball",
+            "package": "@griffel/webpack-extraction-plugin",
+            "comment": "Bump @griffel/core to v1.8.2",
+            "commit": "fc3403a602d5dd0b206ceeb48ca689cb2fdf6d37"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 26 Oct 2022 11:06:03 GMT",
       "tag": "@griffel/webpack-extraction-plugin_v0.2.1",
diff --git a/packages/webpack-extraction-plugin/CHANGELOG.md b/packages/webpack-extraction-plugin/CHANGELOG.md
index ea3879b..e254f93 100644
--- a/packages/webpack-extraction-plugin/CHANGELOG.md
+++ b/packages/webpack-extraction-plugin/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @griffel/webpack-extraction-plugin
 
-This log was last generated on Wed, 26 Oct 2022 11:06:03 GMT and should not be manually modified.
+This log was last generated on Thu, 24 Nov 2022 10:05:12 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.2.2
+
+Thu, 24 Nov 2022 10:05:12 GMT
+
+### Patches
+
+- fix: use style buckets in CSS extraction (olfedias@microsoft.com)
+- Bump @griffel/core to v1.8.2
+
 ## 0.2.1
 
 Wed, 26 Oct 2022 11:06:03 GMT
diff --git a/packages/webpack-extraction-plugin/package.json b/packages/webpack-extraction-plugin/package.json
index ac42229..34d0832 100644
--- a/packages/webpack-extraction-plugin/package.json
+++ b/packages/webpack-extraction-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@griffel/webpack-extraction-plugin",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Webpack plugin that performs CSS extraction for Griffel",
   "license": "MIT",
   "repository": {
@@ -16,7 +16,7 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@griffel/core": "^1.8.1",
+    "@griffel/core": "^1.8.2",
     "webpack": "^5"
   }
 }
diff --git a/packages/webpack-loader/CHANGELOG.json b/packages/webpack-loader/CHANGELOG.json
index a5d7e1e..eab19f7 100644
--- a/packages/webpack-loader/CHANGELOG.json
+++ b/packages/webpack-loader/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@griffel/webpack-loader",
   "entries": [
+    {
+      "date": "Thu, 24 Nov 2022 10:05:12 GMT",
+      "tag": "@griffel/webpack-loader_v2.1.4",
+      "version": "2.1.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@griffel/webpack-loader",
+            "comment": "Bump @griffel/babel-preset to v1.4.4",
+            "commit": "fc3403a602d5dd0b206ceeb48ca689cb2fdf6d37"
+          },
+          {
+            "author": "beachball",
+            "package": "@griffel/webpack-loader",
+            "comment": "Bump @griffel/react to v1.4.3",
+            "commit": "fc3403a602d5dd0b206ceeb48ca689cb2fdf6d37"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 26 Oct 2022 11:06:03 GMT",
       "tag": "@griffel/webpack-loader_v2.1.3",
diff --git a/packages/webpack-loader/CHANGELOG.md b/packages/webpack-loader/CHANGELOG.md
index a2ffff0..16e3c83 100644
--- a/packages/webpack-loader/CHANGELOG.md
+++ b/packages/webpack-loader/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @griffel/webpack-loader
 
-This log was last generated on Wed, 26 Oct 2022 11:06:03 GMT and should not be manually modified.
+This log was last generated on Thu, 24 Nov 2022 10:05:12 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.1.4
+
+Thu, 24 Nov 2022 10:05:12 GMT
+
+### Patches
+
+- Bump @griffel/babel-preset to v1.4.4
+- Bump @griffel/react to v1.4.3
+
 ## 2.1.3
 
 Wed, 26 Oct 2022 11:06:03 GMT
diff --git a/packages/webpack-loader/package.json b/packages/webpack-loader/package.json
index ac3624f..aa9f5c1 100644
--- a/packages/webpack-loader/package.json
+++ b/packages/webpack-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@griffel/webpack-loader",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "Webpack loader that performs build time transforms for Griffel",
   "license": "MIT",
   "repository": {
@@ -9,14 +9,14 @@
   },
   "dependencies": {
     "@babel/core": "^7.12.13",
-    "@griffel/babel-preset": "^1.4.3",
+    "@griffel/babel-preset": "^1.4.4",
     "enhanced-resolve": "^5.8.2",
     "loader-utils": "^2.0.0",
     "schema-utils": "^3.1.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@griffel/react": "^1.4.2",
+    "@griffel/react": "^1.4.3",
     "webpack": "^5"
   }
 }


Test patch:
diff --git a/packages/babel-preset/src/assets/normalizeStyleRules.test.ts b/packages/babel-preset/src/assets/normalizeStyleRules.test.ts
index 11c215a..6076f61 100644
--- a/packages/babel-preset/src/assets/normalizeStyleRules.test.ts
+++ b/packages/babel-preset/src/assets/normalizeStyleRules.test.ts
@@ -128,4 +128,24 @@ describe('normalizeStyleRules', () => {
       },
     });
   });
+
+  it('handles keyframe arrays', () => {
+    expect(
+      normalizeStyleRules(
+        path.posix,
+        '/home/projects/foo',
+        '/home/projects/foo/src/styles/Component.styles.ts',
+
+        {
+          root: {
+            animationName: [{ from: { height: '20px' }, to: { height: '10px' } }],
+          },
+        },
+      ),
+    ).toEqual({
+      root: {
+        animationName: [{ from: { height: '20px' }, to: { height: '10px' } }],
+      },
+    });
+  });
 });
diff --git a/packages/babel-preset/src/transformPlugin.test.ts b/packages/babel-preset/src/transformPlugin.test.ts
index 5877d25..64c0c2b 100644
--- a/packages/babel-preset/src/transformPlugin.test.ts
+++ b/packages/babel-preset/src/transformPlugin.test.ts
@@ -53,6 +53,11 @@ pluginTester({
       fixture: path.resolve(fixturesDir, 'non-existing-module-call', 'code.ts'),
       outputFixture: path.resolve(fixturesDir, 'non-existing-module-call', 'output.ts'),
     },
+    {
+      title: 'syntax: animationName',
+      fixture: path.resolve(fixturesDir, 'keyframes', 'code.ts'),
+      outputFixture: path.resolve(fixturesDir, 'keyframes', 'output.ts'),
+    },
 
     // Assets
     //