fix: assign higher precedence to custom selectors

kripod · Jul 22, 2020 · 002c790 · 002c790
1 parent f9f666e
commit 002c790
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 11 deletions.
diff --git a/packages/otion/src/createInstance.ts b/packages/otion/src/createInstance.ts
@@ -14,7 +14,10 @@ import {
 	PROPERTY_ACCEPTS_UNITLESS_VALUES,
 	PROPERTY_PRECEDENCE_CORRECTION_GROUPS,
 } from "./propertyMatchers";
-import { PRECEDENCES_BY_PSEUDO_CLASS } from "./pseudos";
+import {
+	PRECEDENCES_BY_PSEUDO_CLASS,
+	PSEUDO_CLASS_PRECEDENCE_GROUP_COUNT,
+} from "./pseudos";
 
 const MAX_CLASS_NAME_LENGTH = 9;
 export const PRECEDENCE_GROUP_COUNT = 36;
@@ -210,7 +213,7 @@ export function createInstance(): OtionInstance {
 										classSelectorStartIndex + 8,
 									),
 								)) ||
-							1;
+							PSEUDO_CLASS_PRECEDENCE_GROUP_COUNT + 1;
 
 						const scopeSelector = `.${className}`;
 						injector.insert(

diff --git a/packages/otion/src/pseudos.ts b/packages/otion/src/pseudos.ts
@@ -6,13 +6,15 @@
 */
 
 export const PRECEDENCES_BY_PSEUDO_CLASS = new Map([
-	[/* li */ "nk", 2],
-	[/* vi */ "sited", 3],
-	[/* em */ "pty", 4],
-	[/* fo */ "cus-w" /* ithin */, 5],
-	[/* ho */ "ver", 6],
-	[/* fo */ "cus", 7],
-	[/* fo */ "cus-v" /* isible */, 8],
-	[/* ac */ "tive", 9],
-	[/* di */ "sable" /* d */, 10],
+	[/* li */ "nk", 1],
+	[/* vi */ "sited", 2],
+	[/* em */ "pty", 3],
+	[/* fo */ "cus-w" /* ithin */, 4],
+	[/* ho */ "ver", 5],
+	[/* fo */ "cus", 6],
+	[/* fo */ "cus-v" /* isible */, 7],
+	[/* ac */ "tive", 8],
+	[/* di */ "sable" /* d */, 9],
 ]);
+
+export const PSEUDO_CLASS_PRECEDENCE_GROUP_COUNT = 9;