Removing step from ColorSlider, ColorWheel, ColorField docs (#2915)

* removing step from color slider and color wheel docs

* Remove step from ColorField docs

Co-authored-by: Rob Snow <[email protected]>

Author: LFDanLu

packages/@react-aria/color/docs/useColorField.mdx

@@ -46,7 +46,6 @@ color fields that can be styled as needed.
 * Support for parsing and formatting a hex color value
 * Validates keyboard entry as the user types so that only valid hex characters are accepted
 * Supports using the arrow keys to increment and decrement the value
-* Support for customizing the step value for incrementing and decrementing
 * Exposed to assistive technology as a `textbox` via ARIA
 * Visual and ARIA labeling support
 * Follows the [spinbutton](https://www.w3.org/TR/wai-aria-practices-1.2/#spinbutton) ARIA pattern
@@ -130,14 +129,6 @@ function Example() {
 }
 ```
 
-### Step
-
-The `step` prop can be used to make a `ColorField` snap its value to specific increments.
-
-```tsx example
-<ColorField defaultValue="#7f007f" step={16} />
-```
-
 ### Disabled and read only
 
 A `ColorField` can be disabled using the `isDisabled` prop, and made read only using the `isReadOnly` prop.

packages/@react-aria/color/docs/useColorSlider.mdx

@@ -50,7 +50,6 @@ touch-friendly color sliders that can be styled as needed.
 * Pressing on the track moves the thumb to that position
 * Supports using the arrow keys, as well as page up/down, home, and end keys
 * Support for both horizontal and vertical orientations
-* Support for custom step values with handling for rounding errors
 * Support for disabling the color slider
 * Prevents text selection while dragging
 * Exposed to assistive technology as a `slider` element via ARIA
@@ -299,14 +298,6 @@ function Example() {
 }
 ```
 
-### Step
-
-The `step` prop can be used to make a `ColorSlider` snap its value to specific increments.
-
-```tsx example
-<ColorSlider channel="hue" defaultValue="hsl(0, 100%, 50%)" step={30} />
-```
-
 ### onChangeEnd
 
 The `onChangeEnd` prop can be used to handle when a user stops dragging a color slider, whereas the `onChange`

packages/@react-aria/color/docs/useColorWheel.mdx

@@ -48,7 +48,6 @@ touch-friendly color wheels that can be styled as needed.
 * Multi-touch support
 * Pressing on the track moves the thumb to that position
 * Supports using the arrow keys, as well as page up/down, home, and end keys
-* Support for custom step values with handling for rounding errors
 * Support for disabling the color wheel
 * Prevents text selection while dragging
 * Exposed to assistive technology as a `slider` element via ARIA
@@ -179,14 +178,6 @@ function Example() {
 }
 ```
 
-### Step
-
-The `step` prop can be used to make a `ColorWheel` snap its value to specific increments.
-
-```tsx example
-<ColorWheel step={30} />
-```
-
 ### Disabled
 
 A `ColorWheel` can be disabled using the `isDisabled` prop. This prevents the thumb from being focused or dragged.

packages/@react-spectrum/color/docs/ColorField.mdx

@@ -93,16 +93,6 @@ the `id` of the labeling element instead.
 In order to internationalize a ColorField, a localized string should be passed to the `label` or `aria-label` prop.
 When the `necessityIndicator` prop is set to `"label"`, a localized string will be provided for `"(required)"` or `"(optional)"` automatically.
 
-## Step values
-
-The `step` prop can be used to increment or decrement the current `value` using up or down arrow keys. These increments
-are calculated from the current `value` or zero if the `value` is empty. A `step` can be set to any positive decimal,
-defaulting to `1` if unspecified.
-
-```tsx example
-<ColorField label="Primary Color" step={16} />
-```
-
 ## Validation
 
 ColorField can display a validation state to communicate to the user whether the current value is valid or invalid.

packages/@react-spectrum/color/docs/ColorSlider.mdx

@@ -95,18 +95,6 @@ or `aria-labelledby`, be sure to localize the string or labeling element appropr
 For languages that are read right-to-left (e.g. Hebrew and Arabic), the layout of the ColorSlider is automatically flipped. As mentioned previously,
 ColorSlider automatically uses the current locale to format the channel and value label.
 
-## Step values
-
-The `step` prop can be used to snap the ColorSlider's value to specific increments. Be sure to provide a number that makes sense for the range of the ColorSlider's channel
-(e.g. the "alpha" channel value ranges from 0 to 1 so the step should be less than 1).
-
-```tsx example
-<Flex gap="size-300" wrap>
-  <ColorSlider channel="hue" defaultValue="hsl(0, 100%, 50%)" step={10} />
-  <ColorSlider channel="alpha" defaultValue="hsla(0, 100%, 50%, 0.5)" step={.05} />
-</Flex>
-```
-
 ## Events
 
 ColorSlider supports two events: `onChange` and `onChangeEnd`. `onChange` is triggered whenever the ColorSlider's handle is dragged, and `onChangeEnd`

packages/@react-spectrum/color/docs/ColorWheel.mdx

@@ -82,16 +82,6 @@ function Example() {
 By default, a localized string for the "hue" channel name is used as the `aria-label` for the ColorWheel. When a custom `aria-label` or `aria-labelledby`
 is provided, it should be localized accordingly.
 
-## Step values
-
-The `step` prop can be used to snap the ColorWheel's value to specific increments. The value provided should the number of degrees that each step should span,
-ranging from 0 to 360. Note that the steps are calculated starting from 0˚ and that the final step will always snap back to 0˚, regardless of how much
-remaining track distance there is from the step prior.
-
-```tsx example
-<ColorWheel step={60} />
-```
-
 ## Events
 
 ColorWheel supports two events: `onChange` and `onChangeEnd`. `onChange` is triggered whenever the ColorWheel's handle is dragged, and `onChangeEnd`