fix: v11 audit design bugs (carbon-design-system#2742)

* fix: checkbox style tab bug * fix: code snippet style tab bug * fix: pagiantion style tab bug * fix: select style tab bug Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
dakahn · Mar 9, 2022 · 3f5f018 · 3f5f018
1 parent 5e45de6
commit 3f5f018
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 9 deletions.
diff --git a/src/pages/components/checkbox/style.mdx b/src/pages/components/checkbox/style.mdx
@@ -15,7 +15,7 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 | Checkbox:unchecked | border           | `$icon-primary`   |
 |                    | background-color | transparent       |
 | Checkbox:checked   | background-color | `$icon-primary`   |
-|                    | checkmark        | `$text-inverse`   |
+|                    | checkmark        | `$icon-inverse`   |
 
 <Row>
 <Column colLg={8}>

diff --git a/src/pages/components/code-snippet/style.mdx b/src/pages/components/code-snippet/style.mdx
@@ -12,7 +12,7 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 | Element         | Property                                                              | Color token     |
 | --------------- | --------------------------------------------------------------------- | --------------- |
-| Container       | background                                                            | `$field` \*     |
+| Container       | background                                                            | `$layer` \*     |
 | Code            | text color                                                            | `$text-primary` |
 | Copy button     | See [ghost button - icon only](/components/button/style#ghost-button) |                 |
 | Container:focus | border                                                                | `$focus`        |

diff --git a/src/pages/components/pagination/style.mdx b/src/pages/components/pagination/style.mdx
@@ -8,12 +8,13 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 ## Color
 
-| Element   | Property         | Color token         |
-| --------- | ---------------- | ------------------- |
-| Container | background-color | `$layer` \*         |
-|           | border-top       | `$border-subtle` \* |
-| Text      | text color       | `$text-secondary`   |
-| Icon      | fill             | `$icon-primary`     |
+| Element               | Property         | Color token         |
+| --------------------- | ---------------- | ------------------- |
+| Container             | background-color | `$layer` \*         |
+|                       | border-top       | `$border-subtle` \* |
+| Text: items per page  | text color       | `$text-primary`     |
+| Text: number of items | text color       | `$text-secondary`   |
+| Icon                  | fill             | `$icon-primary`     |
 
 <Caption>
   * Denotes a contextual color token that will change values based on the layer

diff --git a/src/pages/components/select/style.mdx b/src/pages/components/select/style.mdx
@@ -13,7 +13,7 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 | Field         | background    | `$field` \*         |
 |               | border-bottom | `$border-strong` \* |
 | Inline select | background    | transparent         |
-| Label         | text color    | `$text-primary`     |
+| Label         | text color    | `$text-secondary`   |
 | Field text    | text color    | `$text-primary`     |
 | Helper text   | text color    | `$text-helper`      |
 | Icon          | fill          | `$icon-primary`     |