Chris Hut a6c990c6fe
Cc 5545: Upgrade HDS packages and modifiers (#19226)
* Upgrade @hashicorp/design-system-tokens to 1.9.0

* Upgrade @hashicorp/design-system-components to 1.8.1

* Upgrade @hashicorp/design-system-components and ember-in-viewport

* Explicitly install ember-modifier@4.1.0

* rename copy-button

* Fix how cleanup is done in with-copyable

* Update aria-menu modifier for new structure

* Update css-prop modifier to new structure

* Convert did-upsert to regular class modifier

* Update notification modifier for new structure

* Update on-oustside modifier for new structure

* Move destroy handler registration in with-copyable

* Update style modifier for new structure

* Update validate modifier for new structure

* Guard against setting on destroyed object

* Upgrade @hashicorp/design-system-components to 2.14.1

* Remove debugger

* Guard against null in aria-menu

* Fix undefined hash in validate addon

* Upgrade ember-on-resize-modifier

* Fix copy button import, missing import and array destructuring

---------

Co-authored-by: wenincode <tyler.wendlandt@hashicorp.com>
2023-10-17 07:27:42 -06:00

28 lines
712 B
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
%copy-button {
color: var(--token-color-foreground-action);
--icon-color: transparent;
}
%copy-button::before {
@extend %with-copy-action-mask, %as-pseudo;
--icon-color: var(--token-color-foreground-faint);
}
%copy-button::after {
--icon-color: var(--token-color-surface-strong);
}
%copy-button:hover:not(:disabled):not(:active),
%copy-button:focus {
color: var(--token-color-foreground-action);
--icon-color: var(--token-color-surface-strong);
}
%copy-button:hover::before {
--icon-color: var(--token-color-foreground-action);
}
%copy-button:active {
--icon-color: var(--token-color-surface-interactive-active);
}