fix(font-variant-numeric): drop extra s (#2318)

* drop extra s * update changelog
tailwindlabs · Sep 4, 2020 · 88174ff · 88174ff
1 parent 704ddee
commit 88174ff
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 21 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Nothing new yet!
 
+## [1.8.1] - 2020-09-04
+
+### Fixed
+
+- Fix bug in the new font-variant-numeric utilities which broke the whole rule
+
 ## [1.8.0] - 2020-09-04
 
 ### Added

diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
@@ -36406,7 +36406,7 @@ video {
   --font-variant-numeric-slashed-zero: /*!*/;
   --font-variant-numeric-figure: /*!*/;
   --font-variant-numeric-spacing: /*!*/;
-  --font-variant-numeric-fractions: /*!*/;
+  --font-variant-numeric-fraction: /*!*/;
   font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
 }
 
@@ -77904,7 +77904,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 
@@ -119372,7 +119372,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 
@@ -160840,7 +160840,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 
@@ -202308,7 +202308,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 

diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
@@ -15760,7 +15760,7 @@ video {
   --font-variant-numeric-slashed-zero: /*!*/ !important;
   --font-variant-numeric-figure: /*!*/ !important;
   --font-variant-numeric-spacing: /*!*/ !important;
-  --font-variant-numeric-fractions: /*!*/ !important;
+  --font-variant-numeric-fraction: /*!*/ !important;
   font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
 }
 
@@ -33983,7 +33983,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/ !important;
     --font-variant-numeric-figure: /*!*/ !important;
     --font-variant-numeric-spacing: /*!*/ !important;
-    --font-variant-numeric-fractions: /*!*/ !important;
+    --font-variant-numeric-fraction: /*!*/ !important;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
   }
 
@@ -52176,7 +52176,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/ !important;
     --font-variant-numeric-figure: /*!*/ !important;
     --font-variant-numeric-spacing: /*!*/ !important;
-    --font-variant-numeric-fractions: /*!*/ !important;
+    --font-variant-numeric-fraction: /*!*/ !important;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
   }
 
@@ -70369,7 +70369,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/ !important;
     --font-variant-numeric-figure: /*!*/ !important;
     --font-variant-numeric-spacing: /*!*/ !important;
-    --font-variant-numeric-fractions: /*!*/ !important;
+    --font-variant-numeric-fraction: /*!*/ !important;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
   }
 
@@ -88562,7 +88562,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/ !important;
     --font-variant-numeric-figure: /*!*/ !important;
     --font-variant-numeric-spacing: /*!*/ !important;
-    --font-variant-numeric-fractions: /*!*/ !important;
+    --font-variant-numeric-fraction: /*!*/ !important;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
   }
 

diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css
@@ -13312,7 +13312,7 @@ video {
   --font-variant-numeric-slashed-zero: /*!*/;
   --font-variant-numeric-figure: /*!*/;
   --font-variant-numeric-spacing: /*!*/;
-  --font-variant-numeric-fractions: /*!*/;
+  --font-variant-numeric-fraction: /*!*/;
   font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
 }
 
@@ -29087,7 +29087,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 
@@ -44832,7 +44832,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 
@@ -60577,7 +60577,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 
@@ -76322,7 +76322,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 

diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
@@ -15760,7 +15760,7 @@ video {
   --font-variant-numeric-slashed-zero: /*!*/;
   --font-variant-numeric-figure: /*!*/;
   --font-variant-numeric-spacing: /*!*/;
-  --font-variant-numeric-fractions: /*!*/;
+  --font-variant-numeric-fraction: /*!*/;
   font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
 }
 
@@ -33983,7 +33983,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 
@@ -52176,7 +52176,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 
@@ -70369,7 +70369,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 
@@ -88562,7 +88562,7 @@ video {
     --font-variant-numeric-slashed-zero: /*!*/;
     --font-variant-numeric-figure: /*!*/;
     --font-variant-numeric-spacing: /*!*/;
-    --font-variant-numeric-fractions: /*!*/;
+    --font-variant-numeric-fraction: /*!*/;
     font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
   }
 

diff --git a/src/plugins/fontVariantNumeric.js b/src/plugins/fontVariantNumeric.js
@@ -11,7 +11,7 @@ export default function() {
           '--font-variant-numeric-slashed-zero': '/*!*/',
           '--font-variant-numeric-figure': '/*!*/',
           '--font-variant-numeric-spacing': '/*!*/',
-          '--font-variant-numeric-fractions': '/*!*/',
+          '--font-variant-numeric-fraction': '/*!*/',
           'font-variant-numeric':
             'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)',
         },