Added bolder weight semantic style in paragraph

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',

src/components/layout/Paragraph/index.scss

@@ -75,6 +75,10 @@
   font-weight: $regularFont;
 }
 
+.bolder {
+  font-weight: $bolderFont;
+}
+
 .bold {
   font-weight: $boldFont;
 }

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',