From 7453597a64115cbfda08a3deddf4aa40aacf7870 Mon Sep 17 00:00:00 2001 From: Reid Barber Date: Mon, 20 Apr 2026 15:08:42 -0500 Subject: [PATCH 1/2] docs: add docs for pressScale (#9940) --- packages/@react-spectrum/s2/src/pressScale.ts | 22 +++++++++++++++++++ packages/dev/s2-docs/pages/s2/style-macro.mdx | 4 ++++ 2 files changed, 26 insertions(+) diff --git a/packages/@react-spectrum/s2/src/pressScale.ts b/packages/@react-spectrum/s2/src/pressScale.ts index d3110fcac18..d333e528f00 100644 --- a/packages/@react-spectrum/s2/src/pressScale.ts +++ b/packages/@react-spectrum/s2/src/pressScale.ts @@ -13,6 +13,28 @@ import {composeRenderProps} from 'react-aria-components/composeRenderProps'; import {CSSProperties, RefObject} from 'react'; +/** + * Returns a render prop style function that applies a subtle Spectrum "press" scale + * effect to an element while it is being pressed. + * + * @param ref - A ref to the element receiving the press effect. + * @param style - An optional base style object, or a render prop function returning + * one. + * @returns A render prop function suitable for passing to a React Aria component's + * `style` prop. + * + * @example + * ```tsx + * import {Button} from 'react-aria-components/Button'; + * import {pressScale} from '@react-spectrum/s2'; + * import {useRef} from 'react'; + * + * function MyButton(props) { + * let ref = useRef(null); + * return