fix(accordion): ajusta customização via tokens

Ajusta customização do icone do accordion em seus estados. fixes DTHFUI-7944
po-ui · Nov 17, 2023 · 6101985 · 6101985
1 parent fd66820
commit 6101985
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/css/components/po-accordion/po-accordion-item-header.css b/src/css/components/po-accordion/po-accordion-item-header.css
@@ -35,6 +35,10 @@
   background-color: var(--background-hover);
 }
 
+.po-accordion-item-header-button:hover .po-accordion-item-header-icon {
+  color: var(--color-hover);
+}
+
 .po-accordion-item-header-button:disabled {
   background-color: var(--background-disabled);
   color: var(--color-disabled);
@@ -52,6 +56,10 @@
   outline: none;
 }
 
+.po-accordion-item-header-button:enabled:active .po-accordion-item-header-icon {
+  color: var(--color-pressed);
+}
+
 /* outline para compatibilidade com os demais navegadores */
 .po-accordion-item-header-button:focus {
   color: var(--color-focus);

diff --git a/src/css/components/po-accordion/po-accordion-manager.css b/src/css/components/po-accordion/po-accordion-manager.css
@@ -26,6 +26,10 @@
   outline: none;
 }
 
+.po-accordion-manager-button:enabled:active .po-accordion-manager-icon {
+  color: var(--color-pressed);
+}
+
 .po-accordion-manager-button:focus .po-accordion-manager-icon {
   color: var(--color-focus);
 }