Adds text color to link and valid href value to the link (#113)

quintype · May 7, 2020 · 2cd2c23 · 2cd2c23
1 parent 10897ef
commit 2cd2c23
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/atoms/story-elements/text/__snapshots__/text.test.tsx.snap b/src/atoms/story-elements/text/__snapshots__/text.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Text should render summary element 1`] = `
 <styled.div
   dangerouslySetInnerHTML={
     Object {
-      "__html": "<p> It's a baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed. <a href='www.google.com'>Search online</a> </p><p>Tumeric jianbing godard shaman lomo blog blue bottle cloud bread vaporware whatever vape drinking vinegar austinhashtag adaptogen. Post-ironic offal irony leggings brunch. Flexitarian hexagon banh mi, yuccie unicorn offal smallbatch af vice poke gluten-free brooklyn.</p><h2>Un ordered list</h2><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ul><li>One</li><li>Two</li><li>Three</li></ul><h3>Ordered List</h3><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ol><li>One</li><li>Two</li><li>Three</li></ol>",
+      "__html": "<p> It's a baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed. <a href='https://www.google.com'>Search online</a> </p><p>Tumeric jianbing godard shaman lomo blog blue bottle cloud bread vaporware whatever vape drinking vinegar austinhashtag adaptogen. Post-ironic offal irony leggings brunch. Flexitarian hexagon banh mi, yuccie unicorn offal smallbatch af vice poke gluten-free brooklyn.</p><h2>Un ordered list</h2><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ul><li>One</li><li>Two</li><li>Three</li></ul><h3>Ordered List</h3><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ol><li>One</li><li>Two</li><li>Three</li></ol>",
     }
   }
 />
@@ -14,7 +14,7 @@ exports[`Text should render text 1`] = `
 <styled.div
   dangerouslySetInnerHTML={
     Object {
-      "__html": "<p> It's a baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed. <a href='www.google.com'>Search online</a> </p><p>Tumeric jianbing godard shaman lomo blog blue bottle cloud bread vaporware whatever vape drinking vinegar austinhashtag adaptogen. Post-ironic offal irony leggings brunch. Flexitarian hexagon banh mi, yuccie unicorn offal smallbatch af vice poke gluten-free brooklyn.</p><h2>Un ordered list</h2><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ul><li>One</li><li>Two</li><li>Three</li></ul><h3>Ordered List</h3><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ol><li>One</li><li>Two</li><li>Three</li></ol>",
+      "__html": "<p> It's a baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed. <a href='https://www.google.com'>Search online</a> </p><p>Tumeric jianbing godard shaman lomo blog blue bottle cloud bread vaporware whatever vape drinking vinegar austinhashtag adaptogen. Post-ironic offal irony leggings brunch. Flexitarian hexagon banh mi, yuccie unicorn offal smallbatch af vice poke gluten-free brooklyn.</p><h2>Un ordered list</h2><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ul><li>One</li><li>Two</li><li>Three</li></ul><h3>Ordered List</h3><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ol><li>One</li><li>Two</li><li>Three</li></ol>",
     }
   }
 />

diff --git a/src/atoms/story-elements/text/text.stories.tsx b/src/atoms/story-elements/text/text.stories.tsx
@@ -9,7 +9,7 @@ const sampleTextElement = {
   type: "text",
   subtype: null,
   text:
-    "<p> It's a baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed. <a href='www.google.com'>Search online</a> </p><p>Tumeric jianbing godard shaman lomo blog blue bottle cloud bread vaporware whatever vape drinking vinegar austinhashtag adaptogen. Post-ironic offal irony leggings brunch. Flexitarian hexagon banh mi, yuccie unicorn offal smallbatch af vice poke gluten-free brooklyn.</p><h2>Un ordered list</h2><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ul><li>One</li><li>Two</li><li>Three</li></ul><h3>Ordered List</h3><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ol><li>One</li><li>Two</li><li>Three</li></ol>"
+    "<p> It's a baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed. <a href='https://www.google.com'>Search online</a> </p><p>Tumeric jianbing godard shaman lomo blog blue bottle cloud bread vaporware whatever vape drinking vinegar austinhashtag adaptogen. Post-ironic offal irony leggings brunch. Flexitarian hexagon banh mi, yuccie unicorn offal smallbatch af vice poke gluten-free brooklyn.</p><h2>Un ordered list</h2><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ul><li>One</li><li>Two</li><li>Three</li></ul><h3>Ordered List</h3><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ol><li>One</li><li>Two</li><li>Three</li></ol>"
 };
 const sampleSummaryElement = {
   id: "2",

diff --git a/src/atoms/story-elements/text/text.test.tsx b/src/atoms/story-elements/text/text.test.tsx
@@ -7,15 +7,15 @@ const sampleTextElement = {
   type: "text",
   subtype: null,
   text:
-    "<p> It's a baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed. <a href='www.google.com'>Search online</a> </p><p>Tumeric jianbing godard shaman lomo blog blue bottle cloud bread vaporware whatever vape drinking vinegar austinhashtag adaptogen. Post-ironic offal irony leggings brunch. Flexitarian hexagon banh mi, yuccie unicorn offal smallbatch af vice poke gluten-free brooklyn.</p><h2>Un ordered list</h2><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ul><li>One</li><li>Two</li><li>Three</li></ul><h3>Ordered List</h3><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ol><li>One</li><li>Two</li><li>Three</li></ol>"
+    "<p> It's a baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed. <a href='https://www.google.com/'>Search online</a> </p><p>Tumeric jianbing godard shaman lomo blog blue bottle cloud bread vaporware whatever vape drinking vinegar austinhashtag adaptogen. Post-ironic offal irony leggings brunch. Flexitarian hexagon banh mi, yuccie unicorn offal smallbatch af vice poke gluten-free brooklyn.</p><h2>Un ordered list</h2><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ul><li>One</li><li>Two</li><li>Three</li></ul><h3>Ordered List</h3><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ol><li>One</li><li>Two</li><li>Three</li></ol>"
 };
 
 const sampleSummaryElement = {
   id: "1",
   type: "text",
   subtype: "summary",
   text:
-    "<p> It's a baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed. <a href='www.google.com'>Search online</a> </p><p>Tumeric jianbing godard shaman lomo blog blue bottle cloud bread vaporware whatever vape drinking vinegar austinhashtag adaptogen. Post-ironic offal irony leggings brunch. Flexitarian hexagon banh mi, yuccie unicorn offal smallbatch af vice poke gluten-free brooklyn.</p><h2>Un ordered list</h2><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ul><li>One</li><li>Two</li><li>Three</li></ul><h3>Ordered List</h3><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ol><li>One</li><li>Two</li><li>Three</li></ol>"
+    "<p> It's a baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed. <a href='https://www.google.com'>Search online</a> </p><p>Tumeric jianbing godard shaman lomo blog blue bottle cloud bread vaporware whatever vape drinking vinegar austinhashtag adaptogen. Post-ironic offal irony leggings brunch. Flexitarian hexagon banh mi, yuccie unicorn offal smallbatch af vice poke gluten-free brooklyn.</p><h2>Un ordered list</h2><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ul><li>One</li><li>Two</li><li>Three</li></ul><h3>Ordered List</h3><p> baby put a bird on it cliche DIY swag photo booth portland helvetica slow-carb sartorial affogato drinking vinegarwhatever. Microdosing dreamcatcher coloring book tousled tattooed.</p><ol><li>One</li><li>Two</li><li>Three</li></ol>"
 };
 
 describe("Text", () => {

diff --git a/src/atoms/story-elements/text/text.tsx b/src/atoms/story-elements/text/text.tsx
@@ -29,7 +29,7 @@ const baseStyles = css`
     margin: 0 0 ${(props) => props.theme.spacing.xs} 0;
   }
   a {
-    color: ${(props) => props.theme.color.primaryColor};
+    color: ${(props) => props.theme.color.mono6};
   }
   ul {
     list-style: disc;