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

@ -31,7 +31,7 @@ const theme = ({ dt }) => `
align-items: center;
text-decoration: none;
cursor: pointer;
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('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')};
border-radius: ${dt('stepper.item.header.border.radius')};
outline-color: transparent;
background: transparent;
@ -57,7 +57,7 @@ const theme = ({ dt }) => `
max-width: 100%;
color: ${dt('stepper.item.title.color')};
font-weight: ${dt('stepper.item.title.font.weight')};
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('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')};
}
.p-stepper-item-number {
@ -113,7 +113,7 @@ const theme = ({ dt }) => `
background: ${dt('stepper.separator.background')};
width: 100%;
height: ${dt('stepper.separator.size')};
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('stepper.transition.duration')}, color ${dt('stepper.transition.duration')}, border-color ${dt('stepper.transition.duration')}, box-shadow ${dt('stepper.transition.duration')}, outline-color ${dt('stepper.transition.duration')};
}
.p-stepper-panels {