vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

New tokens for Textarea

pull/5701/head
Cagatay Civici 2024-05-07 00:33:13 +03:00
parent 18ecd1af94
commit bc71f9f402
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/lib/textarea/style/TextareaStyle.js
View File

@ -7,11 +7,11 @@ const theme = ({ dt }) => `
font-size: 1rem;
color: ${dt('textarea.color')};
background: ${dt('textarea.background')};
padding: 0.5rem 0.75rem;
padding: ${dt('textarea.padding.y')} ${dt('textarea.padding.x')};
border: 1px solid ${dt('textarea.border.color')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${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')};
appearance: none;
border-radius: ${dt('border.radius.md')};
border-radius: ${dt('textarea.border.radius')};
outline-color: transparent;
box-shadow: ${dt('textarea.shadow')};
}
@ -22,6 +22,7 @@ const theme = ({ dt }) => `
.p-inputtextarea:enabled:focus {
border-color: ${dt('textarea.focus.border.color')};
box-shadow: ${dt('textarea.focus.shadow')};
outline: 0 none;
}

6
components/lib/themes/aura/textarea/index.js
View File

@ -11,6 +11,10 @@ export default {
color: '{form.field.color}',
disabledColor: '{form.field.disabled.color}',
placeholderColor: '{form.field.placeholder.color}',
shadow: '{form.field.shadow}'
shadow: '{form.field.shadow}',
focusShadow: '{form.field.focus.shadow}',
paddingX: '{form.field.padding.x}',
paddingY: '{form.field.padding.y}',
borderRadius: '{form.field.border.radius}'
}
};

6
components/lib/themes/lara/textarea/index.js
View File

@ -11,6 +11,10 @@ export default {
color: '{form.field.color}',
disabledColor: '{form.field.disabled.color}',
placeholderColor: '{form.field.placeholder.color}',
shadow: '{form.field.shadow}'
shadow: '{form.field.shadow}',
focusShadow: '{form.field.focus.shadow}',
paddingX: '{form.field.padding.x}',
paddingY: '{form.field.padding.y}',
borderRadius: '{form.field.border.radius}'
}
};