fix: rename bertical to vertical

layout/FullHeightContent/FullHeightContent.js

@@ -19,7 +19,7 @@ export const FullHeightContent = ({
       })}
     >
       <div className={styles.content}>{content}</div>
-      <Spacer.Bertical size="sm" />
+      <Spacer.Vertical size="sm" />
       <div className={styles.footer}>{footer}</div>
     </div>
   )

layout/FullHeightContent/__snapshots__/FullHeightContent.stories.js.snap

@@ -24,7 +24,7 @@ exports[`Storyshots Layout/FullHeightContent Default 1`] = `
       Mice defiling required Bilbo sailing unspoiled this hunting. 14th refuge knowing breath Middle-earth sack demon children?
     </div>
     <div
-      className="spacer bertical"
+      className="spacer vertical"
       style={
         Object {
           "height": 15,

layout/Spacer/Spacer.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import { Bertical, Horizontal } from './components'
+import { Vertical, Horizontal } from './components'
 
 import styles from './Spacer.module.css'
 import { mapSize } from './helpers'
@@ -34,7 +34,7 @@ Spacer.defaultProps = {
 
 const SpacerWithStyles = withStyles(styles)(Spacer)
 
-SpacerWithStyles.Bertical = Bertical
+SpacerWithStyles.Vertical = Vertical
 SpacerWithStyles.Horizontal = Horizontal
 
 export default SpacerWithStyles

layout/Spacer/Spacer.module.css

@@ -6,7 +6,7 @@
   display: inline-block;
 }
 
-.bertical {
+.vertical {
   display: block;
   width: 100%;
 }

layout/Spacer/components/Bertical/Bertical.js → layout/Spacer/components/Vertical/Vertical.js

@@ -5,9 +5,9 @@ import { mapSize } from '../../helpers'
 import styles from '../../Spacer.module.css'
 import withStyles from '../../../../hocs/withStyles'
 
-export const Bertical = ({ getStyles, size, isPlayground }) => (
+export const Vertical = ({ getStyles, size, isPlayground }) => (
   <div
-    className={getStyles('spacer', 'bertical', {
+    className={getStyles('spacer', 'vertical', {
       'is-playground': isPlayground,
     })}
     style={{
@@ -16,16 +16,16 @@ export const Bertical = ({ getStyles, size, isPlayground }) => (
   />
 )
 
-Bertical.propTypes = {
+Vertical.propTypes = {
   getStyles: PropTypes.func.isRequired,
   size: PropTypes.string.isRequired,
   isPlayground: PropTypes.bool,
 }
 
-Bertical.defaultProps = {
+Vertical.defaultProps = {
   size: 'none',
   isPlayground: false,
   getStyles: () => {},
 }
 
-export default withStyles(styles)(Bertical)
+export default withStyles(styles)(Vertical)

layout/Spacer/components/Bertical/Bertical.stories.js → layout/Spacer/components/Vertical/Vertical.stories.js

@@ -1,4 +1,4 @@
-import { Bertical } from '.'
+import { Vertical } from '.'
 import { options, styles } from '../..'
 
 import {
@@ -7,12 +7,12 @@ import {
   getOptionsArgTypes,
 } from '../../../../helpers/storybook'
 
-const Template = getTemplate(Bertical, styles)
-const ListTemplate = getListTemplate(Bertical, styles)
+const Template = getTemplate(Vertical, styles)
+const ListTemplate = getListTemplate(Vertical, styles)
 
 export default {
-  title: 'Layout/Spacer/Bertical',
-  component: Bertical,
+  title: 'Layout/Spacer/Vertical',
+  component: Vertical,
   args: { isPlayground: true },
   argTypes: {
     size: getOptionsArgTypes(options.sizes),

layout/Spacer/components/Bertical/__snapshots__/Bertical.stories.js.snap → layout/Spacer/components/Vertical/__snapshots__/Vertical.stories.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Layout/Spacer/Bertical Default 1`] = `
+exports[`Storyshots Layout/Spacer/Vertical Default 1`] = `
 <div
   style={
     Object {
@@ -16,7 +16,7 @@ exports[`Storyshots Layout/Spacer/Bertical Default 1`] = `
   }
 >
   <div
-    className="spacer bertical is-playground"
+    className="spacer vertical is-playground"
     style={
       Object {
         "height": 0,
@@ -26,7 +26,7 @@ exports[`Storyshots Layout/Spacer/Bertical Default 1`] = `
 </div>
 `;
 
-exports[`Storyshots Layout/Spacer/Bertical Sizes 1`] = `
+exports[`Storyshots Layout/Spacer/Vertical Sizes 1`] = `
 <div
   style={
     Object {
@@ -42,39 +42,39 @@ exports[`Storyshots Layout/Spacer/Bertical Sizes 1`] = `
   }
 >
   <div
-    className="spacer bertical is-playground"
+    className="spacer vertical is-playground"
     style={
       Object {
         "height": 0,
       }
     }
   />
   <div
-    className="spacer bertical is-playground"
+    className="spacer vertical is-playground"
     style={
       Object {
         "height": 5,
       }
     }
   />
   <div
-    className="spacer bertical is-playground"
+    className="spacer vertical is-playground"
     style={
       Object {
         "height": 15,
       }
     }
   />
   <div
-    className="spacer bertical is-playground"
+    className="spacer vertical is-playground"
     style={
       Object {
         "height": 20,
       }
     }
   />
   <div
-    className="spacer bertical is-playground"
+    className="spacer vertical is-playground"
     style={
       Object {
         "height": 40,

layout/Spacer/components/Vertical/index.js

@@ -0,0 +1 @@
+export { default, Vertical } from './Vertical'

layout/Spacer/components/index.js

@@ -1,2 +1,2 @@
 export { default as Horizontal } from './Horizontal'
-export { default as Bertical } from './Bertical'
+export { default as Vertical } from './Vertical'

molecules/LoadingError/LoadingError.stories.js

@@ -9,7 +9,7 @@ export default {
   component: LoadingError,
   args: {
     children:
-      "Exile ruins brook Angmar inn wars retaken. Swiftly attacks Grma merely! Opinion Eorlingas inquisitive windlance? You are full of surprises, Master Baggins. Houses warning garden noble innocent silver charm numerous thirsty came Treebeard's warm. ",
+      "Exile ruins brook Angmar inn wars retaken. Swiftly attacks Grma merely! Opinion Eorlingas inquisitive windlance? You are full of surprises, Master Baggins. Houses warning garden noble innocent silver charm numerous thirsty came Treebeard's warm.",
   },
 }
 

molecules/TaskCounter/TaskCounter.js

@@ -52,7 +52,7 @@ export const TaskCounter = ({
           {total ? `${current}/${total}` : current}
         </Paragraph>
       </div>
-      <Spacer.Bertical size="xs" />
+      <Spacer.Vertical size="xs" />
       <Divider />
       {!isCollapsed && children}
     </div>

molecules/TaskCounter/__snapshots__/TaskCounter.stories.js.snap

@@ -33,7 +33,7 @@ exports[`Storyshots Molecules/TaskCounter Default 1`] = `
       </div>
     </div>
     <div
-      className="spacer bertical"
+      className="spacer vertical"
       style={
         Object {
           "height": 5,
@@ -113,7 +113,7 @@ exports[`Storyshots Molecules/TaskCounter Toggleable 1`] = `
       </div>
     </div>
     <div
-      className="spacer bertical"
+      className="spacer vertical"
       style={
         Object {
           "height": 5,
@@ -160,7 +160,7 @@ exports[`Storyshots Molecules/TaskCounter Total 1`] = `
       </div>
     </div>
     <div
-      className="spacer bertical"
+      className="spacer vertical"
       style={
         Object {
           "height": 5,

tokens/Token/components/FontWeight.js

@@ -17,7 +17,7 @@ const FontWeight = ({ label, value, children }) => {
 
 FontWeight.propTypes = {
   label: PropTypes.string.isRequired,
-  value: PropTypes.string.isRequired,
+  value: PropTypes.number.isRequired,
   children: PropTypes.string.isRequired,
 }