Capitalizes Compass for consistency

Author: edonehoo

packages/react-core/src/components/Compass/Compass.tsx

@@ -6,7 +6,7 @@ import compassBackgroundImageLight from '@patternfly/react-tokens/dist/esm/c_com
 import compassBackgroundImageDark from '@patternfly/react-tokens/dist/esm/c_compass_BackgroundImage_dark';
 
 export interface CompassProps extends React.HTMLProps<HTMLDivElement> {
-  /** Additional classes added to the compass. */
+  /** Additional classes added to the Compass. */
   className?: string;
   /** Content placed at the top of the layout */
   header?: React.ReactNode;
@@ -30,9 +30,9 @@ export interface CompassProps extends React.HTMLProps<HTMLDivElement> {
   drawerContent?: React.ReactNode;
   /** Additional props passed to the drawer */
   drawerProps?: DrawerProps;
-  /** Light theme background image path of the compass */
+  /** Light theme background image path of the Compass  */
   backgroundSrcLight?: string;
-  /** Dark theme background image path of the compass */
+  /** Dark theme background image path of the Compass  */
   backgroundSrcDark?: string;
 }
 

packages/react-core/src/components/Compass/CompassContent.tsx

@@ -3,7 +3,7 @@ import styles from '@patternfly/react-styles/css/components/Compass/compass';
 import { css } from '@patternfly/react-styles';
 
 export interface CompassContentProps extends React.HTMLProps<HTMLDivElement> {
-  /** Content of the main compass area. Typically one or more CompassPanel components. */
+  /** Content of the main Compass area. Typically one or more CompassPanel components. */
   children: React.ReactNode;
   /** Additional classes added to the CompassContent */
   className?: string;

packages/react-core/src/components/Compass/CompassMainHeader.tsx

@@ -5,8 +5,8 @@ import { CompassMainHeaderToolbar } from './CompassMainHeaderToolbar';
 import styles from '@patternfly/react-styles/css/components/Compass/compass';
 import { css } from '@patternfly/react-styles';
 
-/** The wrapper component for header content in the main compass area. When building out a custom implementation,
- * you should ensure any content within the main header is rendered inside a compass panel and main header content wrappers.
+/** The wrapper component for header content in the main Compass area. When building out a custom implementation,
+ * you should ensure any content within the main header is rendered inside a Compass panel and main header content wrappers.
  */
 
 export interface CompassMainHeaderProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
@@ -18,8 +18,8 @@ export interface CompassMainHeaderProps extends Omit<React.HTMLProps<HTMLDivElem
   title?: React.ReactNode;
   /** Styled toolbar. If title or toolbar is provided, the children will be ignored. */
   toolbar?: React.ReactNode;
-  /** Additional props passed to the compass panel that wraps the main header content when using the title or toolbar props. When using the
-   * children prop, you should pass your own compass panel.
+  /** Additional props passed to the Compass panel that wraps the main header content when using the title or toolbar props. When using the
+   * children prop, you should pass your own Compass panel.
    */
   compassPanelProps?: Omit<CompassPanelProps, 'children'>;
 }

packages/react-core/src/components/Compass/CompassMainHeaderContent.tsx

@@ -1,8 +1,8 @@
 import styles from '@patternfly/react-styles/css/components/Compass/compass';
 import { css } from '@patternfly/react-styles';
 
-/** A wrapper component to be passed as custom content for the compass main header. This should also be wrapped
- * in a compass panel component.
+/** A wrapper component to be passed as custom content for the Compass main header. This should also be wrapped
+ * in a Compass panel component.
  */
 
 export interface CompassMainHeaderContentProps extends React.HTMLProps<HTMLDivElement> {

packages/react-core/src/components/Compass/CompassMainHeaderTitle.tsx

@@ -1,8 +1,8 @@
 import styles from '@patternfly/react-styles/css/components/Compass/compass';
 import { css } from '@patternfly/react-styles';
 
-/** A wrapper component for custom title content to be passed into a compass main header. This should also be wrapped
- * by a compass main header content component.
+/** A wrapper component for custom title content to be passed into a Compass main header. This should also be wrapped
+ * by a Compass main header content component.
  */
 
 export interface CompassMainHeaderTitleProps extends React.HTMLProps<HTMLDivElement> {

packages/react-core/src/components/Compass/CompassMainHeaderToolbar.tsx

@@ -1,8 +1,8 @@
 import styles from '@patternfly/react-styles/css/components/Compass/compass';
 import { css } from '@patternfly/react-styles';
 
-/** A wrapper component for custom toolbar content to be passed into a compass main header. This should also be wrapped
- * by a compass main header content component.
+/** A wrapper component for custom toolbar content to be passed into a Compass main header. This should also be wrapped
+ * by a Compass main header content component.
  */
 
 export interface CompassMainHeaderToolbarProps extends React.HTMLProps<HTMLDivElement> {

packages/react-core/src/components/Compass/examples/Compass.md

@@ -28,7 +28,7 @@ import './compass.css';
 
 ### Basic
 
-In a basic compass layout, content can be passed to the following props to populate different areas of the page:
+In a basic Compass layout, content can be passed to the following props to populate different areas of the page:
 
 - `header`: Content rendered at the top of the page, typically including a `<CompassHeader>` component that divides the header into 3 areas, with a logo or brand, middle navigation, and profile.
 - `sidebarStart`: Content rendered at the horizontal start of the page (by default, the left side).
@@ -52,7 +52,7 @@ When `footer` is used, its content will fill the width of the screen. By default
 
 ## Composable structure
 
-When building a more custom implementation with compass components, there are some intended or expected structures that must remain present.
+When building a more custom implementation with Compass components, there are some intended or expected structures that must remain present.
 
 ### CompassMainHeader structure