fix(button): hcm for ghost icon color contrast (#9904)

* fix(button): hcm for ghost icon color contrast - #9903 * fix(button): hcm iconOnly fill fix, mirror to styles package Co-authored-by: Taylor Jones <taylor.jones826@gmail.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Oct 20, 2021 · 3f7fbdf · 3f7fbdf
1 parent 7273119
commit 3f7fbdf
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/packages/components/src/components/button/_button.scss b/packages/components/src/components/button/_button.scss
@@ -523,6 +523,15 @@
  .#{$prefix}--btn:focus {
  @include high-contrast-mode('focus');
  }
+
+ // Windows HCM fix
+ // stylelint-disable-next-line no-duplicate-selectors
+ .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only
+ .#{$prefix}--btn__icon
+ path:not([data-icon-path]):not([fill='none']),
+ .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {
+ @include high-contrast-mode('icon-fill');
+ }
 }
 
 @include exports('button') {

diff --git a/packages/styles/scss/components/button/_button.scss b/packages/styles/scss/components/button/_button.scss
@@ -525,4 +525,13 @@
  .#{$prefix}--btn:focus {
  @include high-contrast-mode('focus');
  }
+
+ // Windows HCM fix
+ // stylelint-disable-next-line no-duplicate-selectors
+ .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only
+ .#{$prefix}--btn__icon
+ path:not([data-icon-path]):not([fill='none']),
+ .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {
+ @include high-contrast-mode('icon-fill');
+ }
 }