Adding disabled color to paragraph

src/components/layout/Paragraph/index.js

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

src/components/layout/Paragraph/index.scss

@@ -31,6 +31,10 @@
   color: $secondary;
 }
 
+.disabled {
+  color: $disabled;
+}
+
 .white {
   color: white;
 }