Tokens for checkmark location
parent
a4953d47c3
commit
9ec64546ea
|
@ -6,7 +6,8 @@ const theme = ({ dt }) => `
|
|||
color: ${dt('listbox.color')};
|
||||
border: 1px solid ${dt('listbox.border.color')};
|
||||
border-radius: ${dt('listbox.border.radius')};
|
||||
transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')}, box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')};
|
||||
transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')},
|
||||
box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('listbox.shadow')};
|
||||
}
|
||||
|
@ -64,7 +65,8 @@ const theme = ({ dt }) => `
|
|||
border: 0 none;
|
||||
border-radius: ${dt('listbox.option.border.radius')};
|
||||
color: ${dt('listbox.option.color')};
|
||||
transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')}, box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')};
|
||||
transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')},
|
||||
box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')};
|
||||
}
|
||||
|
||||
.p-listbox .p-listbox-list .p-listbox-option.p-listbox-option-selected {
|
||||
|
@ -89,9 +91,8 @@ const theme = ({ dt }) => `
|
|||
|
||||
.p-listbox-option-check-icon {
|
||||
position: relative;
|
||||
margin-left: -0.375rem;
|
||||
margin-right: 0.375rem;
|
||||
color: ${dt('listbox.checkmark.color')};
|
||||
margin-inline-start: ${dt('listbox.checkmark.gutter.start')};
|
||||
margin-inline-end: ${dt('listbox.checkmark.gutter.end')};
|
||||
}
|
||||
|
||||
.p-listbox-option-group {
|
||||
|
|
|
@ -8,7 +8,8 @@ const theme = ({ dt }) => `
|
|||
user-select: none;
|
||||
background: ${dt('select.background')};
|
||||
border: 1px solid ${dt('select.border.color')};
|
||||
transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')};
|
||||
transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},
|
||||
outline-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')};
|
||||
border-radius: ${dt('select.border.radius')};
|
||||
outline-color: transparent;
|
||||
box-shadow: ${dt('select.shadow')};
|
||||
|
@ -156,7 +157,8 @@ input.p-select-label {
|
|||
border: 0 none;
|
||||
color: ${dt('select.option.color')};
|
||||
background: transparent;
|
||||
transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')};
|
||||
transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},
|
||||
box-shadow ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')};
|
||||
border-radius: ${dt('select.option.border.radius')};
|
||||
}
|
||||
|
||||
|
@ -177,9 +179,8 @@ input.p-select-label {
|
|||
|
||||
.p-select-option-check-icon {
|
||||
position: relative;
|
||||
margin-left: -0.375rem;
|
||||
margin-right: 0.375rem;
|
||||
color: ${dt('select.checkmark.color')};
|
||||
margin-inline-start: ${dt('select.checkmark.gutter.start')};
|
||||
margin-inline-end: ${dt('select.checkmark.gutter.end')};
|
||||
}
|
||||
|
||||
.p-select-empty-message {
|
||||
|
|
|
@ -44,7 +44,9 @@ export default {
|
|||
padding: '{list.option.group.padding}'
|
||||
},
|
||||
checkmark: {
|
||||
color: '{list.option.color}'
|
||||
color: '{list.option.color}',
|
||||
gutterStart: '-0.375rem',
|
||||
gutterEnd: '0.375rem'
|
||||
},
|
||||
emptyMessage: {
|
||||
padding: '{list.option.padding}'
|
||||
|
|
|
@ -63,7 +63,9 @@ export default {
|
|||
color: '{form.field.icon.color}'
|
||||
},
|
||||
checkmark: {
|
||||
color: '{list.option.color}'
|
||||
color: '{list.option.color}',
|
||||
gutterStart: '-0.375rem',
|
||||
gutterEnd: '0.375rem'
|
||||
},
|
||||
emptyMessage: {
|
||||
padding: '{list.option.padding}'
|
||||
|
|
|
@ -44,7 +44,9 @@ export default {
|
|||
padding: '{list.option.group.padding}'
|
||||
},
|
||||
checkmark: {
|
||||
color: '{list.option.color}'
|
||||
color: '{list.option.color}',
|
||||
gutterStart: '-0.5rem',
|
||||
gutterEnd: '0.5rem'
|
||||
},
|
||||
emptyMessage: {
|
||||
padding: '{list.option.padding}'
|
||||
|
|
|
@ -60,7 +60,9 @@ export default {
|
|||
padding: '{list.option.group.padding}'
|
||||
},
|
||||
checkmark: {
|
||||
color: '{list.option.color}'
|
||||
color: '{list.option.color}',
|
||||
gutterStart: '-0.5rem',
|
||||
gutterEnd: '0.5rem'
|
||||
},
|
||||
emptyMessage: {
|
||||
padding: '{list.option.padding}'
|
||||
|
|
|
@ -44,7 +44,9 @@ export default {
|
|||
padding: '{list.option.group.padding}'
|
||||
},
|
||||
checkmark: {
|
||||
color: '{list.option.color}'
|
||||
color: '{list.option.color}',
|
||||
gutterStart: '-0.375rem',
|
||||
gutterEnd: '0.375rem'
|
||||
},
|
||||
emptyMessage: {
|
||||
padding: '{list.option.padding}'
|
||||
|
|
|
@ -63,7 +63,9 @@ export default {
|
|||
color: '{form.field.icon.color}'
|
||||
},
|
||||
checkmark: {
|
||||
color: '{list.option.color}'
|
||||
color: '{list.option.color}',
|
||||
gutterStart: '-0.375rem',
|
||||
gutterEnd: '0.375rem'
|
||||
},
|
||||
emptyMessage: {
|
||||
padding: '{list.option.padding}'
|
||||
|
|
Loading…
Reference in New Issue