[Tile] Interactive tile visual updates

[thyhmdo]

Original issues

Accessibility

• Current interactive cards are not meeting 3:1 contrast ratio https://github.com/carbon-design-system/carbon/issues/11351

IBM.com card audit

• Audit of the Card components across IBM.com in order to identify inconsistencies, and synthesize findings into initial recommendations https://github.com/carbon-design-system/carbon-for-ibm-dotcom/issues/9061#issuecomment-1183314343

Product card examples on Cloud

• Audit of the Card components on PAL team products and apply new recommendations to their current design https://www.figma.com/file/OBynI5wxjmuurgZlhX695e/07.2022_Card-Audit-and-Synthesis?node-id=110%3A1636

---

Next steps

• [x] Apply new interactive tile visual on product cards and align with the design team

Questions to consider: — Do draggable cards get strokes, how do the strokes animate? — Can you put information on a tile/card if it has only one interactive element (like a button) or does it need more than one interative element to be on a tile/card? — How do we address situations where both clickable (stroked) cards and non-clickable cards are used in the same user interface? Or do we prohibit mixing them in guidance?

• [ ] Issue refinement with Carbon development team (Either update our current border-subtle or create V2 of tiles with new updates)
• [ ] Create the playback to tell a story and propose new changes. See it here (Playback) https://www.figma.com/file/OBynI5wxjmuurgZlhX695e/07.2022_Card-Audit-and-Synthesis?node-id=222%3A3024