From 2bc70ba56f3530855bbc441dcf04ba28665f571e Mon Sep 17 00:00:00 2001
From: thyhmdo <77697351+thyhmdo@users.noreply.github.com>
Date: Tue, 18 May 2021 14:33:37 -0500
Subject: [PATCH] Update style.mdx

---
 src/pages/components/checkbox/style.mdx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/components/checkbox/style.mdx b/src/pages/components/checkbox/style.mdx
index 2e3480bd655..e2113787a41 100755
--- a/src/pages/components/checkbox/style.mdx
+++ b/src/pages/components/checkbox/style.mdx
@@ -10,12 +10,12 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 | Class                     | Property         | Color token   |
 | ------------------------- | ---------------- | ------------- |
-| `.bx--label`              | text color       | `$text-02`    |
-| `.bx--checkbox-label`     | text color       | `$text-01`    |
-| `.bx--checkbox`           | border           | `$icon-01`    |
+| `.bx--label`              | text color       | `$text-secondary`    |
+| `.bx--checkbox-label`     | text color       | `$text-primary`      |
+| `.bx--checkbox`           | border           | `$icon-primary`      |
 | `.bx--checkbox:unchecked` | background-color | transparent   |
-| `.bx--checkbox:checked`   | background-color | `$icon-01`    |
-| `.bx--checkbox:checked`   | checkmark        | `$inverse-01` |
+| `.bx--checkbox:checked`   | background-color | `$icon-primary`      |
+| `.bx--checkbox:checked`   | checkmark        | `$text-inverse`      |
 
 <Row>
 <Column colLg={8}>
@@ -30,8 +30,8 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 | State       | Property   | Color token    |
 | ----------- | ---------- | -------------- |
 | `:focus`    | border     | `$focus`       |
-| `:disabled` | text color | `$disabled-02` |
-| `:disabled` | border     | `$disabled-02` |
+| `:disabled` | text color | `$text-disabled` |
+| `:disabled` | border     | `$icon-disabled` |
 
 <Row>
 <Column colLg={8}>