fix(core): bump stylis for proper @layer support (#374)

microsoft · May 17, 2023 · 31bb221 · 31bb221
1 parent 72065bb
commit 31bb221
Show file tree

Hide file tree

Showing 9 changed files with 37 additions and 7 deletions.
diff --git a/change/@griffel-babel-preset-5382e2de-3501-4289-9353-110f0d4e6865.json b/change/@griffel-babel-preset-5382e2de-3501-4289-9353-110f0d4e6865.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump stylis",
+  "packageName": "@griffel/babel-preset",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@griffel-core-b58fd5c4-c0a8-4aea-967b-d3c75313e84e.json b/change/@griffel-core-b58fd5c4-c0a8-4aea-967b-d3c75313e84e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: bump stylis for proper @layer support",
+  "packageName": "@griffel/core",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@griffel-webpack-extraction-plugin-fd2d425f-98a5-450a-be39-c5c137f2fe32.json b/change/@griffel-webpack-extraction-plugin-fd2d425f-98a5-450a-be39-c5c137f2fe32.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: bump stylis",
+  "packageName": "@griffel/webpack-extraction-plugin",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/package.json b/package.json
@@ -152,7 +152,7 @@
     "enhanced-resolve": "^5.8.2",
     "rtl-css-js": "^1.16.1",
     "source-map-js": "1.0.2",
-    "stylis": "^4.0.13",
+    "stylis": "^4.2.0",
     "tslib": "^2.1.0"
   },
   "resolutions": {

diff --git a/packages/babel-preset/package.json b/packages/babel-preset/package.json
@@ -17,7 +17,7 @@
     "@linaria/babel-preset": "^3.0.0-beta.23",
     "@linaria/shaker": "^3.0.0-beta.22",
     "ajv": "^8.4.0",
-    "stylis": "^4.0.13",
+    "stylis": "^4.2.0",
     "tslib": "^2.1.0"
   }
 }
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -12,7 +12,7 @@
     "@emotion/hash": "^0.9.0",
     "csstype": "^3.1.2",
     "rtl-css-js": "^1.16.1",
-    "stylis": "^4.0.13",
+    "stylis": "^4.2.0",
     "tslib": "^2.1.0"
   }
 }
diff --git a/packages/core/src/runtime/resolveResetStyleRules.test.ts b/packages/core/src/runtime/resolveResetStyleRules.test.ts
@@ -158,8 +158,10 @@ describe('resolveResetStyleRules', () => {
 
     expect(result).toMatchInlineSnapshot(`
       @layer utilities {
-        color: orange;
-        :focus {
+        .rvhnavh {
+          color: orange;
+        }
+        .rvhnavh:focus {
           color: yellow;
         }
       }

diff --git a/packages/webpack-extraction-plugin/package.json b/packages/webpack-extraction-plugin/package.json
@@ -12,7 +12,7 @@
     "@babel/helper-module-imports": "^7.12.13",
     "@babel/helper-plugin-utils": "^7.12.13",
     "@griffel/core": "^1.11.0",
-    "stylis": "^4.0.13",
+    "stylis": "^4.2.0",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

diff --git a/yarn.lock b/yarn.lock
@@ -14267,7 +14267,7 @@ __metadata:
     simple-git-hooks: 2.7.0
     source-map-js: 1.0.2
     styled-components: ^5.3.6
-    stylis: ^4.0.13
+    stylis: ^4.2.0
     syncpack: 8.5.14
     tmp: 0.2.1
     ts-jest: 28.0.8
@@ -23617,6 +23617,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"stylis@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "stylis@npm:4.2.0"
+  checksum: 0eb6cc1b866dc17a6037d0a82ac7fa877eba6a757443e79e7c4f35bacedbf6421fadcab4363b39667b43355cbaaa570a3cde850f776498e5450f32ed2f9b7584
+  languageName: node
+  linkType: hard
+
 "stylus-loader@npm:^7.1.0":
   version: 7.1.0
   resolution: "stylus-loader@npm:7.1.0"