From 22f32d77ccb3791ef6b9d438964e1f4679461f88 Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Wed, 5 Sep 2018 12:43:20 +0200
Subject: [PATCH] Added bolder weight semantic style in paragraph

---
 src/components/layout/Paragraph/index.js   | 2 +-
 src/components/layout/Paragraph/index.scss | 4 ++++
 src/theme/variables.js                     | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/Paragraph/index.js b/src/components/layout/Paragraph/index.js
index 1fef6fcf..6afd47e0 100644
--- a/src/components/layout/Paragraph/index.js
+++ b/src/components/layout/Paragraph/index.js
@@ -8,7 +8,7 @@ const cx = classNames.bind(styles)
 type Props = {
   align?: 'right' | 'center' | 'left',
   noMargin?: boolean,
-  weight?: 'light' | 'regular' | 'bold',
+  weight?: 'light' | 'regular' | 'bolder' | 'bold',
   size?: 'sm' | 'md' | 'lg' | 'xl',
   color?: 'soft' | 'medium' | 'dark' | 'primary' | 'fancy',
   transform?: 'capitalize' | 'lowercase' | 'uppercase',
diff --git a/src/components/layout/Paragraph/index.scss b/src/components/layout/Paragraph/index.scss
index db63986b..486ed979 100644
--- a/src/components/layout/Paragraph/index.scss
+++ b/src/components/layout/Paragraph/index.scss
@@ -75,6 +75,10 @@
   font-weight: $regularFont;
 }
 
+.bolder {
+  font-weight: $bolderFont;
+}
+
 .bold {
   font-weight: $boldFont;
 }
\ No newline at end of file
diff --git a/src/theme/variables.js b/src/theme/variables.js
index 965b0d7c..66be6df2 100644
--- a/src/theme/variables.js
+++ b/src/theme/variables.js
@@ -31,6 +31,7 @@ module.exports = Object.assign({}, {
   fontSizeHeadingLg: 32,
   lightFont: 300,
   regularFont: 400,
+  bolderFont: 500,
   boldFont: 700,
   smallFontSize: '11px',
   mediumFontSize: '13px',