docs: correct spelling issues throughout codebase (#18638)

* docs: correct spelling throughout codebase

* refactor: format markdown

Author: adamalston

docs/experimental-code.md

@@ -199,7 +199,7 @@ movement, it can be moved from "experimental" status to be "stable".
       - [ ] Snapshot every storybook story
       - [ ] Snapshot important discrete states (open, selected, enabled,
             autoAlign etc.) by setting controls/args on a story
-    - [ ] Accessibility Verifiction Tests (AVT) are present in
+    - [ ] Accessibility Verification Tests (AVT) are present in
           `e2e/components/ComponentName/ComponentName-test.avt.e2e.js` that:
       - [ ] Ensure every story `.toBeAccessible()`
       - [ ] Ensure important discrete states (open, selected, etc.) are covered

docs/release.md

@@ -267,8 +267,8 @@ categories:
 
 ### Manual Patch Release
 
-Occassionaly we need to do an off-cycle patch release to fix some broken
-functionality that was inadvertedly published in a previous release. In such
+Occasionally we need to do an off-cycle patch release to fix some broken
+functionality that was inadvertently published in a previous release. In such
 cases, follow these steps below to ensure a proper patch release:
 
 - [ ] Go to your local version of the monorepo
@@ -345,7 +345,7 @@ cases, follow these steps below to ensure a proper patch release:
   Note:
 
   - Do NOT do this for the <kbd>carbon-components</kbd> package.
-  - You need to use the individual generatied version number for the package
+  - You need to use the individual generated version number for the package
     here, not the released github tag version.
   - Ensure you log into the npm cli as `carbon-bot` to avoid auth issues
 
@@ -493,7 +493,7 @@ For instance:
 
 - `eslint-config-carbon` needs a new major
 - All other packages should only be bumped as a new patch
-- The tag for the release should remain at the curent major `v11.x`, and not be
+- The tag for the release should remain at the current major `v11.x`, and not be
   bumped to `v12.x`
 
 To do this, packages must be versioned manually.

docs/sprint-planning.md

@@ -4,7 +4,7 @@
 ## Table of Contents
 
 - [Overview](#overview)
-- [Dev Sprint Plannning](#dev-sprint-plannning)
+- [Dev Sprint Planning](#dev-sprint-planning)
   - [Process](#process)
     - [Dev Sprint Planning Meeting](#dev-sprint-planning-meeting)
       - [Previous to meeting](#previous-to-meeting)
@@ -22,7 +22,7 @@ the sprint in order to prepare for the next upcoming sprint. The purpose is to
 determine the work items that will be completed in the following sprint and who
 is responsible for each of these work items.
 
-## Dev Sprint Plannning
+## Dev Sprint Planning
 
 Participating developers in the Design System take turns leading the sprint
 planning sessions in a rotational matter per sprint as defined in the

docs/style.md

@@ -256,7 +256,7 @@ or animatable.
 Note that adding a forwarded ref to a component should be considered a breaking
 change. When creating a new component, even if you do not anticipate an explicit
 need to provide a forwarded ref, it's likely still worthwhile to include one to
-avoid unecessary breaking changes in the future.
+avoid unnecessary breaking changes in the future.
 
 #### `className`, `data-testid`, and `...rest`
 

packages/react/src/components/CheckboxGroup/CheckboxGroup-test.js

@@ -180,7 +180,7 @@ describe('CheckboxGroup', () => {
 
   it('should render checkboxes horizontally', () => {
     const { container } = render(
-      <CheckboxGroup orientation="horizontal" legendText="test-horizental-prop">
+      <CheckboxGroup orientation="horizontal" legendText="test-horizontal-prop">
         <Checkbox labelText="Checkbox label 1" id="checkbox-label-1" />
         <Checkbox labelText="Checkbox label 2" id="checkbox-label-2" />
         <Checkbox labelText="Checkbox label 3" id="checkbox-label-3" />

packages/react/src/components/CodeSnippet/CodeSnippet.tsx

@@ -41,7 +41,7 @@ export type DeprecatedCodeSnippetAlignment =
   | 'right-bottom'
   | 'right-top';
 
-export type NewCodeSnippetAlignmnet =
+export type NewCodeSnippetAlignment =
   | 'top'
   | 'bottom'
   | 'left'
@@ -57,7 +57,7 @@ export type NewCodeSnippetAlignmnet =
 
 export type CodeSnippetAlignment =
   | DeprecatedCodeSnippetAlignment
-  | NewCodeSnippetAlignmnet;
+  | NewCodeSnippetAlignment;
 const propMappingFunction = (deprecatedValue) => {
   const mapping = {
     'top-left': 'top-start',

packages/react/src/components/CodeSnippet/__tests__/CodeSnippet-test.js

@@ -115,7 +115,7 @@ describe('CodeSnippet', () => {
         {inline}
       </CodeSnippet>
     );
-    // note: outtermost component is a Tooltip
+    // note: outermost component is a Tooltip
     expect(screen.getByTestId('code-5')).toHaveClass('custom-class');
   });
 

packages/react/src/components/ComboBox/ComboBox-test.js

@@ -821,7 +821,7 @@ describe('ComboBox', () => {
 
       expect(document.activeElement).not.toBe(input);
     });
-    it('should suggest best matching typeahread suggestion and complete it in Tab key press', async () => {
+    it('should suggest best matching typeahead suggestion and complete it in Tab key press', async () => {
       const user = userEvent.setup();
       render(<ComboBox {...mockProps} typeahead />);
 

packages/react/src/components/ComboBox/ComboBox.tsx

@@ -366,7 +366,7 @@ export interface ComboBoxProps<ItemType>
   titleText?: ReactNode;
 
   /**
-   * **Experimental**: will enable autcomplete and typeahead for the input field
+   * **Experimental**: will enable autocomplete and typeahead for the input field
    */
   typeahead?: boolean;
 
@@ -1371,7 +1371,7 @@ ComboBox.propTypes = {
   translateWithId: PropTypes.func,
 
   /**
-   * **Experimental**: will enable autcomplete and typeahead for the input field
+   * **Experimental**: will enable autocomplete and typeahead for the input field
    */
   typeahead: PropTypes.bool,
 

packages/react/src/components/ComboButton/ComboButton-test.js

@@ -201,7 +201,7 @@ describe('ComboButton', () => {
       spy.mockRestore();
     });
 
-    it('warns when MenuItemRadioGoup is used in children', async () => {
+    it('warns when MenuItemRadioGroup is used in children', async () => {
       const spy = jest.spyOn(console, 'warn').mockImplementation(() => {});
 
       render(