Merge pull request #717 from hshoff/chris--docgen-text-tooltip

docs(vx-text, vx-tooltip) convert to docgen

packages/vx-demo/src/components/PackageList.tsx

@@ -59,7 +59,7 @@ export default function PackageList({
               {!compact && <p>Fundamental visualization shape primatives</p>}
             </li>
             <li className={cx(emphasizePackage === 'tooltip' && 'emphasize')}>
-              <a href="/static/docs/vx-tooltip.html">@vx/tooltip</a>
+              <a href="/docs/tooltip">@vx/tooltip</a>
               {!compact && <p>Show details on demand</p>}
             </li>
           </ul>
@@ -140,8 +140,8 @@ export default function PackageList({
               {!compact && <p>Utilities for creating pattern definitions</p>}
             </li>
             <li className={cx(emphasizePackage === 'text' && 'emphasize')}>
-              <a href="/static/docs/vx-text.html">@vx/text</a>
-              {!compact && <p>Utilities for styling & wrapping svg text</p>}
+              <a href="/docs/text">@vx/text</a>
+              {!compact && <p>An improved SVG Text component</p>}
             </li>
           </ul>
         </div>

packages/vx-demo/src/pages/docs/Text.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import TextReadme from '!!raw-loader!../../../../vx-text/Readme.md';
+import Text from '../../../../vx-text/src/Text';
+import DocPage from '../../components/DocPage';
+import { DocGenInfo } from '../../types';
+
+const components = [
+  // @ts-ignore
+  Text.__docgenInfo,
+] as DocGenInfo[];
+
+export default () => <DocPage components={components} readme={TextReadme} vxPackage="text" />;

packages/vx-demo/src/pages/docs/Tooltip.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+import TooltipReadme from '!!raw-loader!../../../../vx-tooltip/Readme.md';
+import DocPage from '../../components/DocPage';
+
+export default () => <DocPage readme={TooltipReadme} vxPackage="tooltip" />;