chore: Improve S2 story argTypes (#8360)

Author: devongovett

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

@@ -19,7 +19,6 @@ import {
   ButtonRenderProps,
   ContextValue,
   InputContext,
-  Text,
   useContextProps
 } from 'react-aria-components';
 import {baseColor, space, style} from '../style' with {type: 'macro'};
@@ -245,7 +244,6 @@ export const NumberField = forwardRef(function NumberField(props: NumberFieldPro
                     </StepButton>
                   </div>}
                 </FieldGroup>
-                {descriptionMessage && <Text slot="description">{descriptionMessage}</Text>}
                 <HelpText
                   size={size}
                   isDisabled={isDisabled}

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

@@ -23,6 +23,9 @@ const meta: Meta<typeof Accordion> = {
   parameters: {
     layout: 'centered'
   },
+  argTypes: {
+    children: {table: {disable: true}}
+  },
   tags: ['autodocs'],
   title: 'Accordion'
 };

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

@@ -23,6 +23,9 @@ const meta: Meta<typeof ActionBar> = {
   parameters: {
     layout: 'centered'
   },
+  argTypes: {
+    children: {table: {disable: true}}
+  },
   tags: ['autodocs'],
   title: 'ActionBar'
 };

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

@@ -28,7 +28,8 @@ const meta: Meta<typeof ActionButton> = {
   decorators: [StaticColorDecorator],
   tags: ['autodocs'],
   argTypes: {
-    ...categorizeArgTypes('Events', ['onPress', 'onPressChange', 'onPressEnd', 'onPressStart', 'onPressUp'])
+    ...categorizeArgTypes('Events', ['onPress', 'onPressChange', 'onPressEnd', 'onPressStart', 'onPressUp']),
+    children: {table: {disable: true}}
   },
   title: 'ActionButton'
 };

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

@@ -23,6 +23,9 @@ const meta: Meta<typeof ActionButtonGroup> = {
   parameters: {
     layout: 'centered'
   },
+  argTypes: {
+    children: {table: {disable: true}}
+  },
   decorators: [StaticColorDecorator],
   tags: ['autodocs'],
   title: 'ActionButtonGroup'

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

@@ -22,7 +22,8 @@ const meta: Meta<typeof ActionMenu<any>> = {
   },
   tags: ['autodocs'],
   argTypes: {
-    ...categorizeArgTypes('Events', ['onAction', 'onOpenChange'])
+    ...categorizeArgTypes('Events', ['onAction', 'onOpenChange']),
+    children: {table: {disable: true}}
   },
   title: 'ActionMenu'
 };

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

@@ -16,7 +16,11 @@ import {style} from '../style' with { type: 'macro' };
 
 const meta: Meta<typeof Avatar> = {
   component: Avatar,
-  argTypes: {},
+  argTypes: {
+    size: {
+      control: 'number'
+    }
+  },
   parameters: {
     layout: 'centered'
   },

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

@@ -16,10 +16,12 @@ import {style} from '../style' with {type: 'macro'};
 
 const meta: Meta<typeof AvatarGroup> = {
   component: AvatarGroup,
-  argTypes: {},
   parameters: {
     layout: 'centered'
   },
+  argTypes: {
+    children: {table: {disable: true}}
+  },
   tags: ['autodocs'],
   title: 'AvatarGroup'
 };

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

@@ -20,6 +20,9 @@ const meta: Meta<typeof Badge> = {
   parameters: {
     layout: 'centered'
   },
+  argTypes: {
+    children: {table: {disable: true}}
+  },
   tags: ['autodocs'],
   title: 'Badge'
 };

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

@@ -31,7 +31,8 @@ const meta: Meta<typeof Breadcrumbs> = {
     },
     onAction: {
       table: {category: 'Events'}
-    }
+    },
+    children: {table: {disable: true}}
   },
   tags: ['autodocs'],
   title: 'Breadcrumbs'