From ead9d5f13d00f06a1b12baf4713938505cc546e1 Mon Sep 17 00:00:00 2001
From: thyhmdo <77697351+thyhmdo@users.noreply.github.com>
Date: Fri, 21 May 2021 14:26:15 -0500
Subject: [PATCH] Docs: v11 color token updates for breadcrumb component
 (#2312)

* Update style.mdx

* chore: format

Co-authored-by: emyarod <afw5059@gmail.com>
Co-authored-by: Anna Gonzales <anna.gonzales3@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 src/pages/components/breadcrumb/style.mdx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/pages/components/breadcrumb/style.mdx b/src/pages/components/breadcrumb/style.mdx
index 426b268a36f..d78a74300f6 100755
--- a/src/pages/components/breadcrumb/style.mdx
+++ b/src/pages/components/breadcrumb/style.mdx
@@ -10,12 +10,12 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 | Class                                     | Property | Color token           |
 | ----------------------------------------- | -------- | --------------------- |
-| `.bx--link`                               | color    | `$link-01`            |
-| `.bx--link:hover`                         | color    | `$hover-primary-text` |
-| `.bx--link:active`                        | color    | `$text-01`            |
+| `.bx--link`                               | color    | `$link-primary`       |
+| `.bx--link:hover`                         | color    | `$link-primary-hover` |
+| `.bx--link:active`                        | color    | `$text-primary`       |
 | `.bx--link:focus`                         | outline  | `$focus`              |
-| `.bx--breadcrumb-item::after`             | color    | `$text-01`            |
-| `.bx--breadcrumb-item--current .bx--link` | color    | `$text-01`            |
+| `.bx--breadcrumb-item::after`             | color    | `$text-primary`       |
+| `.bx--breadcrumb-item--current .bx--link` | color    | `$text-primary`       |
 
 <Row>
 <Column colLg={8}>
@@ -81,10 +81,10 @@ recommended for the overflow breadcrumb list.
   </a>
 </h3>
 
-| Class                                      | Property         | Color token |
-| ------------------------------------------ | ---------------- | ----------- |
-| `.bx--overflow-menu-options__btn`          | color            | `$icon-01`  |
-| `.bx--overflow-menu-options__option:hover` | background-color | `$hover-ui` |
+| Class                                      | Property         | Color token         |
+| ------------------------------------------ | ---------------- | ------------------- |
+| `.bx--overflow-menu-options__btn`          | color            | `$icon-primary`     |
+| `.bx--overflow-menu-options__option:hover` | background-color | `$background-hover` |
 
 <h3
   class="AutolinkHeader-module--header--1G1tm Markdown-module--h3--Gwbvh"