fix: Release audit (#8575)

* fix: release audit issues

* fix stately form props

* fix era

---------

Co-authored-by: Daniel Lu <[email protected]>

Author: snowystinger

packages/@adobe/spectrum-css-temp/components/tabs/index.css

@@ -246,7 +246,7 @@ governing permissions and limitations under the License.
   /*
     Allow tab labels to wrap when TabList component has minWidth set.
   */
-  &.spectrum-Tabs--verticalWrap:not(.spectrum-Tabs--compact) .spectrum-Tabs-item {
+  &:not(.spectrum-Tabs--compact) .spectrum-Tabs-item {
     display: flex;
     align-items: center;
     white-space: normal;

packages/@react-aria/calendar/src/index.ts

@@ -14,7 +14,6 @@ export {useCalendar} from './useCalendar';
 export {useRangeCalendar} from './useRangeCalendar';
 export {useCalendarGrid} from './useCalendarGrid';
 export {useCalendarCell} from './useCalendarCell';
-export {getEraFormat} from './utils';
 
 export type {AriaCalendarProps, AriaRangeCalendarProps, CalendarProps, DateValue, RangeCalendarProps} from '@react-types/calendar';
 export type {CalendarAria} from './useCalendarBase';

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

@@ -31,7 +31,7 @@ import {
   RangeCalendarStateContext,
   Text
 } from 'react-aria-components';
-import {AriaCalendarGridProps, getEraFormat} from '@react-aria/calendar';
+import {AriaCalendarGridProps} from '@react-aria/calendar';
 import {baseColor, focusRing, lightDark, style} from '../style' with {type: 'macro'};
 import {
   CalendarDate,
@@ -363,11 +363,11 @@ export const CalendarHeading = (): ReactElement => {
   let calendarStateContext = useContext(CalendarStateContext);
   let rangeCalendarStateContext = useContext(RangeCalendarStateContext);
   let {visibleRange, timeZone} = calendarStateContext ?? rangeCalendarStateContext ?? {};
-  let era: any = getEraFormat(visibleRange?.start) || getEraFormat(visibleRange?.end);
+  let currentMonth = visibleRange?.start ?? visibleRange?.end;
   let monthFormatter = useDateFormatter({
     month: 'long',
     year: 'numeric',
-    era,
+    era: currentMonth && currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC' ? 'short' : undefined,
     calendar: visibleRange?.start.calendar.identifier,
     timeZone
   });

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

@@ -261,7 +261,7 @@ function TabLine(props: TabLineProps) {
  * A TabList is used within Tabs to group tabs that a user can switch between.
  * The keys of the items within the <TabList> must match up with a corresponding item inside the <TabPanels>.
  */
-export function TabList<T>(props: SpectrumTabListProps<T> & {wrap?: boolean}): ReactNode {
+export function TabList<T>(props: SpectrumTabListProps<T>): ReactNode {
   const tabContext = useContext(TabContext)!;
   const {refs, tabState, tabProps, tabPanelProps} = tabContext;
   const {isQuiet, density, isEmphasized, orientation} = tabProps;
@@ -288,8 +288,6 @@ export function TabList<T>(props: SpectrumTabListProps<T> & {wrap?: boolean}): R
 
   let tabListclassName = classNames(styles, 'spectrum-TabsPanel-tabs');
 
-  const verticalWrap = props.wrap && orientation === 'vertical';
-
   const tabContent = (
     <div
       {...stylePropsFinal}
@@ -303,8 +301,7 @@ export function TabList<T>(props: SpectrumTabListProps<T> & {wrap?: boolean}): R
         {
           'spectrum-Tabs--quiet': isQuiet,
           'spectrum-Tabs--emphasized': isEmphasized,
-          ['spectrum-Tabs--compact']: density === 'compact',
-          'spectrum-Tabs--verticalWrap': verticalWrap
+          ['spectrum-Tabs--compact']: density === 'compact'
         },
         orientation === 'vertical' && styleProps.className
       )

packages/@react-types/checkbox/src/index.d.ts

@@ -64,7 +64,7 @@ export interface AriaToggleProps extends ToggleProps, FocusableDOMProps, AriaLab
   'aria-controls'?: string
 }
 
-export interface CheckboxGroupProps extends ValueBase<string[]>, InputBase, InputDOMProps, LabelableProps, HelpTextProps, Validation<string[]> {}
+export interface CheckboxGroupProps extends ValueBase<string[]>, Pick<InputDOMProps, 'name'>, InputBase, LabelableProps, HelpTextProps, Validation<string[]> {}
 
 export interface CheckboxProps extends ToggleProps {
   /**
@@ -74,9 +74,9 @@ export interface CheckboxProps extends ToggleProps {
   isIndeterminate?: boolean
 }
 
-export interface AriaCheckboxProps extends CheckboxProps, AriaToggleProps {}
+export interface AriaCheckboxProps extends CheckboxProps, InputDOMProps, AriaToggleProps {}
 
-export interface AriaCheckboxGroupProps extends CheckboxGroupProps, DOMProps, AriaLabelingProps, AriaValidationProps, FocusEvents {}
+export interface AriaCheckboxGroupProps extends CheckboxGroupProps, InputDOMProps, DOMProps, AriaLabelingProps, AriaValidationProps, FocusEvents {}
 
 export interface AriaCheckboxGroupItemProps extends Omit<AriaCheckboxProps, 'isSelected' | 'defaultSelected'> {
   value: string

packages/@react-types/datepicker/src/index.d.ts

@@ -81,10 +81,10 @@ interface DatePickerBase<T extends DateValue> extends DateFieldBase<T>, OverlayT
    */
   firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'
 }
-export interface AriaDatePickerBaseProps<T extends DateValue> extends DatePickerBase<T>, AriaLabelingProps, DOMProps {}
+export interface AriaDatePickerBaseProps<T extends DateValue> extends DatePickerBase<T>, AriaLabelingProps, InputDOMProps, DOMProps {}
 
 export interface DatePickerProps<T extends DateValue> extends DatePickerBase<T>, ValueBase<T | null, MappedDateValue<T> | null> {}
-export interface AriaDatePickerProps<T extends DateValue> extends DatePickerProps<T>, AriaDatePickerBaseProps<T>, InputDOMProps {}
+export interface AriaDatePickerProps<T extends DateValue> extends DatePickerProps<T>, AriaDatePickerBaseProps<T> {}
 
 export type DateRange = RangeValue<DateValue>;
 export interface DateRangePickerProps<T extends DateValue> extends Omit<DatePickerBase<T>, 'validate' | 'autoComplete'>, Validation<RangeValue<MappedDateValue<T>>>, ValueBase<RangeValue<T> | null, RangeValue<MappedDateValue<T>> | null> {
@@ -100,13 +100,7 @@ export interface DateRangePickerProps<T extends DateValue> extends Omit<DatePick
   /**
    * The name of the end date input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
    */
-  endName?: string,
-  /**
-   * The `<form>` element to associate the input with.
-   * The value of this attribute must be the id of a `<form>` in the same document.
-   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).
-   */
-  form?: string
+  endName?: string
 }
 
 export interface AriaDateRangePickerProps<T extends DateValue> extends Omit<AriaDatePickerBaseProps<T>, 'validate' | 'autoComplete'>, DateRangePickerProps<T> {}
@@ -137,7 +131,7 @@ interface SpectrumDatePickerBase<T extends DateValue> extends SpectrumDateFieldB
   shouldFlip?: boolean,
   /**
    * A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)
-   * object for a given calendar identifier. This will be used for the popover calendar. If not provided, the 
+   * object for a given calendar identifier. This will be used for the popover calendar. If not provided, the
    * `createCalendar` function from `@internationalized/date` will be used.
    */
   createCalendar?: (identifier: CalendarIdentifier) => ICalendar

packages/@react-types/radio/src/index.d.ts

@@ -30,7 +30,7 @@ import {
 } from '@react-types/shared';
 import {ReactElement, ReactNode} from 'react';
 
-export interface RadioGroupProps extends ValueBase<string|null, string>, InputBase, InputDOMProps, Validation<string | null>, LabelableProps, HelpTextProps, FocusEvents {
+export interface RadioGroupProps extends ValueBase<string|null, string>, InputBase, Pick<InputDOMProps, 'name'>, Validation<string | null>, LabelableProps, HelpTextProps, FocusEvents {
   /**
    * The axis the Radio Button(s) should align with.
    * @default 'vertical'
@@ -55,7 +55,7 @@ export interface RadioProps extends FocusableProps {
   isDisabled?: boolean
 }
 
-export interface AriaRadioGroupProps extends RadioGroupProps, DOMProps, AriaLabelingProps, AriaValidationProps {}
+export interface AriaRadioGroupProps extends RadioGroupProps, InputDOMProps, DOMProps, AriaLabelingProps, AriaValidationProps {}
 export interface SpectrumRadioGroupProps extends AriaRadioGroupProps, SpectrumLabelableProps, StyleProps, SpectrumHelpTextProps {
   /**
    * The Radio(s) contained within the RadioGroup.

packages/@react-types/tabs/src/index.d.ts

@@ -81,12 +81,7 @@ export interface SpectrumTabsProps<T> extends AriaTabListBase, Omit<SingleSelect
 
 export interface SpectrumTabListProps<T> extends DOMProps, StyleProps {
   /** The tab items to display. Item keys should match the key of the corresponding `<Item>` within the `<TabPanels>` element. */
-  children: CollectionChildren<T>,
-  /**
-   * When `true`, tab labels will wrap if they exceed the TabList's width. Only supported in vertical orientation with `regular` density. For proper wrapping, set a `minWidth` on TabList.
-   * @default false
-   */
-  wrap?: boolean
+  children: CollectionChildren<T>
 }
 
 export interface SpectrumTabPanelsProps<T> extends DOMProps, StyleProps {