vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Lara preset for AutoComplete

Browse source
This commit is contained in:
Cagatay Civici 2024-05-07 01:54:05 +03:00
parent bc71f9f402
commit 94b4cf5d3d
6 changed files with 106 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

20
components/lib/themes/aura/autocomplete/index.js
View file

@ -11,12 +11,20 @@ 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}'
},
overlay: {
background: '{overlay.select.background}',
borderColor: '{overlay.select.border.color}',
color: '{overlay.select.color}'
color: '{overlay.select.color}',
shadow: '{overlay.select.shadow}'
},
list: {
padding: '{list.padding}'
},
option: {
focusBackground: '{list.option.focus.background}',
@ -25,11 +33,15 @@ export default {
color: '{list.option.color}',
focusColor: '{list.option.focus.color}',
selectedColor: '{list.option.selected.color}',
selectedFocusColor: '{list.option.selected.focus.color}'
selectedFocusColor: '{list.option.selected.focus.color}',
padding: '{list.option.padding}',
borderRadius: '{list.option.border.radius}'
},
optionGroup: {
background: '{list.option.group.background}',
color: '{list.option.group.color}'
color: '{list.option.group.color}',
fontWeight: '{list.option.group.font.weight}',
padding: '{list.option.group.padding}'
},
dropdown: {
width: '2.5rem',

18
components/lib/themes/aura/index.js
View file

@ -87,6 +87,7 @@ import treetable from 'primevue/themes/aura/treetable';
export default {
primitive: {
borderRadius: {
none: '0',
sm: '4px',
md: '6px',
lg: '8px',
@ -142,6 +143,17 @@ export default {
paddingY: '0.5rem',
borderRadius: '{border.radius.md}'
},
list: {
padding: '0.25rem 0.25rem',
option: {
padding: '0.5rem 0.75rem',
borderRadius: '4px'
},
optionGroup: {
padding: '0.5rem 0.75rem',
fontWeight: '600'
}
},
colorScheme: {
light: {
surface: {
@ -207,7 +219,8 @@ export default {
select: {
background: '{surface.0}',
borderColor: '{surface.200}',
color: '{text.color}'
color: '{text.color}',
shadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)'
},
popover: {
background: '{surface.0}',
@ -313,7 +326,8 @@ export default {
select: {
background: '{surface.900}',
borderColor: '{surface.700}',
color: '{text.color}'
color: '{text.color}',
shadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)'
},
popover: {
background: '{surface.900}',

22
components/lib/themes/lara/autocomplete/index.js
View file

@ -1,5 +1,5 @@
export default {
inputMultiple: {
root: {
background: '{form.field.background}',
disabledBackground: '{form.field.disabled.background}',
filledBackground: '{form.field.filled.background}',
@ -11,12 +11,20 @@ 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}'
},
overlay: {
background: '{overlay.select.background}',
borderColor: '{overlay.select.border.color}',
color: '{overlay.select.color}'
color: '{overlay.select.color}',
shadow: '{overlay.select.shadow}'
},
list: {
padding: '{list.padding}'
},
option: {
focusBackground: '{list.option.focus.background}',
@ -25,11 +33,15 @@ export default {
color: '{list.option.color}',
focusColor: '{list.option.focus.color}',
selectedColor: '{list.option.selected.color}',
selectedFocusColor: '{list.option.selected.focus.color}'
selectedFocusColor: '{list.option.selected.focus.color}',
padding: '{list.option.padding}',
borderRadius: '{list.option.border.radius}'
},
optionGroup: {
background: '{list.option.group.background}',
color: '{list.option.group.color}'
color: '{list.option.group.color}',
fontWeight: '{list.option.group.font.weight}',
padding: '{list.option.group.padding}'
},
dropdown: {
width: '2.5rem',

22
components/lib/themes/lara/index.js
View file

@ -87,6 +87,7 @@ import treetable from 'primevue/themes/lara/treetable';
export default {
primitive: {
borderRadius: {
none: '0',
sm: '4px',
md: '6px',
lg: '8px',
@ -142,6 +143,17 @@ export default {
paddingY: '0.625rem',
borderRadius: '{border.radius.sm}'
},
list: {
padding: '0.5rem 0',
option: {
padding: '0.625rem 0.75rem',
borderRadius: '0'
},
optionGroup: {
padding: '0.625rem 0.75rem',
fontWeight: '600'
}
},
colorScheme: {
light: {
surface: {
@ -207,7 +219,8 @@ export default {
select: {
background: '{surface.0}',
borderColor: '{surface.200}',
color: '{text.color}'
color: '{text.color}',
shadow: '0 2px 12px 0 rgba(0, 0, 0, 0.1)'
},
popover: {
background: '{surface.0}',
@ -231,7 +244,7 @@ export default {
},
optionGroup: {
background: '{surface.0}',
color: '{text.muted.color}'
color: '{text.color}'
}
},
navigation: {
@ -313,7 +326,8 @@ export default {
select: {
background: '{surface.900}',
borderColor: '{surface.700}',
color: '{text.color}'
color: '{text.color}',
shadow: 'rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px'
},
popover: {
background: '{surface.900}',
@ -337,7 +351,7 @@ export default {
},
optionGroup: {
background: '{surface.900}',
color: '{text.muted.color}'
color: '{text.color}'
}
},
navigation: {