From 3ddee4103d55b8e63f2ce51e358a3cdbd5b22918 Mon Sep 17 00:00:00 2001
From: Francine Lucca <francinelucca@hotmail.com>
Date: Mon, 29 Aug 2022 14:30:57 -0400
Subject: [PATCH 1/3] fix(docs): replace check emoji with CheckmarkOutline
 component

---
 src/pages/components/tile/style.mdx | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/pages/components/tile/style.mdx b/src/pages/components/tile/style.mdx
index e8f5c150d95..c0ff6ff14d0 100644
--- a/src/pages/components/tile/style.mdx
+++ b/src/pages/components/tile/style.mdx
@@ -6,6 +6,9 @@ description:
 tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 ---
 
+import { CheckmarkOutline } from '@carbon/icons-react';
+import { blue } from '@carbon/colors';
+
 ## Color
 
 | Element        | Property         | Color token       |
@@ -40,11 +43,11 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 ### Proportions for grid
 
-| Percentage | XL 1600-1200 | L 1200-992 | M 992-768 | S 768-576 | XS 576-0 |
-| ---------- | ------------ | ---------- | --------- | --------- | -------- |
-| 100%       | ✅           | ✅         | ✅        | ✅        | ✅       |
-| 1/2        | ✅           | ✅         | ✅        | ✅        | ✅       |
-| 2/3        | ✅           | ✅         | ✅        | ✅        |          |
-| 1/3        | ✅           | ✅         | ✅        | ✅        |          |
-| 1/4        | ✅           | ✅         | ✅        | ✅        |          |
-| 1/6        | ✅           | ✅         |           |           |          |
+| Percentage | XL 1600-1200         | L 1200-992           | M 992-768            | S 768-576            | XS 576-0             |
+| ---------- | -------------------- | -------------------- | -------------------- | -------------------- | -------------------- |
+| 100%       | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> |
+| 1/2        | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> |
+| 2/3        | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> |                      |
+| 1/3        | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> |                      |
+| 1/4        | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> |                      |
+| 1/6        | <CheckmarkOutline /> | <CheckmarkOutline /> |                      |                      |                      |

From 9aaa3e2225197a93703391768f6deda5e00d4808 Mon Sep 17 00:00:00 2001
From: Francine Lucca <francinelucca@hotmail.com>
Date: Mon, 29 Aug 2022 14:32:55 -0400
Subject: [PATCH 2/3] fix(docs): remove unused import

---
 src/pages/components/tile/style.mdx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/components/tile/style.mdx b/src/pages/components/tile/style.mdx
index c0ff6ff14d0..ba67674f3df 100644
--- a/src/pages/components/tile/style.mdx
+++ b/src/pages/components/tile/style.mdx
@@ -7,7 +7,6 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 ---
 
 import { CheckmarkOutline } from '@carbon/icons-react';
-import { blue } from '@carbon/colors';
 
 ## Color
 

From ea3ce1a2d5c0e98dae320a9fe96f3ae7feb8d0d5 Mon Sep 17 00:00:00 2001
From: Francine Lucca <francinelucca@hotmail.com>
Date: Thu, 1 Sep 2022 10:44:10 -0400
Subject: [PATCH 3/3] fix(docs): use Checkmark in in iconPrimary in tile/style
 docs

---
 src/pages/components/tile/style.mdx | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/pages/components/tile/style.mdx b/src/pages/components/tile/style.mdx
index ba67674f3df..35308fd047a 100644
--- a/src/pages/components/tile/style.mdx
+++ b/src/pages/components/tile/style.mdx
@@ -6,7 +6,8 @@ description:
 tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 ---
 
-import { CheckmarkOutline } from '@carbon/icons-react';
+import { Checkmark } from '@carbon/icons-react';
+import { white } from '@carbon/themes';
 
 ## Color
 
@@ -42,11 +43,11 @@ import { CheckmarkOutline } from '@carbon/icons-react';
 
 ### Proportions for grid
 
-| Percentage | XL 1600-1200         | L 1200-992           | M 992-768            | S 768-576            | XS 576-0             |
-| ---------- | -------------------- | -------------------- | -------------------- | -------------------- | -------------------- |
-| 100%       | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> |
-| 1/2        | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> |
-| 2/3        | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> |                      |
-| 1/3        | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> |                      |
-| 1/4        | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> | <CheckmarkOutline /> |                      |
-| 1/6        | <CheckmarkOutline /> | <CheckmarkOutline /> |                      |                      |                      |
+| Percentage | XL 1600-1200                            | L 1200-992                              | M 992-768                               | S 768-576                               | XS 576-0                                |
+| ---------- | --------------------------------------- | --------------------------------------- | --------------------------------------- | --------------------------------------- | --------------------------------------- |
+| 100%       | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> |
+| 1/2        | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> |
+| 2/3        | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> |                                         |
+| 1/3        | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> |                                         |
+| 1/4        | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> |                                         |
+| 1/6        | <Checkmark color={white.iconPrimary} /> | <Checkmark color={white.iconPrimary} /> |                                         |                                         |                                         |