chore: SelectBox audit

[devongovett]

A few minor API updates and small fixes.

• Changed value to id to match other collection components
• Added textValue and aria-label as a prop
• Fixed disabled color
• Removed colored illustrations from example for now (need to discuss with design)
• Made the grid fixed width and centered the items in the available space so the gaps don't differ between the horizontal and vertical directions

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[rspbot]

## API Changes

@react-spectrum/s2

/@react-spectrum/s2:SelectBox

 SelectBox {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
+  aria-label?: string
   children: ReactNode
+  id?: Key
   isDisabled?: boolean
   styles?: StylesProp
-  value: string
+  textValue?: string
 }

/@react-spectrum/s2:SelectBoxGroup

 SelectBoxGroup <T extends {}> {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
   autoFocus?: boolean | FocusStrategy
   children: ReactNode
   defaultSelectedKeys?: 'all' | Iterable<Key>
   disabledKeys?: Iterable<Key>
   disallowEmptySelection?: boolean
   escapeKeyBehavior?: 'clearSelection' | 'none' = 'clearSelection'
   id?: string
   isDisabled?: boolean
   items?: Iterable<T>
   onBlur?: (FocusEvent<Target>) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onSelectionChange?: (Selection) => void
   orientation?: Orientation = 'vertical'
   selectedKeys?: 'all' | Iterable<Key>
   selectionMode?: 'single' | 'multiple' = 'single'
-  shouldFocusWrap?: boolean
-  shouldSelectOnPressUp?: boolean
   slot?: string | null
   styles?: StylesProp
 }

/@react-spectrum/s2:SelectBoxProps

 SelectBoxProps {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
+  aria-label?: string
   children: ReactNode
+  id?: Key
   isDisabled?: boolean
   styles?: StylesProp
-  value: string
+  textValue?: string
 }

/@react-spectrum/s2:SelectBoxGroupProps

 SelectBoxGroupProps <T> {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
   autoFocus?: boolean | FocusStrategy
   children: ReactNode
   defaultSelectedKeys?: 'all' | Iterable<Key>
   disabledKeys?: Iterable<Key>
   disallowEmptySelection?: boolean
   escapeKeyBehavior?: 'clearSelection' | 'none' = 'clearSelection'
   id?: string
   isDisabled?: boolean
   items?: Iterable<T>
   onBlur?: (FocusEvent<Target>) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onSelectionChange?: (Selection) => void
   orientation?: Orientation = 'vertical'
   selectedKeys?: 'all' | Iterable<Key>
   selectionMode?: 'single' | 'multiple' = 'single'
-  shouldFocusWrap?: boolean
-  shouldSelectOnPressUp?: boolean
   slot?: string | null
   styles?: StylesProp
 }

---