@fontsource-variable/cinzel - npm Package Compare versions

Comparing version 5.0.2 to 5.0.3

index.css

@@ -5,3 +5,3 @@ /* cinzel-latin-ext-wght-normal */
   font-style: normal;
-  font-display: var(--fontsource-display, swap);
+  font-display: swap;
   font-weight: 400 900;
@@ -16,3 +16,3 @@ src: url(./files/cinzel-latin-ext-wght-normal.woff2) format('woff2-variations');
   font-style: normal;
-  font-display: var(--fontsource-display, swap);
+  font-display: swap;
   font-weight: 400 900;
@@ -19,0 +19,0 @@ src: url(./files/cinzel-latin-wght-normal.woff2) format('woff2-variations');

package.json

 {
   "name": "@fontsource-variable/cinzel",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "description": "Self-host the Cinzel font in a neatly bundled NPM package.",
@@ -29,3 +29,3 @@ "main": "index.css",
   },
-  "publishHash": "0f5cbd12f74d4495"
+  "publishHash": "95693eb4633819eb"
 }

scss/mixins.scss

@@ -14,3 +14,2 @@ @use 'sass:list';
 $display: null !default;
-$displayVar: null !default;
 $formats: null !default;
@@ -22,2 +21,5 @@ $subsets: null !default;
 
+// Deprecated
+$displayVar: null !default;
+
 @mixin generator(
@@ -28,3 +30,2 @@ $metadata: $metadata,
   $display: $display,
-  $displayVar: $displayVar,
   $formats: $formats,
@@ -34,4 +35,11 @@ $subsets: $subsets,
   $styles: $styles,
-  $axes: $axes
+  $axes: $axes,
+
+  // Deprecated
+  $displayVar: $displayVar
 ) {
+  @if $displayVar != null {
+    @warn "$displayVar is deprecated due to the limitation of using css variables in @font-face (https://github.com/fontsource/fontsource/issues/726).";
+  }
+
   $isVariable: map.get($metadata, axes) != null;
@@ -47,3 +55,2 @@
   $display: if($display, $display, swap);
-  $displayVar: if($displayVar != null, $displayVar, true);
   $formats: if(not $formats or $formats == all, if($isVariable, woff2, (woff2, woff)), $formats);
@@ -101,3 +108,2 @@ $subsets: if(
                 display: $display,
-                displayVar: $displayVar,
                 formats: $formats,
@@ -123,3 +129,3 @@ subsets: $subsets,
                 ),
-                font-display: if($displayVar, var(--fontsource-display, $display), $display),
+                font-display: $display,
                 font-weight: if(
@@ -151,3 +157,2 @@ (($axis == full) or ($axis == wght)) and map.has-key($metadata, axes, wght),
   $display: $display,
-  $displayVar: $displayVar,
   $formats: $formats,
@@ -157,3 +162,6 @@ $subsets: $subsets,
   $styles: $styles,
-  $axes: $axes
+  $axes: $axes,
+
+  // Deprecated
+  $displayVar: $displayVar
 ) {
@@ -165,3 +173,2 @@ @include generator(
       $display: $display,
-      $displayVar: $displayVar,
       $formats: $formats,
@@ -171,3 +178,5 @@ $subsets: $subsets,
       $styles: $styles,
-      $axes: $axes
+      $axes: $axes,
+
+      $displayVar: $displayVar
     )
@@ -174,0 +183,0 @@ using ($props) {

wght.css

@@ -5,3 +5,3 @@ /* cinzel-latin-ext-wght-normal */
   font-style: normal;
-  font-display: var(--fontsource-display, swap);
+  font-display: swap;
   font-weight: 400 900;
@@ -16,3 +16,3 @@ src: url(./files/cinzel-latin-ext-wght-normal.woff2) format('woff2-variations');
   font-style: normal;
-  font-display: var(--fontsource-display, swap);
+  font-display: swap;
   font-weight: 400 900;
@@ -19,0 +19,0 @@ src: url(./files/cinzel-latin-wght-normal.woff2) format('woff2-variations');

No alert changes

Worsened metrics

Total package byte prevSize

55554

-0.05%

No dependency changes