Fix Typos (#13251)

assets/stylesheets/_mixins.scss

@@ -252,7 +252,7 @@
 		}
 	}
 
-	.auto-fold #{$selector} { /* Auto fold is when on smaller breakpoints, nav menu auto colllapses. */
+	.auto-fold #{$selector} { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */
 		@include break-medium() {
 			left: $admin-sidebar-width-collapsed;
 		}

docs/designers-developers/designers/block-design.md

@@ -21,7 +21,7 @@ The sidebar is not visible by default on a small / mobile screen, and may also b
 
 ## Setup state vs. live preview state
 
-Setup states, sometimes referred to as "placeholders", can be used to walk users through an initial process before shoing the live preview state of the block. The setup process gathers information from the user that is needed to render the block. A block’s setup state is indicated with a grey background to provide clear differentiation for the user. Not all blocks have setup states — for example, the paragraph block.
+Setup states, sometimes referred to as "placeholders", can be used to walk users through an initial process before showing the live preview state of the block. The setup process gathers information from the user that is needed to render the block. A block’s setup state is indicated with a grey background to provide clear differentiation for the user. Not all blocks have setup states — for example, the paragraph block.
 
 ![An example of a gallery block’s setup state on a grey background](https://make.wordpress.org/design/files/2018/12/gallery-setup.png)
 
@@ -46,11 +46,11 @@ When the block is selected, additional controls may be revealed to customize the
 
 In most cases, a block’s setup state is only shown once and then further customization is done via the live preview state. However, in some cases it might be desirable to allow the user to return to the setup state — for example, if all the block content has been deleted or via a link from the block’s toolbar or sidebar.
 
-## Do's and Don'ts 
+## Do's and Don'ts
 
 ### Blocks
 
-A block should have a straightforward, short name so users can easily find it in the Block Library. A block named "YouTube" is easy to find and understand. The same block, named "Embedded Video (YouTube)", would be less clear and harder to find in the Block Library. 
+A block should have a straightforward, short name so users can easily find it in the Block Library. A block named "YouTube" is easy to find and understand. The same block, named "Embedded Video (YouTube)", would be less clear and harder to find in the Block Library.
 
 Blocks should have an identifying icon, ideally using a single color. Try to avoid using the same icon used by an existing block. The core block icons are based on [Material Design Icons](https://material.io/tools/icons/). Look to that icon set, or to [Dashicons](https://developer.wordpress.org/resource/dashicons/) for style inspiration.
 

docs/designers-developers/designers/menu-item.md

@@ -16,7 +16,7 @@
 
 ### Usage
 
-A `MenuGroup` contiaining `MenuItem`s can be used within a `Dropdown`. A `MenuGroup` can also have other `MenuGroup`s within it so menus can be nested.
+A `MenuGroup` containing `MenuItem`s can be used within a `Dropdown`. A `MenuGroup` can also have other `MenuGroup`s within it so menus can be nested.
 
 ## Development guidelines
 

packages/format-library/src/link/inline.js

@@ -223,7 +223,7 @@ class InlineLinkUI extends Component {
 
 	onClickOutside( event ) {
 		// The autocomplete suggestions list renders in a separate popover (in a portal),
-		// so onClickOutside fails to detect that a click on a suggestion occured in the
+		// so onClickOutside fails to detect that a click on a suggestion occurred in the
 		// LinkContainer. Detect clicks on autocomplete suggestions using a ref here, and
 		// return to avoid the popover being closed.
 		const autocompleteElement = this.autocompleteRef.current;

packages/rich-text/src/apply-format.js

@@ -30,7 +30,7 @@ export function applyFormat(
 ) {
 	const newFormats = formats.slice( 0 );
 
-	// The selection is collpased.
+	// The selection is collapsed.
 	if ( startIndex === endIndex ) {
 		const startFormat = find( newFormats[ startIndex ], { type: format.type } );
 

packages/shortcode/src/test/index.js

@@ -59,7 +59,7 @@ describe( 'shortcode', () => {
 			expect( result2.index ).toBe( 14 );
 		} );
 
-		it( 'should still work when there are not equal ammounts of square brackets', () => {
+		it( 'should still work when there are not equal amounts of square brackets', () => {
 			const result1 = next( 'foo', 'this has the [[foo] shortcode' );
 			expect( result1.index ).toBe( 14 );
 

packages/wordcount/README.md

@@ -12,7 +12,7 @@ npm install @wordpress/wordcount --save
 
 _This package assumes that your code will run in an **ES2015+** environment. If you're using an environment that has limited or no support for ES2015+ such as lower versions of IE then using [core-js](https://github.com/zloirock/core-js) or [@babel/polyfill](https://babeljs.io/docs/en/next/babel-polyfill) will add support for these methods. Learn more about it in [Babel docs](https://babeljs.io/docs/en/next/caveats)._
 
-## Accepted Paramaters
+## Accepted Parameters
 
 ```JS
 count( text, type, userSettings )