Add linear() support check for #31

barvian · Oct 21, 2024 · 8e8bc83 · 8e8bc83
1 parent 366217d
commit 8e8bc83
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/packages/number-flow/package.json b/packages/number-flow/package.json
@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "0.3.1",
+	"version": "0.3.2",
 	"author": {
 		"name": "Maxwell Barvian",
 		"email": "[email protected]",

diff --git a/packages/number-flow/src/index.ts b/packages/number-flow/src/index.ts
@@ -10,6 +10,7 @@ import {
 import { ServerSafeHTMLElement } from './ssr'
 import styles, {
 	supportsMod,
+	supportsLinear,
 	dxVar,
 	opacityDeltaVar,
 	prefersReducedMotion,
@@ -23,7 +24,7 @@ import { max } from './util/math'
 export { SlottedTag, slottedStyles, prefersReducedMotion } from './styles'
 export * from './formatter'
 
-export const canAnimate = supportsMod && supportsAtProperty
+export const canAnimate = supportsMod && supportsLinear && supportsAtProperty
 
 type RawTrend = boolean | 'increasing' | 'decreasing'
 export { type RawTrend as Trend }

diff --git a/packages/number-flow/src/styles.ts b/packages/number-flow/src/styles.ts
@@ -1,6 +1,9 @@
 import { BROWSER } from 'esm-env'
 import { css } from './util/css'
 
+export const supportsLinear =
+	BROWSER && typeof CSS !== 'undefined' && CSS.supports('animation-timing-function', 'linear(1,2)')
+
 export const supportsMod =
 	BROWSER && typeof CSS !== 'undefined' && CSS.supports('line-height', 'mod(1,1)')
 

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "0.2.2",
+	"version": "0.2.3",
 	"author": {
 		"name": "Maxwell Barvian",
 		"email": "[email protected]",