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

Merge branch 'v4' of https://github.com/primefaces/primevue into v4

Browse source
This commit is contained in:
Mert Sincan 2024-05-06 16:50:21 +01:00
commit 8f57bef1e1
5 changed files with 48 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -86,9 +86,9 @@ import treetable from 'primevue/themes/aura/treetable';
export default {
primitive: {
rounded: {
borderRadius: {
sm: '4px',
base: '6px',
md: '6px',
lg: '8px',
xl: '12px'
},
@ -137,6 +137,11 @@ export default {
900: '{emerald.900}',
950: '{emerald.950}'
},
formField: {
paddingX: '0.75rem',
paddingY: '0.5rem',
borderRadius: '{border.radius.md}'
},
colorScheme: {
light: {
surface: {
@ -182,7 +187,8 @@ export default {
floatLabelFocusColor: '{surface.500}',
floatLabelInvalidColor: '{red.400}',
iconColor: '{surface.400}',
boxShadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)'
boxShadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)',
focusBoxShadow: 'none'
},
text: {
color: '{surface.700}',
@ -287,7 +293,8 @@ export default {
floatLabelFocusColor: '{surface.400}',
floatLabelInvalidColor: '{red.300}',
iconColor: '{surface.400}',
boxShadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)'
boxShadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)',
focusBoxShadow: 'none'
},
text: {
color: '{surface.0}',

6
components/lib/themes/aura/inputtext/index.js
View file

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

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

@ -86,9 +86,9 @@ import treetable from 'primevue/themes/lara/treetable';
export default {
primitive: {
rounded: {
borderRadius: {
sm: '4px',
base: '6px',
md: '6px',
lg: '8px',
xl: '12px'
},
@ -124,19 +124,23 @@ export default {
offset: '2px'
},
anchorGutter: '2px',
// @todo - dummy test
primary: {
50: '{blue.50}',
100: '{blue.100}',
200: '{blue.200}',
300: '{blue.300}',
400: '{blue.400}',
500: '{blue.500}',
600: '{blue.600}',
700: '{blue.700}',
800: '{blue.800}',
900: '{blue.900}',
950: '{blue.950}'
50: '{emerald.50}',
100: '{emerald.100}',
200: '{emerald.200}',
300: '{emerald.300}',
400: '{emerald.400}',
500: '{emerald.500}',
600: '{emerald.600}',
700: '{emerald.700}',
800: '{emerald.800}',
900: '{emerald.900}',
950: '{emerald.950}'
},
formField: {
paddingX: '0.75rem',
paddingY: '0.625rem',
borderRadius: '{border.radius.sm}'
},
colorScheme: {
light: {
@ -173,7 +177,7 @@ export default {
filledBackground: '{surface.50}',
filledFocusBackground: '{surface.0}',
borderColor: '{surface.300}',
hoverBorderColor: '{surface.400}',
hoverBorderColor: '{primary.color}',
focusBorderColor: '{primary.color}',
invalidBorderColor: '{red.400}',
color: '{surface.700}',
@ -183,7 +187,8 @@ export default {
floatLabelFocusColor: '{surface.500}',
floatLabelInvalidColor: '{red.400}',
iconColor: '{surface.400}',
boxShadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)'
boxShadow: 'none',
focusBoxShadow: '0 0 0 0.2rem {primary.200}'
},
text: {
color: '{surface.700}',
@ -288,7 +293,8 @@ export default {
floatLabelFocusColor: '{surface.400}',
floatLabelInvalidColor: '{red.300}',
iconColor: '{surface.400}',
boxShadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)'
boxShadow: 'none',
focusBoxShadow: '0 0 0 0.2rem color-mix(in srgb, {primary.color}, transparent 80%)'
},
text: {
color: '{surface.0}',

6
components/lib/themes/lara/inputtext/index.js
View file

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