vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

New transition duration token for components

Browse source
This commit is contained in:
Cagatay Civici 2024-05-25 11:18:55 +03:00
parent 3be93fd584
commit 8b46ae3bd0
204 changed files with 464 additions and 221 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/lib/autocomplete/style/AutoCompleteStyle.js
View file

@ -44,7 +44,7 @@ const theme = ({ dt }) => `
border: 1px solid ${dt('autocomplete.dropdown.border.color')};
border-left: 0 none;
color: ${dt('autocomplete.dropdown.color')};
transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')};
transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt('autocomplete.transition.duration')};
outline-color: transparent;
}
@ -102,7 +102,7 @@ const theme = ({ dt }) => `
border: 0 none;
color: ${dt('autocomplete.option.color')};
background: transparent;
transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')};
transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')};
border-radius: ${dt('autocomplete.option.border.radius')};
}
@ -144,7 +144,7 @@ const theme = ({ dt }) => `
border: 1px solid ${dt('autocomplete.border.color')};
border-radius: ${dt('autocomplete.border.radius')};
width: 100%;
transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')};
transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt('autocomplete.transition.duration')};
outline-color: transparent;
box-shadow: ${dt('autocomplete.shadow')};
}