Fix some typos (#555)

* transtion ==> transition

* Synchonously ==> Synchronously

* Overrideable ==> Overridable

* addtional ==> additional

* Boostrap ==> Bootstrap

* conatinerWidth ==> containerWidth

apps/website/docs/changelog.md

@@ -41,7 +41,7 @@ For a more detailed changelog, visit [the latest releases](https://github.com/Ve
 - 2013-10-04 - Moved some Shuffle instance properties to constants. Converted from 4 to 2 space indentation. Added events enum and pulled out some strings to constants.
 - 2013-08-30 - Added animate-in demo.
 - `v2.0.0` 2013-07-05 - Shuffle 2.0 with masonry, adding and removing, and more.
-- 2012-11-03 - Replaced layout system with [masonry](http://masonry.desandro.com/). Items can now be different sizes! Added addtional examples.
+- 2012-11-03 - Replaced layout system with [masonry](http://masonry.desandro.com/). Items can now be different sizes! Added additional examples.
 - 2012-10-24 - Better handling of grid item dimensions. Added a minimal markup page.
 - 2012-09-20 - Added `destroy` method
 - 2012-09-18 - Added sorting ability and made plugin responsive. Updated to Modernizr 2.6.2

apps/website/docs/configuration.md

@@ -22,7 +22,7 @@ Default: `0.01`
 
 Reading the width of elements isn't precise enough and can cause columns to jump between values.
 
-### `columnWidth` [number | (conatinerWidth: number) => number]
+### `columnWidth` [number | (containerWidth: number) => number]
 
 Default: `0`
 
@@ -52,7 +52,7 @@ Default: `Shuffle.ALL_ITEMS` (`"all"`)
 
 Initial filter group.
 
-### `gutterWidth` [number | (conatinerWidth: number) => number]
+### `gutterWidth` [number | (containerWidth: number) => number]
 
 Default: `0`
 

apps/website/docs/faqs.md

@@ -38,7 +38,7 @@ The padding is ignored by Shuffle because it creates complexities with absolute
 
 Yes. Use the `isCentered` option.
 
-## It’s not working with Boostrap 4
+## It’s not working with Bootstrap 4
 
 Bootstrap 4 uses flexbox for grids, so your main shuffle container element must be a `.row` and the items inside the row (shuffle items) should all be columns. See the [Bootstrap 4 grid demo](https://codepen.io/Vestride/details/weWbJQ).
 

packages/shuffle/index.d.ts

@@ -25,7 +25,7 @@ export interface ShuffleOptions {
    * A static number or function that returns a number which determines
    * how wide the columns are (in pixels).
    */
-  columnWidth?: number | ((conatinerWidth: number) => number);
+  columnWidth?: number | ((containerWidth: number) => number);
 
   /**
    * If your group is not json, and is comma delimited, you could set delimiter to ','.
@@ -53,7 +53,7 @@ export interface ShuffleOptions {
    * A static number or function that determines how wide the gutters
    * between columns are (in pixels).
    */
-  gutterWidth?: number | ((conatinerWidth: number) => number);
+  gutterWidth?: number | ((containerWidth: number) => number);
 
   /**
    * Shuffle can be initialized with a sort object. It is the same object

packages/shuffle/src/layout.js

@@ -30,7 +30,7 @@ export function getColumnSpan(itemWidth, columnWidth, columns, threshold) {
  * Retrieves the column set to use for placement.
  * @param {number} columnSpan The number of columns this current item spans.
  * @param {number} columns The total columns in the grid.
- * @return {Array.<number>} An array of numbers represeting the column set.
+ * @return {Array.<number>} An array of numbers representing the column set.
  */
 export function getAvailablePositions(positions, columnSpan, columns) {
   // The item spans only one column.

packages/shuffle/src/shuffle.js

@@ -300,7 +300,7 @@ class Shuffle extends TinyEmitter {
     const { speed, easing } = this.options;
     const positionProps = this.options.useTransforms ? ['transform'] : ['top', 'left'];
 
-    // Allow users to transtion other properties if they exist in the `before`
+    // Allow users to transition other properties if they exist in the `before`
     // css mapping of the shuffle item.
     const cssProps = Object.keys(ShuffleItem.Css.HIDDEN.before).map((k) => hyphenate(k));
     const properties = positionProps.concat(cssProps).join();
@@ -876,7 +876,7 @@ class Shuffle extends TinyEmitter {
     };
 
     // Layout all items again so that new items get positions.
-    // Synchonously apply positions.
+    // Synchronously apply positions.
     const itemPositions = this._getNextPositions(allSortedItemsSet.visible);
     allSortedItemsSet.visible.forEach((item, i) => {
       if (isNewItem(item)) {
@@ -1134,7 +1134,7 @@ Shuffle.FilterMode = {
   ALL: 'all',
 };
 
-// Overrideable options
+// Overridable options
 Shuffle.options = {
   // Initial filter group.
   group: Shuffle.ALL_ITEMS,