[docs][appbar] Document correct default values for elevation and square props (#47261)

Co-authored-by: ZeeshanTamboli <zeeshan.tamboli@gmail.com>

Author: Ad1tya-007

docs/pages/material-ui/api/app-bar.json

@@ -9,6 +9,7 @@
       },
       "default": "'primary'"
     },
+    "elevation": { "type": { "name": "number" }, "default": "4" },
     "enableColorOnDark": { "type": { "name": "bool" }, "default": "false" },
     "position": {
       "type": {
@@ -17,6 +18,7 @@
       },
       "default": "'fixed'"
     },
+    "square": { "type": { "name": "bool" }, "default": "true" },
     "sx": {
       "type": {
         "name": "union",

docs/translations/api-docs/app-bar/app-bar.json

@@ -6,12 +6,16 @@
     "color": {
       "description": "The color of the component. It supports both default and custom theme colors, which can be added as shown in the <a href=\"https://mui.com/material-ui/customization/palette/#custom-colors\">palette customization guide</a>."
     },
+    "elevation": {
+      "description": "Shadow depth, corresponds to <code>dp</code> in the spec. It accepts values between 0 and 24 inclusive."
+    },
     "enableColorOnDark": {
       "description": "If true, the <code>color</code> prop is applied in dark mode."
     },
     "position": {
       "description": "The positioning type. The behavior of the different options is described <a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position\">in the MDN web docs</a>. Note: <code>sticky</code> is not universally supported and will fall back to <code>static</code> when unavailable."
     },
+    "square": { "description": "If <code>false</code>, rounded corners are enabled." },
     "sx": {
       "description": "The system prop that allows defining system overrides as well as additional CSS styles."
     }

packages/mui-material/src/AppBar/AppBar.d.ts

@@ -23,6 +23,12 @@ export interface AppBarOwnProps {
     PropTypes.Color | 'transparent' | 'error' | 'info' | 'success' | 'warning',
     AppBarPropsColorOverrides
   >;
+  /**
+   * Shadow depth, corresponds to `dp` in the spec.
+   * It accepts values between 0 and 24 inclusive.
+   * @default 4
+   */
+  elevation?: number;
   /**
    * If true, the `color` prop is applied in dark mode.
    * @default false
@@ -35,6 +41,11 @@ export interface AppBarOwnProps {
    * @default 'fixed'
    */
   position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
+  /**
+   * If `false`, rounded corners are enabled.
+   * @default true
+   */
+  square?: boolean;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -49,7 +60,7 @@ export type AppBarTypeMap<
     props: AdditionalProps & AppBarOwnProps;
     defaultComponent: RootComponent;
   },
-  'position' | 'color' | 'classes'
+  'position' | 'color' | 'classes' | 'elevation' | 'square'
 >;
 
 /**

packages/mui-material/src/AppBar/AppBar.js

@@ -240,6 +240,12 @@ AppBar.propTypes /* remove-proptypes */ = {
     ]),
     PropTypes.string,
   ]),
+  /**
+   * Shadow depth, corresponds to `dp` in the spec.
+   * It accepts values between 0 and 24 inclusive.
+   * @default 4
+   */
+  elevation: PropTypes.number,
   /**
    * If true, the `color` prop is applied in dark mode.
    * @default false
@@ -252,6 +258,11 @@ AppBar.propTypes /* remove-proptypes */ = {
    * @default 'fixed'
    */
   position: PropTypes.oneOf(['absolute', 'fixed', 'relative', 'static', 'sticky']),
+  /**
+   * If `false`, rounded corners are enabled.
+   * @default true
+   */
+  square: PropTypes.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */