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

@ -16,7 +16,7 @@ const theme = ({ dt }) => `
font-size: 1rem;
font-family: inherit;
font-feature-settings: inherit;
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('togglebutton.transition.duration')}, color ${dt('togglebutton.transition.duration')}, border-color ${dt('togglebutton.transition.duration')}, outline-color ${dt('togglebutton.transition.duration')}, box-shadow ${dt('togglebutton.transition.duration')};
border-radius: ${dt('togglebutton.border.radius')};
outline-color: transparent;
font-weight: ${dt('togglebutton.font.weight')};
@ -39,7 +39,7 @@ const theme = ({ dt }) => `
.p-togglebutton::before {
content: "";
background: transparent;
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('togglebutton.transition.duration')}, color ${dt('togglebutton.transition.duration')}, border-color ${dt('togglebutton.transition.duration')}, outline-color ${dt('togglebutton.transition.duration')}, box-shadow ${dt('togglebutton.transition.duration')};
position: absolute;
left: ${dt('togglebutton.content.left')};
top: ${dt('togglebutton.content.top')};