Fix font PropTypes

lib/props.js

@@ -48,17 +48,83 @@ const strokeProps = {
     strokeMiterlimit: numberProp
 };
 
+// normal | italic | oblique | inherit
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-style
+const fontStyle = PropTypes.oneOf(['normal', 'italic', 'oblique']);
+
+// normal | small-caps | inherit
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-variant
+const fontVariant = PropTypes.oneOf(['normal', 'small-caps']);
+
+// normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-weight
+const fontWeight = PropTypes.oneOf(['normal', 'bold', 'bolder', 'lighter', '100', '200', '300', '400', '500', '600', '700', '800', '900']);
+
+// normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-stretch
+const fontStretch = PropTypes.oneOf(['normal', 'wider', 'narrower', 'ultra-condensed', 'extra-condensed', 'condensed', 'semi-condensed', 'semi-expanded', 'expanded', 'extra-expanded', 'ultra-expanded']);
+
+// <absolute-size> | <relative-size> | <length> | <percentage> | inherit
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-size
+const fontSize = PropTypes.string;
+
+// [[<family-name> | <generic-family>],]* [<family-name> | <generic-family>] | inherit
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-family
+const fontFamily = PropTypes.string;
+
+/*
+    font syntax [ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar
+    where <font-variant-css21> = [ normal | small-caps ]
+
+    Shorthand property for setting ‘font-style’, ‘font-variant’,
+    ‘font-weight’, ‘font-size’, ‘line-height’ and ‘font-family’.
+
+    The ‘line-height’ property has no effect on text layout in SVG.
+
+    Note: for the purposes of processing the ‘font’ property in SVG,
+    'line-height' is assumed to be equal the value for property ‘font-size’
+
+    https://www.w3.org/TR/SVG11/text.html#FontProperty
+    https://developer.mozilla.org/en-US/docs/Web/CSS/font
+    https://drafts.csswg.org/css-fonts-3/#font-prop
+    https://www.w3.org/TR/CSS2/fonts.html#font-shorthand
+    https://www.w3.org/TR/CSS1/#font
+*/
+const font = PropTypes.object;
+
+// start | middle | end | inherit
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/text-anchor
+const textAnchor = PropTypes.oneOf(['start', 'middle', 'end', 'inherit']);
+
+// none | underline | overline | line-through | blink | inherit
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/text-decoration
+const textDecoration = PropTypes.oneOf(['none', 'underline', 'overline', 'line-through', 'blink']);
+
+// normal | <length> | inherit
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/letter-spacing
+const letterSpacing = PropTypes.string;
+
+// normal | <length> | inherit
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/word-spacing
+const wordSpacing = PropTypes.string;
+
+// auto | <length> | inherit
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/kerning
+const kerning = PropTypes.string;
+
 const fontProps = {
-    fontFamily: PropTypes.string,
-    fontSize: numberProp,
-    fontWeight: numberProp,
-    fontStyle: PropTypes.string,
-    textAnchor: PropTypes.string,
-    textDecoration: PropTypes.string,
-    letterSpacing: PropTypes.string,
-    wordSpacing: PropTypes.string,
-    kerning: PropTypes.string,
-    font: PropTypes.object
+    fontStyle,
+    fontVariant,
+    fontWeight,
+    fontStretch,
+    fontSize,
+    fontFamily,
+    textAnchor,
+    textDecoration,
+    letterSpacing,
+    wordSpacing,
+    kerning,
+    font
 };
 
 const transformProps = {