chore: edit texts

Author: LidiyaGeorgieva

packages/fiori/src/NavigationLayout.ts

@@ -26,10 +26,10 @@ import NavigationLayoutCss from "./generated/themes/NavigationLayout.css.js";
  *
  * ### Responsive Behavior
  *
- * On a breakpoint over Size S (over 600px width of the display), the side navigation is visible
+ * On larger screens (over 600px width), the side navigation is visible
  * by default and can be expanded or collapsed using the `mode` property.
- * On a breakpoint of Size S (under 600px width of the display), the side navigation is hidden by default and can
- * be displayed using the `mode` property.
+ * On small screens(under 600px width), the side navigation is hidden by
+ * default and can be displayed using the `mode` property.
  *
  * ### ES6 Module Import
  *

packages/fiori/src/SideNavigation.ts

@@ -123,7 +123,8 @@ class SideNavigation extends UI5Element {
 	/**
 	 * Defines whether the `ui5-side-navigation` is expanded or collapsed.
 	 *
-	 * **Note:** The collapsed mode is not supported on screens under 600 px wide.
+	 * **Note:** The collapsed mode is not supported on small screens (under 600 px wide) and in
+	 * expanded mode the Side Navigation will take the whole width of the screen.
 	 * The `ui5-side-navigation` component is intended to be used within a `ui5-navigation-layout`
 	 * component to ensure proper responsive behavior. If you choose not to use the
 	 * `ui5-navigation-layout`, you will need to implement the appropriate responsive patterns yourself,

packages/fiori/src/types/NavigationLayoutMode.ts

@@ -5,7 +5,7 @@
 enum NavigationLayoutMode {
 	/**
 	 * Automatically calculates the navigation layout mode based on the screen device type.
-	 * `Expanded` on size M, L, XL and `Collapsed` on size S screens.
+	 * `Collapsed` on small screens (under 600 px wide) and `Expanded` on larger screens.
 	 * @public
 	 */
 	Auto = "Auto",