New transition duration token for components

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

View file

@ -36,13 +36,13 @@ const theme = ({ dt }) => `
background: ${dt('checkbox.background')};
width: ${dt('checkbox.width')};
height: ${dt('checkbox.width')};
transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
transition: background ${dt('checkbox.transition.duration')}, color ${dt('checkbox.transition.duration')}, border-color ${dt('checkbox.transition.duration')}, box-shadow ${dt('checkbox.transition.duration')}, outline-color ${dt('checkbox.transition.duration')};
outline-color: transparent;
box-shadow: ${dt('checkbox.shadow')};
}
.p-checkbox-icon {
transition-duration: ${dt('transition.duration')};
transition-duration: ${dt('checkbox.transition.duration')};
color: ${dt('checkbox.icon.color')};
font-size: ${dt('checkbox.icon.size')};
width: ${dt('checkbox.icon.size')};