Adding warning color to Paragrpah layout component

src/components/layout/Paragraph/index.js

@@ -10,7 +10,7 @@ type Props = {
   noMargin?: boolean,
   weight?: 'light' | 'regular' | 'bolder' | 'bold',
   size?: 'sm' | 'md' | 'lg' | 'xl',
-  color?: 'soft' | 'medium' | 'dark' | 'white' | 'fancy' | 'primary',
+  color?: 'soft' | 'medium' | 'dark' | 'white' | 'fancy' | 'primary' | 'warning',
   transform?: 'capitalize' | 'lowercase' | 'uppercase',
   children: React$Node,
   className?: string,

src/components/layout/Paragraph/index.scss

@@ -19,6 +19,9 @@
   color: $fancy;
 }
 
+.warning {
+  color: $warning;
+}
 .primary {
   color: $fontColor,
 }