From dbc7dc69d299364e21f85aad0e73abb3871e70fc Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Fri, 16 Oct 2020 10:24:25 -0400
Subject: [PATCH] Rename default variant to DEFAULT

---
 __tests__/variantsAtRule.test.js     | 2 +-
 src/lib/substituteVariantsAtRules.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/__tests__/variantsAtRule.test.js b/__tests__/variantsAtRule.test.js
index e2e3306aa..b27503d42 100644
--- a/__tests__/variantsAtRule.test.js
+++ b/__tests__/variantsAtRule.test.js
@@ -648,7 +648,7 @@ test('the built-in variant pseudo-selectors are appended before any pseudo-eleme
 
 test('the default variant can be generated in a specified position', () => {
   const input = `
-    @variants focus, active, default, hover {
+    @variants focus, active, DEFAULT, hover {
       .banana { color: yellow; }
       .chocolate { color: brown; }
     }
diff --git a/src/lib/substituteVariantsAtRules.js b/src/lib/substituteVariantsAtRules.js
index 3f3b91c75..39b5ac704 100644
--- a/src/lib/substituteVariantsAtRules.js
+++ b/src/lib/substituteVariantsAtRules.js
@@ -19,11 +19,11 @@ function generatePseudoClassVariant(pseudoClass, selectorPrefix = pseudoClass) {
 }
 
 function ensureIncludesDefault(variants) {
-  return variants.includes('default') ? variants : ['default', ...variants]
+  return variants.includes('DEFAULT') ? variants : ['DEFAULT', ...variants]
 }
 
 const defaultVariantGenerators = config => ({
-  default: generateVariantFunction(() => {}),
+  DEFAULT: generateVariantFunction(() => {}),
   'motion-safe': generateVariantFunction(
     ({ container, separator, modifySelectors }) => {
       const modified = modifySelectors(({ selector }) => {