fix(tile): add link color contrast (#9025)

andreancardona · tw15egan · jnm2377 · web-flow · commit db2adb813b69 · 2021-06-28T19:30:23.000Z
* fix(tile): add link color contrast

* Update packages/components/src/components/tile/_tile.scss

Co-authored-by: TJ Egan &lt;tw15egan@gmail.com&gt;

Co-authored-by: TJ Egan &lt;tw15egan@gmail.com&gt;
Co-authored-by: Josefina Mancilla &lt;32556167+jnm2377@users.noreply.github.com&gt;
diff --git a/packages/components/src/components/tile/_tile.scss b/packages/components/src/components/tile/_tile.scss
@@ -52,6 +52,9 @@
       background: $layer-hover;
     }
   }
+  .#{$prefix}--tile--expandable .#{$prefix}--link {
+    color: $link-secondary;
+  }
 
   .#{$prefix}--tile--clickable,
   .#{$prefix}--tile--expandable {
diff --git a/packages/react/src/components/Tile/Tile-story.js b/packages/react/src/components/Tile/Tile-story.js
@@ -174,6 +174,8 @@ export const Expandable = () => (
         Below the fold content here
         <TextInput id="test2" invalidText="A valid value is required" />
       </div>
+      {/* TODO: Remove before merge */}
+      <Link>hello</Link>
     </TileBelowTheFoldContent>
   </ExpandableTile>
 );

Original file line number	Diff line number	Diff line change
`@@ -52,6 +52,9 @@`
`52`	`52`	`background: $layer-hover;`
`53`	`53`	`}`
`54`	`54`	`}`
	`55`	`+ .#{$prefix}--tile--expandable .#{$prefix}--link {`
	`56`	`+ color: $link-secondary;`
	`57`	`+ }`
`55`	`58`
`56`	`59`	`.#{$prefix}--tile--clickable,`
`57`	`60`	`.#{$prefix}--tile--expandable {`