diff --git a/packages/react-strict-dom/src/native/stylex/CSSLengthUnitValue.js b/packages/react-strict-dom/src/native/stylex/CSSLengthUnitValue.js index 8e64ecd5..ac0b2158 100644 --- a/packages/react-strict-dom/src/native/stylex/CSSLengthUnitValue.js +++ b/packages/react-strict-dom/src/native/stylex/CSSLengthUnitValue.js @@ -57,7 +57,7 @@ export class CSSLengthUnitValue { fontScale = 1, inheritedFontSize, viewportHeight, - viewportScale, + viewportScale = 1, viewportWidth } = options; const unit = this.unit; diff --git a/packages/react-strict-dom/src/native/stylex/CSSTransformValue.js b/packages/react-strict-dom/src/native/stylex/CSSTransformValue.js index 70c6d30c..5edb3a51 100644 --- a/packages/react-strict-dom/src/native/stylex/CSSTransformValue.js +++ b/packages/react-strict-dom/src/native/stylex/CSSTransformValue.js @@ -21,7 +21,7 @@ export class CSSTransformValue { } resolveTransformValue( - viewportScale: number + viewportScale?: number = 1 ): $ReadOnlyArray { if (viewportScale === 1) { return this.value; diff --git a/packages/react-strict-dom/src/native/stylex/__tests__/parseTransform-test.js b/packages/react-strict-dom/src/native/stylex/__tests__/parseTransform-test.js index e9eff5e4..cdf1f8cb 100644 --- a/packages/react-strict-dom/src/native/stylex/__tests__/parseTransform-test.js +++ b/packages/react-strict-dom/src/native/stylex/__tests__/parseTransform-test.js @@ -8,7 +8,7 @@ import { parseTransform as parseTransformImpl } from '../parseTransform'; function parseTransform(transform) { - return parseTransformImpl(transform).resolveTransformValue(1); + return parseTransformImpl(transform).resolveTransformValue(); } describe('parseTransform', () => { diff --git a/packages/react-strict-dom/src/native/stylex/index.js b/packages/react-strict-dom/src/native/stylex/index.js index 47dc3e83..dc71781c 100644 --- a/packages/react-strict-dom/src/native/stylex/index.js +++ b/packages/react-strict-dom/src/native/stylex/index.js @@ -46,7 +46,7 @@ type ResolveStyleOptions = $ReadOnly<{ hover?: ?boolean, inheritedFontSize: ?number, viewportHeight: number, - viewportScale: number, + viewportScale: number | void, viewportWidth: number, writingDirection?: ?'ltr' | 'rtl' }>; @@ -298,7 +298,7 @@ function resolveStyle( hover, inheritedFontSize, viewportHeight, - viewportScale, + viewportScale = 1, viewportWidth } = options; const colorScheme = options.colorScheme || 'light'; diff --git a/packages/react-strict-dom/tests/css-test.native.js b/packages/react-strict-dom/tests/css-test.native.js index 5af3b6ea..e1b52a48 100644 --- a/packages/react-strict-dom/tests/css-test.native.js +++ b/packages/react-strict-dom/tests/css-test.native.js @@ -10,8 +10,7 @@ import { css } from 'react-strict-dom'; const mockOptions = { hover: false, viewportHeight: 600, - viewportWidth: 320, - viewportScale: 1 + viewportWidth: 320 }; /** @@ -1732,8 +1731,7 @@ expect.extend({ const theProps = css.props.call( { viewportHeight: height, - viewportWidth: width, - viewportScale: 1 + viewportWidth: width }, underTest );