Merge remote-tracking branch 'origin/main' into s2-docs-newest-testing-fixes

Author: reidbarber

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

@@ -353,14 +353,14 @@ export const CalendarGrid = (props: Omit<AriaCalendarGridProps, 'children'> & Pr
         isolation: 'isolate'
       })}
       offset={{months: props.months}}>
-      <CalendarGridHeader>
+      <CalendarGridHeader className="">
         {(day) => (
           <CalendarHeaderCell>
             {day}
           </CalendarHeaderCell>
         )}
       </CalendarGridHeader>
-      <CalendarGridBody>
+      <CalendarGridBody className="">
         {(date) => (
           <CalendarCell date={date} firstDayOfWeek={props.firstDayOfWeek} />
         )}

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

@@ -171,7 +171,7 @@ export function DateInputContainer(props: PropsWithChildren): ReactElement {
 
 export function DateInput(props: Omit<DateInputProps, 'children'>): ReactElement {
   return (
-    <AriaDateInput {...props}>
+    <AriaDateInput className="" {...props}>
       {(segment) => (
         <AriaDateSegment
           segment={segment}

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

@@ -225,7 +225,7 @@ export const PopoverBase = forwardRef(function PopoverBase(props: PopoverProps,
       {composeRenderProps(props.children, (children, renderProps) => (
         <>
           {!hideArrow && (
-            <OverlayArrow>
+            <OverlayArrow className="">
               <svg viewBox="0 0 18 10" className={arrow(renderProps)}>
                 <path transform="translate(0 -1)" d="M1 1L7.93799 8.52588C8.07224 8.67448 8.23607 8.79362 8.41895 8.87524C8.60182 8.95687 8.79973 8.9993 9 9C9.19984 8.99882 9.39724 8.95606 9.57959 8.87427C9.76193 8.79248 9.9253 8.67336 10.0591 8.5249L17 1" />
               </svg>

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

@@ -681,6 +681,7 @@ let CollapsingTabs = ({collection, containerRef, ...props}: {collection: Collect
     contents = (
       <RACTabs
         {...props}
+        className=""
         style={{display: 'contents'}}>
         {props.children}
       </RACTabs>

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

@@ -185,6 +185,7 @@ function Picker<T extends object>(props: PickerProps<T>, ref: FocusableRef<HTMLB
     <div>
       <AriaSelect
         {...pickerProps}
+        className=""
         aria-labelledby={`${labelBehavior === 'hide' ? valueId : ''} ${ariaLabelledby}`}>
         {({isOpen}) => (
           <>

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

@@ -174,7 +174,7 @@ export const Tooltip = forwardRef(function Tooltip(props: TooltipProps, ref: DOM
       className={renderProps => UNSAFE_className + tooltip({...renderProps, colorScheme})}>
       {renderProps => (
         <>
-          <OverlayArrow>
+          <OverlayArrow className="">
             <svg className={arrowStyles(renderProps)} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 5">
               <path d="M4.29289 4.29289L0 0H10L5.70711 4.29289C5.31658 4.68342 4.68342 4.68342 4.29289 4.29289Z" />
             </svg>

packages/dev/s2-docs/pages/react-aria/DatePicker.mdx

@@ -32,7 +32,7 @@ export const description = 'Combines a DateField and a Calendar popover to allow
     props={['label', 'granularity', 'isDisabled']}
     initialProps={{label: 'Date'}}
     type="tailwind"
-    files={["starters/tailwind/src/DatePicker.tsx", "starters/tailwind/src/DateField.tsx",  "starters/tailwind/src/index.css"]} />
+    files={["starters/tailwind/src/DatePicker.tsx"]} />
 </ExampleSwitcher>
 
 ## Value

packages/dev/s2-docs/pages/react-aria/DateRangePicker.mdx

@@ -32,7 +32,7 @@ export const description = 'Combines two DateFields and a RangeCalendar popover
     props={['label', 'granularity', 'isDisabled']}
     initialProps={{label: 'Date range'}}
     type="tailwind"
-    files={["starters/tailwind/src/DateRangePicker.tsx", "starters/tailwind/src/DateField.tsx",  "starters/tailwind/src/index.css"]} />
+    files={["starters/tailwind/src/DateRangePicker.tsx"]} />
 </ExampleSwitcher>
 
 ## Value

packages/dev/s2-docs/pages/react-aria/Modal.mdx

@@ -48,7 +48,7 @@ export const description = 'An overlay element which blocks interaction with ele
   }
   ```
 
-  ```tsx render docs={vanillaDocs.exports.Modal} links={vanillaDocs.links} props={['isDismissable', 'isKeyboardDismissDisabled']} type="tailwind" files={["starters/docs/src/Modal.tsx"]}
+  ```tsx render docs={vanillaDocs.exports.Modal} links={vanillaDocs.links} props={['isDismissable', 'isKeyboardDismissDisabled']} type="tailwind" files={["starters/tailwind/src/Modal.tsx"]}
   "use client";
   import {DialogTrigger, Heading} from 'react-aria-components';
   import {Modal} from 'tailwind-starter/Modal';

packages/dev/s2-docs/pages/react-aria/Popover.mdx

@@ -44,7 +44,7 @@ export const description = 'An overlay element positioned relative to a trigger.
   }
   ```
 
-  ```tsx render docs={vanillaDocs.exports.Popover} links={vanillaDocs.links} props={['placement', 'offset', 'crossOffset', 'shouldFlip']} type="tailwind" files={["starters/docs/src/Popover.tsx"]}
+  ```tsx render docs={vanillaDocs.exports.Popover} links={vanillaDocs.links} props={['placement', 'offset', 'crossOffset', 'shouldFlip']} type="tailwind" files={["starters/tailwind/src/Popover.tsx"]}
   "use client";
   import {DialogTrigger} from 'react-aria-components';
   import {Popover} from 'tailwind-starter/Popover';