From 3b5656ee75678c42b2cb40e95846515f646db557 Mon Sep 17 00:00:00 2001
From: Guillermo Rodas <me@guillermorodas.com>
Date: Sat, 17 Jul 2021 13:24:32 +0200
Subject: [PATCH] fix: rename bertical to vertical

---
 layout/FullHeightContent/FullHeightContent.js    |  2 +-
 .../FullHeightContent.stories.js.snap            |  2 +-
 layout/Spacer/Spacer.js                          |  4 ++--
 layout/Spacer/Spacer.module.css                  |  2 +-
 layout/Spacer/components/Bertical/index.js       |  1 -
 .../Bertical.js => Vertical/Vertical.js}         | 10 +++++-----
 .../Vertical.stories.js}                         | 10 +++++-----
 .../__snapshots__/Vertical.stories.js.snap}      | 16 ++++++++--------
 layout/Spacer/components/Vertical/index.js       |  1 +
 layout/Spacer/components/index.js                |  2 +-
 molecules/LoadingError/LoadingError.stories.js   |  2 +-
 molecules/TaskCounter/TaskCounter.js             |  2 +-
 .../__snapshots__/TaskCounter.stories.js.snap    |  6 +++---
 tokens/Token/components/FontWeight.js            |  2 +-
 14 files changed, 31 insertions(+), 31 deletions(-)
 delete mode 100644 layout/Spacer/components/Bertical/index.js
 rename layout/Spacer/components/{Bertical/Bertical.js => Vertical/Vertical.js} (70%)
 rename layout/Spacer/components/{Bertical/Bertical.stories.js => Vertical/Vertical.stories.js} (68%)
 rename layout/Spacer/components/{Bertical/__snapshots__/Bertical.stories.js.snap => Vertical/__snapshots__/Vertical.stories.js.snap} (73%)
 create mode 100644 layout/Spacer/components/Vertical/index.js

diff --git a/layout/FullHeightContent/FullHeightContent.js b/layout/FullHeightContent/FullHeightContent.js
index b95bd11..6659bd7 100644
--- a/layout/FullHeightContent/FullHeightContent.js
+++ b/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>
   )
diff --git a/layout/FullHeightContent/__snapshots__/FullHeightContent.stories.js.snap b/layout/FullHeightContent/__snapshots__/FullHeightContent.stories.js.snap
index b03561e..1f90b87 100644
--- a/layout/FullHeightContent/__snapshots__/FullHeightContent.stories.js.snap
+++ b/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,
diff --git a/layout/Spacer/Spacer.js b/layout/Spacer/Spacer.js
index acb5e88..9bb89d3 100644
--- a/layout/Spacer/Spacer.js
+++ b/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
diff --git a/layout/Spacer/Spacer.module.css b/layout/Spacer/Spacer.module.css
index 3b8fe96..c4f5165 100644
--- a/layout/Spacer/Spacer.module.css
+++ b/layout/Spacer/Spacer.module.css
@@ -6,7 +6,7 @@
   display: inline-block;
 }
 
-.bertical {
+.vertical {
   display: block;
   width: 100%;
 }
diff --git a/layout/Spacer/components/Bertical/index.js b/layout/Spacer/components/Bertical/index.js
deleted file mode 100644
index 2247028..0000000
--- a/layout/Spacer/components/Bertical/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default, Bertical } from './Bertical'
diff --git a/layout/Spacer/components/Bertical/Bertical.js b/layout/Spacer/components/Vertical/Vertical.js
similarity index 70%
rename from layout/Spacer/components/Bertical/Bertical.js
rename to layout/Spacer/components/Vertical/Vertical.js
index 376e093..7b8e820 100644
--- a/layout/Spacer/components/Bertical/Bertical.js
+++ b/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)
diff --git a/layout/Spacer/components/Bertical/Bertical.stories.js b/layout/Spacer/components/Vertical/Vertical.stories.js
similarity index 68%
rename from layout/Spacer/components/Bertical/Bertical.stories.js
rename to layout/Spacer/components/Vertical/Vertical.stories.js
index 7f9fd01..f05c870 100644
--- a/layout/Spacer/components/Bertical/Bertical.stories.js
+++ b/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),
diff --git a/layout/Spacer/components/Bertical/__snapshots__/Bertical.stories.js.snap b/layout/Spacer/components/Vertical/__snapshots__/Vertical.stories.js.snap
similarity index 73%
rename from layout/Spacer/components/Bertical/__snapshots__/Bertical.stories.js.snap
rename to layout/Spacer/components/Vertical/__snapshots__/Vertical.stories.js.snap
index 8493119..61b0b20 100644
--- a/layout/Spacer/components/Bertical/__snapshots__/Bertical.stories.js.snap
+++ b/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,7 +42,7 @@ exports[`Storyshots Layout/Spacer/Bertical Sizes 1`] = `
   }
 >
   <div
-    className="spacer bertical is-playground"
+    className="spacer vertical is-playground"
     style={
       Object {
         "height": 0,
@@ -50,7 +50,7 @@ exports[`Storyshots Layout/Spacer/Bertical Sizes 1`] = `
     }
   />
   <div
-    className="spacer bertical is-playground"
+    className="spacer vertical is-playground"
     style={
       Object {
         "height": 5,
@@ -58,7 +58,7 @@ exports[`Storyshots Layout/Spacer/Bertical Sizes 1`] = `
     }
   />
   <div
-    className="spacer bertical is-playground"
+    className="spacer vertical is-playground"
     style={
       Object {
         "height": 15,
@@ -66,7 +66,7 @@ exports[`Storyshots Layout/Spacer/Bertical Sizes 1`] = `
     }
   />
   <div
-    className="spacer bertical is-playground"
+    className="spacer vertical is-playground"
     style={
       Object {
         "height": 20,
@@ -74,7 +74,7 @@ exports[`Storyshots Layout/Spacer/Bertical Sizes 1`] = `
     }
   />
   <div
-    className="spacer bertical is-playground"
+    className="spacer vertical is-playground"
     style={
       Object {
         "height": 40,
diff --git a/layout/Spacer/components/Vertical/index.js b/layout/Spacer/components/Vertical/index.js
new file mode 100644
index 0000000..03a3c39
--- /dev/null
+++ b/layout/Spacer/components/Vertical/index.js
@@ -0,0 +1 @@
+export { default, Vertical } from './Vertical'
diff --git a/layout/Spacer/components/index.js b/layout/Spacer/components/index.js
index bbfd124..1729b23 100644
--- a/layout/Spacer/components/index.js
+++ b/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'
diff --git a/molecules/LoadingError/LoadingError.stories.js b/molecules/LoadingError/LoadingError.stories.js
index fb702ad..8b6d41a 100644
--- a/molecules/LoadingError/LoadingError.stories.js
+++ b/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.",
   },
 }
 
diff --git a/molecules/TaskCounter/TaskCounter.js b/molecules/TaskCounter/TaskCounter.js
index 6c2a879..6da424a 100644
--- a/molecules/TaskCounter/TaskCounter.js
+++ b/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>
diff --git a/molecules/TaskCounter/__snapshots__/TaskCounter.stories.js.snap b/molecules/TaskCounter/__snapshots__/TaskCounter.stories.js.snap
index ca94a00..41835fd 100644
--- a/molecules/TaskCounter/__snapshots__/TaskCounter.stories.js.snap
+++ b/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,
diff --git a/tokens/Token/components/FontWeight.js b/tokens/Token/components/FontWeight.js
index f2bd6a4..53fb517 100644
--- a/tokens/Token/components/FontWeight.js
+++ b/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,
 }