From b0d240a5ebec3717422f925ea6f6c2765d18bcff Mon Sep 17 00:00:00 2001 From: aagonzales Date: Wed, 20 Oct 2021 13:20:21 -0500 Subject: [PATCH 1/2] docs(button): add icon only ghost button --- .../images/button-style-ghost+icon-only.png | Bin 0 -> 39466 bytes src/pages/components/button/style.mdx | 22 ++++++++++++++++++ 2 files changed, 22 insertions(+) create mode 100644 src/pages/components/button/images/button-style-ghost+icon-only.png diff --git a/src/pages/components/button/images/button-style-ghost+icon-only.png b/src/pages/components/button/images/button-style-ghost+icon-only.png new file mode 100644 index 0000000000000000000000000000000000000000..267445842a402b51901e9aff0ed308029fd6febd GIT binary patch literal 39466 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 Jvd$@?2>@QYwj=-m literal 0 HcmV?d00001 diff --git a/src/pages/components/button/style.mdx b/src/pages/components/button/style.mdx index 7c627a8caba..aef8f4dccbf 100755 --- a/src/pages/components/button/style.mdx +++ b/src/pages/components/button/style.mdx @@ -106,6 +106,28 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility'] +
+ +#### Ghost button – Icon only + +| Class | Property | Color token | +| ----------------- | ---------------- | -------------- | +| `.bx--btn__icon` | svg | `$icon-01` | +| `.bx--btn--ghost` | background-color | – | +| `:hover` | background-color | `$hover-ui` | +| `:active` | background-color | `$active-ui` | +| `:focus` | border | `$focus` | +| `:selected` | background-color | `$selected-ui` | +| `:disabled` | svg | `$disabled-02` | + + + + +![Icon only ghost button states and color](images/button-style-ghost+icon-only.png) + + + + ### Primary danger button | Class | Property | Color token | From a14d84f7844875ec36c7bd7614a740ada1be7c3f Mon Sep 17 00:00:00 2001 From: Anna Gonzales Date: Wed, 20 Oct 2021 15:46:05 -0500 Subject: [PATCH 2/2] Update style.mdx --- src/pages/components/button/style.mdx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/pages/components/button/style.mdx b/src/pages/components/button/style.mdx index aef8f4dccbf..c201e41f1ae 100755 --- a/src/pages/components/button/style.mdx +++ b/src/pages/components/button/style.mdx @@ -110,6 +110,8 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility'] #### Ghost button – Icon only +
+ | Class | Property | Color token | | ----------------- | ---------------- | -------------- | | `.bx--btn__icon` | svg | `$icon-01` |