Add more tokens to ColorPicker

This commit is contained in:
Cagatay Civici 2024-05-08 21:19:41 +03:00
parent af230a824a
commit cebbfd3ab4
4 changed files with 11 additions and 4 deletions

View file

@ -16,7 +16,7 @@ const theme = ({ dt }) => `
padding: 0;
border: 0 none;
border-radius: ${dt('colorpicker.preview.border.radius')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')};
outline-color: transparent;
cursor: pointer;
}
@ -31,8 +31,8 @@ const theme = ({ dt }) => `
.p-colorpicker-panel {
background: ${dt('colorpicker.panel.background')};
border: 1px solid ${dt('colorpicker.panel.border.color')};
border-radius: ${dt('border.radius.md')};
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
border-radius: ${dt('colorpicker.panel.border.radius')};
box-shadow: ${dt('colorpicker.panel.shadow')};
width: 193px;
height: 166px;
position: absolute;