added hypertext references in react-msft and styles-msft

packages/fast-components-react-base/app/examples.ts

@@ -21,4 +21,8 @@ export {ButtonExamples};
 
 import HypertextExamples from "../src/hypertext/examples.data";
 export {HypertextExamples};
+<<<<<<< HEAD
 >>>>>>> renamed all to hypertext from hyperlink
+=======
+
+>>>>>>> added hypertext references in react-msft and styles-msft

packages/fast-components-react-msft/app/examples.ts

@@ -12,3 +12,6 @@ export { ToggleExamples };
 
 import TypographyExamples from "../src/typography/examples.data";
 export { TypographyExamples };
+
+import HypertextExamples from "../src/hypertext/examples.data";
+export {HypertextExamples};

packages/fast-components-react-msft/app/index.tsx

@@ -12,6 +12,20 @@ import Site, {
 } from "@microsoft/fast-development-site-react";
 import * as examples from "./examples";
 
+<<<<<<< HEAD
+=======
+const items: ICategoryProps[] = [
+    {
+        name: "Fast Components",
+        items: [
+            examples.ButtonExamples,
+            examples.DividerExamples
+            examples.HypertextExamples
+        ]
+    }
+];
+
+>>>>>>> added hypertext references in react-msft and styles-msft
 /**
  * Create the root node
  */

packages/fast-components-react-msft/src/hypertext/examples.data.ts

@@ -0,0 +1,16 @@
+import {ICategoryItemProps} from "@microsoft/fast-development-site-react";
+import {IGenericExample} from "../examples";
+import {IManagedClasses} from "@microsoft/fast-jss-manager-react";
+import Hypertext from "./index";
+import {IHypertextProps} from "@microsoft/fast-components-react-base";
+
+export default {
+    name: "hypertext",
+    component: Hypertext,
+    data: [
+        {
+            href: "https://msdn.microsoft.com",
+            children: "Hyper text"
+        }
+    ]
+} as IGenericExample<IHypertextProps>;

packages/fast-components-react-msft/src/hypertext/index.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { Hypertext, IFoundationProps, IHypertextClassNameContract, IHypertextProps } from "@microsoft/fast-components-react-base";
+import manageJss from "@microsoft/fast-jss-manager-react";
+import {HypertextStyles} from "@microsoft/fast-components-styles-msft";
+
+export default manageJss(HypertextStyles)(Hypertext);

packages/fast-components-react-msft/src/index.ts

@@ -9,3 +9,6 @@ export {Image};
 
 import Toggle from "./toggle";
 export { Toggle };
+
+import Hypertext from "./hypertext";
+export { Hypertext };

packages/fast-components-styles-msft/src/hypertext/index.ts

@@ -0,0 +1,16 @@
+import {IDesignSystem} from "../design-system";
+import {ComponentStyles} from "@microsoft/fast-jss-manager";
+import {IHypertextClassNameContract} from "@microsoft/fast-components-class-name-contracts";
+
+const styles: ComponentStyles<IHypertextClassNameContract, IDesignSystem> = {
+    hypertext: {
+        color: (config: IDesignSystem): string => {
+            return config.foregroundColor;
+        },
+        backgroundColor: (config: IDesignSystem): string => {
+            return config.brandColor;
+        }
+    },
+};
+
+export default styles;

packages/fast-components-styles-msft/src/index.ts

@@ -4,6 +4,9 @@
 import ButtonStyles from "./button";
 export { ButtonStyles };
 
+import HypertextStyles from "./hypertext";
+export {HypertextStyles};
+
 /**
  * Export design system defaults and typings
  */