Skip to content

Commit

Permalink
Docs: color token updates for accordion component (#2311)
Browse files Browse the repository at this point in the history
* Update style.mdx

* update token

Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
  • Loading branch information
3 people authored May 21, 2021
1 parent bccd612 commit 812f1a4
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions src/pages/components/accordion/style.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -11,20 +11,20 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']

| Class | Property | Color token |
| ------------------------- | ---------- | ----------- |
| `.bx--accordion__title` | color | `$text-01` |
| `.bx--accordion__content` | color | `$text-01` |
| `.bx--accordion__arrow` | fill | `$icon-01` |
| `.bx--accordion__item` | border-top | `$ui-03` |
| `.bx--accordion__title` | color | `$text-primary` |
| `.bx--accordion__content` | color | `$text-primary` |
| `.bx--accordion__arrow` | fill | `$icon-primary` |
| `.bx--accordion__item` | border-top | `$border-subtle` |

### Interactive states

| Class | Property | Color token |
| -------------------------------- | ---------- | -------------- |
| `.bx--accordion__heading:hover` | background | `$hover-ui` |
| `.bx--accordion__heading:hover` | background | `$background-hover` |
| `.bx--accordion__title:focus` | border | `$focus` |
| `.bx--accordion__title:disabled` | background | `$disabled-02` |
| `.bx--accordion__arrow:disabled` | fill | `$disabled-02` |
| `.bx--accordion__item--disabled` | border-top | `$disabled-01` |
| `.bx--accordion__title:disabled` | background | `$text-disabled` |
| `.bx--accordion__arrow:disabled` | fill | `$icon-disabled` |
| `.bx--accordion__item--disabled` | border-top | `$border-disabled` |

<Row>
<Column colLg={12}>
Expand Down

0 comments on commit 812f1a4

Please sign in to comment.