chore: update stylis to avoid leading '&' generate invalid css (#201)

ant-design · Oct 27, 2024 · eabc24e · eabc24e
1 parent be4e05b
commit eabc24e
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -47,7 +47,7 @@
     "classnames": "^2.3.1",
     "csstype": "^3.1.3",
     "rc-util": "^5.35.0",
-    "stylis": "^4.3.3"
+    "stylis": "^4.3.4"
   },
   "devDependencies": {
     "@ctrl/tinycolor": "^3.4.0",

diff --git a/tests/util.spec.tsx b/tests/util.spec.tsx
@@ -145,4 +145,25 @@ describe('util', () => {
     const ret2 = memoResult(() => ({ ...obj1, ...obj2 }), [obj1, obj2]);
     expect(memoResult(() => ({ ...obj1, ...obj2 }), [obj1, obj2])).toBe(ret2);
   });
+
+  describe('normalizeStyle', () => {
+    it('with leading &', () => {
+      const [str] = parseStyle(
+        {
+          '&.btn-variant-outline,&.btn-variant-dashed': {
+            color: 'red',
+          },
+        },
+        { hashId: 'hashed' },
+      );
+      const normalized = normalizeStyle(str);
+
+      expect(str).toEqual(
+        '.hashed&.btn-variant-outline,.hashed&.btn-variant-dashed{color:red;}',
+      );
+      expect(normalized).toEqual(
+        '.hashed.btn-variant-outline,.hashed.btn-variant-dashed{color:red;}',
+      );
+    });
+  });
 });