fix sb docs

Author: snowystinger

.yarn/patches/@storybook-addon-docs-npm-8.6.14-12ab3f55f8.patch

@@ -238,6 +238,7 @@
     "@types/node@npm:^18.0.0": "^22",
     "@types/node@npm:>= 8": "^22",
     "@storybook/addon-docs@npm:8.6.14": "patch:@storybook/addon-docs@npm%3A8.6.14#~/.yarn/patches/@storybook-addon-docs-npm-8.6.14-12ab3f55f8.patch",
+    "@storybook/react": "patch:@storybook/react@npm%3A8.6.14#~/.yarn/patches/@storybook-react-npm-8.6.14-bc3fc2208a.patch",
     "micromark-extension-mdxjs": "patch:micromark-extension-mdxjs@npm%3A1.0.0#~/.yarn/patches/micromark-extension-mdxjs-npm-1.0.0-d2b6b69e4a.patch",
     "remark-mdx": "patch:remark-mdx@npm%3A2.0.0-rc.2#~/.yarn/patches/remark-mdx-npm-2.0.0-rc.2-7a71234e1f.patch",
     "remark-parse": "patch:remark-parse@npm%3A10.0.1#~/.yarn/patches/remark-parse-npm-10.0.1-e654d7df78.patch"

.yarn/patches/@storybook-react-npm-8.6.14-bc3fc2208a.patch

@@ -89,17 +89,14 @@ export function createIcon(Component: ComponentType<SVGProps<SVGSVGElement>>, co
     let ctx;
     // TODO: remove this default once we release RAC and use DEFAULT_SLOT.
     [ctx, ref] = useSpectrumContextProps({slot: props.slot || 'icon'} as IconContextValue, ref, context);
-    let {styles: ctxStyles} = ctx;
+    let {render, styles: ctxStyles} = ctx;
     let {
       UNSAFE_className,
       UNSAFE_style,
       slot,
       'aria-label': ariaLabel,
       'aria-hidden': ariaHidden,
       styles,
-      // props are already merged with context via rac's useContextProps in generateS2IconIndex
-      // @ts-ignore
-      render,
       ...otherProps
     } = props;
 
@@ -145,7 +142,7 @@ export function createIllustration(Component: ComponentType<SVGProps<SVGSVGEleme
     let ref = useRef<SVGElement>(null);
     let ctx;
     [ctx, ref] = useSpectrumContextProps({slot: props.slot || 'icon'} as IconContextValue, ref, IllustrationContext);
-    let {render, styles: ctxStyles} = ctx;
+    let {styles: ctxStyles} = ctx;
     let {
       UNSAFE_className,
       UNSAFE_style,
@@ -154,6 +151,8 @@ export function createIllustration(Component: ComponentType<SVGProps<SVGSVGEleme
       'aria-hidden': ariaHidden,
       size = ctx.size || 'M',
       styles,
+      // @ts-ignore
+      render,
       ...otherProps
     } = props;
 

package.json

@@ -10,9 +10,26 @@
  * governing permissions and limitations under the License.
  */
 
-import {ActionMenu, Avatar, Card, CardPreview, CardView, CardViewProps, Collection, CollectionCardPreview, Content, Heading, IllustratedMessage, Image, MenuItem, SkeletonCollection, Text} from '../src';
+import {
+  ActionMenu,
+  Avatar,
+  Card,
+  CardPreview,
+  CardView,
+  CardViewProps,
+  Collection,
+  CollectionCardPreview,
+  Content,
+  Heading,
+  IllustratedMessage,
+  Image,
+  MenuItem,
+  SkeletonCollection,
+  Text
+} from '../src';
 import EmptyIcon from '../spectrum-illustrations/gradient/generic1/Image';
 import ErrorIcon from '../spectrum-illustrations/linear/AlertNotice';
+import {fn} from '@storybook/test';
 import Folder from '../s2wf-icons/S2_Icon_Folder_20_N.svg';
 import type {Meta} from '@storybook/react';
 import {style} from '../style/spectrum-theme' with {type: 'macro'};
@@ -23,7 +40,10 @@ const meta: Meta<typeof CardView> = {
   parameters: {
     layout: 'fullscreen'
   },
-  tags: ['autodocs']
+  tags: ['autodocs'],
+  args: {
+    onLoadMore: fn()
+  }
 };
 
 export default meta;

packages/@react-spectrum/s2/src/Icon.tsx

@@ -13,6 +13,7 @@
 import AlignBottom from '../s2wf-icons/S2_Icon_AlignBottom_20_N.svg';
 import AlignCenter from '../s2wf-icons/S2_Icon_AlignCenter_20_N.svg';
 import AlignLeft from '../s2wf-icons/S2_Icon_AlignLeft_20_N.svg';
+import {fn} from '@storybook/test';
 import ListBulleted from '../s2wf-icons/S2_Icon_ListBulleted_20_N.svg';
 import ListMultiSelect from '../s2wf-icons/S2_Icon_ListMultiSelect_20_N.svg';
 import ListNumbered from '../s2wf-icons/S2_Icon_ListNumbered_20_N.svg';
@@ -27,7 +28,10 @@ const meta: Meta<typeof SegmentedControl> = {
     layout: 'centered'
   },
   tags: ['autodocs'],
-  title: 'SegmentedControl'
+  title: 'SegmentedControl',
+  args: {
+    onSelectionChange: fn()
+  }
 };
 
 export default meta;

packages/@react-spectrum/s2/stories/CardView.stories.tsx

@@ -13,6 +13,7 @@
 import Bell from '../s2wf-icons/S2_Icon_Bell_20_N.svg';
 import {Collection, Text} from '@react-spectrum/s2';
 import Edit from '../s2wf-icons/S2_Icon_Edit_20_N.svg';
+import {fn} from '@storybook/test';
 import Heart from '../s2wf-icons/S2_Icon_Heart_20_N.svg';
 import type {Meta} from '@storybook/react';
 import {style} from '../style' with { type: 'macro' };
@@ -24,7 +25,10 @@ const meta: Meta<typeof Tabs> = {
     layout: 'centered'
   },
   tags: ['autodocs'],
-  title: 'Tabs'
+  title: 'Tabs',
+  args: {
+    onSelectionChange: fn()
+  }
 };
 
 export default meta;

packages/@react-spectrum/s2/stories/SegmentedControl.stories.tsx

@@ -9422,7 +9422,7 @@ __metadata:
 
 "@storybook/addon-docs@patch:@storybook/addon-docs@npm%3A8.6.14#~/.yarn/patches/@storybook-addon-docs-npm-8.6.14-12ab3f55f8.patch":
   version: 8.6.14
-  resolution: "@storybook/addon-docs@patch:@storybook/addon-docs@npm%3A8.6.14#~/.yarn/patches/@storybook-addon-docs-npm-8.6.14-12ab3f55f8.patch::version=8.6.14&hash=c42830"
+  resolution: "@storybook/addon-docs@patch:@storybook/addon-docs@npm%3A8.6.14#~/.yarn/patches/@storybook-addon-docs-npm-8.6.14-12ab3f55f8.patch::version=8.6.14&hash=e4d464"
   dependencies:
     "@mdx-js/react": "npm:^3.0.0"
     "@storybook/blocks": "npm:8.6.14"
@@ -9433,7 +9433,7 @@ __metadata:
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
     storybook: ^8.6.14
-  checksum: 10c0/995af4c056ad37bf9f6cd75106d7789da3f452b1b87cf08e4bfab4d1e331611d238e2f355e67f451fff5016b11712ea8edde1f7edc3fa27ff793a52f6c46cd86
+  checksum: 10c0/ee2fc317d21b09e24e435d60a10b0f5b2cf36205d6a85395029ff5dd1108821da6ef961bee4ee8b0030f2ebc93b53c17aa2c0b975d920594dda47a0e960b4262
   languageName: node
   linkType: hard
 
@@ -9791,7 +9791,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react@npm:^8.6.14":
+"@storybook/react@npm:8.6.14":
   version: 8.6.14
   resolution: "@storybook/react@npm:8.6.14"
   dependencies:
@@ -9816,6 +9816,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/react@patch:@storybook/react@npm%3A8.6.14#~/.yarn/patches/@storybook-react-npm-8.6.14-bc3fc2208a.patch":
+  version: 8.6.14
+  resolution: "@storybook/react@patch:@storybook/react@npm%3A8.6.14#~/.yarn/patches/@storybook-react-npm-8.6.14-bc3fc2208a.patch::version=8.6.14&hash=9c6605"
+  dependencies:
+    "@storybook/components": "npm:8.6.14"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/manager-api": "npm:8.6.14"
+    "@storybook/preview-api": "npm:8.6.14"
+    "@storybook/react-dom-shim": "npm:8.6.14"
+    "@storybook/theming": "npm:8.6.14"
+  peerDependencies:
+    "@storybook/test": 8.6.14
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: ^8.6.14
+    typescript: ">= 4.2.x"
+  peerDependenciesMeta:
+    "@storybook/test":
+      optional: true
+    typescript:
+      optional: true
+  checksum: 10c0/118e70e34eee96820995766e64a83346ce63cd8dfa9a87ca5f0603b3f52f1d6a80e3eded534afb8b3778927c8070e584aefcb756cb9fb7efc247f37a3da07141
+  languageName: node
+  linkType: hard
+
 "@storybook/test-runner@npm:^0.22.0":
   version: 0.22.0
   resolution: "@storybook/test-runner@npm:0.22.0"