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

Updated chips naming

Browse source
This commit is contained in:
Cagatay Civici 2024-04-06 23:39:18 +03:00
parent 7fb075a85d
commit 0603df54d9
2 changed files with 18 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

26
components/lib/themes/primeone/base/chips/index.js
View file

@ -4,7 +4,7 @@ export default {
display: inline-flex;
}
.p-chips-list {
.p-chips-group {
margin: 0;
padding: 0;
list-style-type: none;
@ -25,34 +25,34 @@ export default {
box-shadow: ${dt('chips.box.shadow')};
}
.p-chips:not(.p-disabled):hover .p-chips-list {
.p-chips:not(.p-disabled):hover .p-chips-group {
border-color: ${dt('chips.hover.border.color')};
}
.p-chips:not(.p-disabled).p-focus .p-chips-list {
.p-chips:not(.p-disabled).p-focus .p-chips-group {
border-color: ${dt('chips.focus.border.color')};
outline: 0 none;
}
.p-chips.p-invalid .p-chips-list {
.p-chips.p-invalid .p-chips-group {
border-color: ${dt('chips.invalid.border.color')};
}
.p-variant-filled.p-chips-list {
.p-variant-filled.p-chips-group {
background: ${dt('chips.filled.background')};
}
.p-chips:not(.p-disabled).p-focus .p-variant-filled.p-chips-list {
.p-chips:not(.p-disabled).p-focus .p-variant-filled.p-chips-group {
background: ${dt('chips.filled.focus.background')};
}
.p-chips.p-disabled .p-chips-list {
.p-chips.p-disabled .p-chips-group {
opacity: 1;
background: ${dt('chips.disabled.background')};
color: ${dt('chips.disabled.color')};
}
.p-chips-item {
.p-chips-chip {
cursor: default;
display: inline-flex;
align-items: center;
@ -63,24 +63,24 @@ export default {
border-radius: ${dt('rounded.sm')};
}
.p-chips-item.p-focus {
.p-chips-chip.p-focus {
background: ${dt('chips.chip.focus.background')};
color: ${dt('chips.chip.focus.color')};
}
.p-chips-item-icon {
.p-chips-chip-icon {
cursor: pointer;
margin-left: 0.375rem;
}
.p-chips-input-item {
.p-chips-input-chip {
padding: 0.25rem 0;
margin-left: 0.5rem;
flex: 1 1 auto;
display: inline-flex;
}
.p-chips-input-item input {
.p-chips-input-chip input {
border: 0 none;
outline: 0 none;
background-color: transparent;
@ -97,7 +97,7 @@ export default {
margin: 0;
}
.p-chips-input-item input::placeholder {
.p-chips-input-chip input::placeholder {
color: ${dt('chips.placeholder.color')};
}