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 && (
);
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
}
});