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

Fixed focus visual on InputChips

pull/5756/head
Cagatay Civici 2024-05-13 19:04:12 +03:00
parent 00b90f8d7d
commit 64fe013436
7 changed files with 51 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/lib/inputchips/style/InputChipsStyle.js
View File

@ -58,6 +58,12 @@ const theme = ({ dt }) => `
padding-top: calc(${dt('inputchips.padding.y')} / 2);
padding-bottom: calc(${dt('inputchips.padding.y')} / 2);
border-radius: ${dt('inputchips.chip.border.radius')};
transition: background ${dt('transition.duration')}, color ${dt('transition.duration')};
}
.p-inputchips-chip.p-focus .p-chip {
background: ${dt('inputchips.chip.focus.background')};
color: ${dt('inputchips.chip.focus.color')};
}
.p-inputchips-input:has(.p-chip) {

2
components/lib/themes/aura/chip/index.js
View File

@ -36,7 +36,7 @@ export default {
},
dark: {
root: {
background: '{surface.700}',
background: '{surface.800}',
color: '{surface.0}'
},
icon: {

14
components/lib/themes/aura/inputchips/index.js
View File

@ -25,5 +25,19 @@ export default {
},
chip: {
borderRadius: '{border.radius.sm}'
},
colorScheme: {
light: {
chip: {
focusBackground: '{surface.200}',
color: '{surface.800}'
}
},
dark: {
chip: {
focusBackground: '{surface.700}',
color: '{surface.0}'
}
}
}
};

2
components/lib/themes/lara/chip/index.js
View File

@ -36,7 +36,7 @@ export default {
},
dark: {
root: {
background: '{surface.700}',
background: '{surface.800}',
color: '{surface.0}'
},
icon: {

14
components/lib/themes/lara/inputchips/index.js
View File

@ -25,5 +25,19 @@ export default {
},
chip: {
borderRadius: '{border.radius.xs}'
},
colorScheme: {
light: {
chip: {
focusBackground: '{surface.200}',
color: '{surface.800}'
}
},
dark: {
chip: {
focusBackground: '{surface.700}',
color: '{surface.0}'
}
}
}
};

2
components/lib/themes/nora/chip/index.js
View File

@ -36,7 +36,7 @@ export default {
},
dark: {
root: {
background: '{surface.700}',
background: '{surface.800}',
color: '{surface.0}'
},
icon: {

14
components/lib/themes/nora/inputchips/index.js
View File

@ -25,5 +25,19 @@ export default {
},
chip: {
borderRadius: '{border.radius.sm}'
},
colorScheme: {
light: {
chip: {
focusBackground: '{surface.200}',
color: '{surface.800}'
}
},
dark: {
chip: {
focusBackground: '{surface.700}',
color: '{surface.0}'
}
}
}
};