diff --git a/packages/@react-spectrum/s2/src/Image.tsx b/packages/@react-spectrum/s2/src/Image.tsx index 7e8f875099d..246a98106ce 100644 --- a/packages/@react-spectrum/s2/src/Image.tsx +++ b/packages/@react-spectrum/s2/src/Image.tsx @@ -228,7 +228,7 @@ export const Image = forwardRef(function Image(props: ImageProps, domRef: Forwar {!errorState && ( {alt} ); diff --git a/packages/@react-spectrum/s2/stories/CardView.stories.tsx b/packages/@react-spectrum/s2/stories/CardView.stories.tsx index 3cba3a49c72..16293cd22c7 100644 --- a/packages/@react-spectrum/s2/stories/CardView.stories.tsx +++ b/packages/@react-spectrum/s2/stories/CardView.stories.tsx @@ -101,7 +101,8 @@ function PhotoCard({item, layout}: {item: Item, layout: string}) { ); } -export const Example = (args: CardViewProps, {viewMode}) => { +export const Example = (args: CardViewProps & {viewMode: string}) => { + let {viewMode} = args; let list = useAsyncList({ async load({signal, cursor, items}) { let page = cursor || 1; @@ -154,10 +155,14 @@ export const Example = (args: CardViewProps, {viewMode}) => { Example.args = { loadingState: 'idle', onAction: null, - selectionMode: 'multiple' + selectionMode: 'multiple', + decorators: [ + (Story, {viewMode}) => + ] }; -export const Empty = (args: CardViewProps, {viewMode}) => { +export const Empty = (args: CardViewProps & {viewMode: string}) => { + let {viewMode} = args; return ( , {viewMode}) => { ); }; +Empty.args = { + decorators: [ + (Story, {viewMode}) => + ] +}; + interface Topic { id: string, title: string, @@ -202,7 +213,8 @@ function TopicCard({topic}: {topic: Topic}) { ); } -export const CollectionCards = (args: CardViewProps, {viewMode}) => { +export const CollectionCards = (args: CardViewProps & {viewMode: string}) => { + let {viewMode} = args; let list = useAsyncList({ async load({signal, cursor}) { let page = cursor || 1; @@ -253,5 +265,8 @@ export const CollectionCards = (args: CardViewProps, {viewMode}) => { CollectionCards.args = { loadingState: 'idle', - onAction: null + onAction: null, + decorators: [ + (Story, {viewMode}) => + ] }; diff --git a/packages/react-aria-components/src/Tabs.tsx b/packages/react-aria-components/src/Tabs.tsx index 0f12c0a6140..dea9b90c12c 100644 --- a/packages/react-aria-components/src/Tabs.tsx +++ b/packages/react-aria-components/src/Tabs.tsx @@ -300,7 +300,8 @@ export const TabPanel = /*#__PURE__*/ createHideableComponent(function TabPanel( values: { isFocused, isFocusVisible, - isInert: !isSelected, + // @ts-ignore - compatibility with React < 19 + isInert: inertValue(!isSelected), state } });