fix(combo/select): ajusta cores do chevron-down conforme AnimaliaDS

- Implementação das cores especificadas no handoff do Figma para os componentes po-combo e po-select. Fixes #2154, chevron-down/DTHFUI-9679
po-ui · Nov 22, 2024 · 084ae3f · 084ae3f
1 parent 114e1fd
commit 084ae3f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/css/components/po-field/po-combo/po-combo.css b/src/css/components/po-field/po-combo/po-combo.css
@@ -89,6 +89,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  color: var(--color);
 }
 
 .po-combo-input[disabled='true'] ~ .po-field-icon-container-right .po-field-icon-disabled i,

diff --git a/src/css/components/po-field/po-select/po-select.css b/src/css/components/po-field/po-select/po-select.css
@@ -73,7 +73,7 @@ po-select.ng-dirty.ng-invalid select {
 }
 
 po-select .po-select-phosphor {
-  --background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 256 256' fill='%23000000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
+  --background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 256 256' fill='%234a5c60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
 }
 
 po-select select.po-select-phosphor:disabled {

diff --git a/src/css/themes/po-theme-default.css b/src/css/themes/po-theme-default.css
@@ -1504,7 +1504,7 @@ po-select {
 
   --color-disabled: var(--color-neutral-light-30);
   --background-disabled: var(--color-neutral-light-20);
-  --background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.707 8.29301C18.316 7.90201 17.684 7.90201 17.293 8.29301L12 13.586L6.70701 8.29301C6.31601 7.90201 5.68401 7.90201 5.29301 8.29301C4.90201 8.68401 4.90201 9.31601 5.29301 9.70701L11.293 15.707C11.488 15.902 11.744 16 12 16C12.256 16 12.512 15.902 12.707 15.707L18.707 9.70701C19.098 9.31601 19.098 8.68401 18.707 8.29301Z' fill='#5b1c7d'/%3E%3C/svg%3E%0A");
+  --background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.707 8.29301C18.316 7.90201 17.684 7.90201 17.293 8.29301L12 13.586L6.70701 8.29301C6.31601 7.90201 5.68401 7.90201 5.29301 8.29301C4.90201 8.68401 4.90201 9.31601 5.29301 9.70701L11.293 15.707C11.488 15.902 11.744 16 12 16C12.256 16 12.512 15.902 12.707 15.707L18.707 9.70701C19.098 9.31601 19.098 8.68401 18.707 8.29301Z' fill='#4a5c60'/%3E%3C/svg%3E%0A");
 }
 
 :root {