Merge branch 'development' of https://github.com/o3de/o3de.org into t…

…est-api-ref-2305

Signed-off-by: chanmosq <75444793+chanmosq@users.noreply.github.com>

content/docs/user-guide/components/reference/shape/axis-aligned-box-shape.md

@@ -27,11 +27,13 @@ The **Axis Aligned Box Shape** component creates a transparent box that is alway
 
 ## Edit mode actions
 
-The edit mode provides two sub-modes.
-| Mode | Icon | Description
-| - | - | - |
-| **Dimensions** | ![Shape component mode dimensions submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-dimensions.svg) | **Left-click** and drag the black handles on the sides of the Axis Aligned Box Shape to resize the box in its local X, Y, and Z dimensions. By default, each face of the box can be separately edited. Hold **Shift** to edit opposite pairs of faces symmetrically. |
-| **Translation Offset** | ![Shape component mode translation offset submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-translation-offset.svg) | **Left-click** and drag the linear or planar manipulators to edit the **Translation Offset**. |
+The edit mode provides two sub-modes. You can switch between sub-modes using the buttons in the **Viewport UI Cluster** in the top left of the **Editor**, by using the keyboard hotkeys listed below, or by using **Ctrl + Mousewheel Up/Down**.
+
+| Mode | Icon | Keyboard Hotkey | Description |
+| - | - | - | - |
+| **Dimensions** | ![Shape component mode dimensions submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-dimensions.svg) | **1** | **Left-click** and drag the black handles on the sides of the Axis Aligned Box Shape to resize the box in its local X, Y, and Z dimensions. By default, each face of the box can be separately edited. Hold **Shift** to edit opposite pairs of faces symmetrically. |
+| **Translation Offset** | ![Shape component mode translation offset submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-translation-offset.svg) | **2** | **Left-click** and drag the linear or planar manipulators to edit the **Translation Offset**. |
+| **Reset Current Mode** | | **R** | Resets the properties manipulated by the current sub-mode to their default values. | 
 
 ## BoxShapeComponentRequestsBus
 

content/docs/user-guide/components/reference/shape/box-shape.md

@@ -29,11 +29,13 @@ The **Box Shape** component creates transparent box. The dimensions of the box c
 
 ## Edit mode actions
 
-The edit mode provides two sub-modes.
-| Mode | Icon | Description
-| - | - | - |
-| **Dimensions** | ![Shape component mode dimensions submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-dimensions.svg) | **Left-click** and drag the black handles on the sides of the Box Shape to resize the box in its local X, Y, and Z dimensions. By default, each face of the box can be separately edited. Hold **Shift** to edit opposite pairs of faces symmetrically. |
-| **Translation Offset** | ![Shape component mode translation offset submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-translation-offset.svg) | **Left-click** and drag the linear or planar manipulators to edit the **Translation Offset**. |
+The edit mode provides two sub-modes. You can switch between sub-modes using the buttons in the **Viewport UI Cluster** in the top left of the **Editor**, by using the keyboard hotkeys listed below, or by using **Ctrl + Mousewheel Up/Down**.
+
+| Mode | Icon | Keyboard Hotkey | Description |
+| - | - | - | - |
+| **Dimensions** | ![Shape component mode dimensions submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-dimensions.svg) | **1** | **Left-click** and drag the black handles on the sides of the Box Shape to resize the box in its local X, Y, and Z dimensions. By default, each face of the box can be separately edited. Hold **Shift** to edit opposite pairs of faces symmetrically. |
+| **Translation Offset** | ![Shape component mode translation offset submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-translation-offset.svg) | **2** |**Left-click** and drag the linear or planar manipulators to edit the **Translation Offset**. |
+| **Reset Current Mode** | | **R** | Resets the properties manipulated by the current sub-mode to their default values. | 
 
 ## BoxShapeComponentRequestsBus
 

content/docs/user-guide/components/reference/shape/capsule-shape.md

@@ -30,11 +30,13 @@ The **Capsule Shape** component creates a transparent capsule that's oriented on
 
 ## Edit mode actions
 
-The edit mode provides two sub-modes.
-| Mode | Icon | Description
-| - | - | - |
-| **Dimensions** | ![Shape component mode dimensions submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-dimensions.svg) | **Left-click** and drag the black handles on the ends of the Capsule Shape to edit the **Height**. By default, each end of the capsule can be separately edited. Hold **Shift** to edit both ends symmetrically. **Left-click** and drag the black handle situated halfway along the Capsule Shape to edit the **Radius**. |
-| **Translation Offset** | ![Shape component mode translation offset submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-translation-offset.svg) | **Left-click** and drag the linear or planar manipulators to edit the **Translation Offset**. |
+The edit mode provides two sub-modes. You can switch between sub-modes using the buttons in the **Viewport UI Cluster** in the top left of the **Editor**, by using the keyboard hotkeys listed below, or by using **Ctrl + Mousewheel Up/Down**.
+
+| Mode | Icon | Keyboard Hotkey | Description |
+| - | - | - | - |
+| **Dimensions** | ![Shape component mode dimensions submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-dimensions.svg) | **1** | **Left-click** and drag the black handles on the ends of the Capsule Shape to edit the **Height**. By default, each end of the capsule can be separately edited. Hold **Shift** to edit both ends symmetrically. **Left-click** and drag the black handle situated halfway along the Capsule Shape to edit the **Radius**. |
+| **Translation Offset** | ![Shape component mode translation offset submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-translation-offset.svg) | **2** | **Left-click** and drag the linear or planar manipulators to edit the **Translation Offset**. |
+| **Reset Current Mode** | | **R** | Resets the properties manipulated by the current sub-mode to their default values. | 
 
 ## CapsuleShapeComponentRequestsBus
 

content/docs/user-guide/components/reference/shape/sphere-shape.md

@@ -29,11 +29,13 @@ The **Sphere Shape** component creates a transparent sphere. The dimensions of t
 
 ## Edit mode actions
 
-The edit mode provides two sub-modes.
-| Mode | Icon | Description
-| - | - | - |
-| **Dimensions** | ![Shape component mode dimensions submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-dimensions.svg) | **Left-click** and drag the black handle on the surface of the Sphere Shape to edit the **Radius**. |
-| **Translation Offset** | ![Shape component mode translation offset submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-translation-offset.svg) | **Left-click** and drag the linear or planar manipulators to edit the **Translation Offset**. |
+The edit mode provides two sub-modes. You can switch between sub-modes using the buttons in the **Viewport UI Cluster** in the top left of the **Editor**, by using the keyboard hotkeys listed below, or by using **Ctrl + Mousewheel Up/Down**.
+
+| Mode | Icon | Keyboard Hotkey | Description |
+| - | - | - | - |
+| **Dimensions** | ![Shape component mode dimensions submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-dimensions.svg) | **1** | **Left-click** and drag the black handle on the surface of the Sphere Shape to edit the **Radius**. |
+| **Translation Offset** | ![Shape component mode translation offset submode icon](/images/user-guide/components/reference/shape/shape-component-mode-submode-translation-offset.svg) | **2** | **Left-click** and drag the linear or planar manipulators to edit the **Translation Offset**. |
+| **Reset Current Mode** | | **R** | Resets the properties manipulated by the current sub-mode to their default values. | 
 
 ## SphereShapeComponentRequestsBus