Update PickList OrderList
parent
2533843785
commit
8efb1a5eea
|
@ -78,30 +78,5 @@ export default {
|
|||
color: ${dt('highlight.focus.color')};
|
||||
background: ${dt('highlight.focus.background')};
|
||||
}
|
||||
|
||||
.p-orderlist-controls .p-button {
|
||||
background: ${dt('orderlist.control.background')};
|
||||
border: 1px solid ${dt('orderlist.control.border.color')};
|
||||
color: ${dt('orderlist.control.color')};
|
||||
outline-color: transparent;
|
||||
transition: opacity ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')};
|
||||
}
|
||||
|
||||
.p-orderlist-controls .p-button:not(:disabled):hover {
|
||||
background: ${dt('orderlist.control.hover.background')};
|
||||
border: 1px solid ${dt('orderlist.control.hover.border.color')};
|
||||
color: ${dt('orderlist.control.hover.color')};
|
||||
}
|
||||
|
||||
.p-orderlist-controls .p-button:not(:disabled):active {
|
||||
background: ${dt('orderlist.control.active.background')};
|
||||
border: 1px solid ${dt('orderlist.control.active.border.color')};
|
||||
color: ${dt('orderlist.control.hover.active')};
|
||||
}
|
||||
|
||||
.p-orderlist-controls .p-button:focus-visible {
|
||||
outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};
|
||||
outline-offset: ${dt('focus.ring.offset')};
|
||||
}
|
||||
`
|
||||
};
|
||||
|
|
|
@ -78,30 +78,5 @@ export default {
|
|||
color: ${dt('highlight.focus.color')};
|
||||
background: ${dt('highlight.focus.background')};
|
||||
}
|
||||
|
||||
.p-picklist-buttons .p-button {
|
||||
background: ${dt('picklist.control.background')};
|
||||
border: 1px solid ${dt('picklist.control.border.color')};
|
||||
color: ${dt('picklist.control.color')};
|
||||
outline-color: transparent;
|
||||
transition: opacity ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')};
|
||||
}
|
||||
|
||||
.p-picklist-buttons .p-button:not(:disabled):hover {
|
||||
background: ${dt('picklist.control.hover.background')};
|
||||
border: 1px solid ${dt('picklist.control.hover.border.color')};
|
||||
color: ${dt('picklist.control.hover.color')};
|
||||
}
|
||||
|
||||
.p-picklist-buttons .p-button:not(:disabled):active {
|
||||
background: ${dt('picklist.control.active.background')};
|
||||
border: 1px solid ${dt('picklist.control.active.border.color')};
|
||||
color: ${dt('picklist.control.active.color')};
|
||||
}
|
||||
|
||||
.p-picklist-buttons .p-button:focus-visible {
|
||||
outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};
|
||||
outline-offset: ${dt('focus.ring.offset')};
|
||||
}
|
||||
`
|
||||
};
|
||||
|
|
|
@ -13,17 +13,6 @@ export default {
|
|||
focusBackground: '{surface.100}',
|
||||
color: '{surface.700}',
|
||||
focusColor: '{surface.800}'
|
||||
},
|
||||
control: {
|
||||
background: '{surface.100}',
|
||||
hoverBackground: '{surface.200}',
|
||||
activeBackground: '{surface.300}',
|
||||
borderColor: '{surface.100}',
|
||||
hoverBorderColor: '{surface.200}',
|
||||
activeBorderColor: '{surface.300}',
|
||||
color: '{surface.600}',
|
||||
hoverColor: '{surface.700}',
|
||||
activeColor: '{surface.800}'
|
||||
}
|
||||
},
|
||||
dark: {
|
||||
|
@ -39,16 +28,6 @@ export default {
|
|||
focusBackground: '{surface.800}',
|
||||
color: '{surface.0}',
|
||||
focusColor: '{surface.0}'
|
||||
},
|
||||
control: {
|
||||
background: '{surface.800}',
|
||||
activeBackground: '{surface.600}',
|
||||
borderColor: '{surface.800}',
|
||||
hoverBorderColor: '{surface.700}',
|
||||
activeBorderColor: '{surface.600}',
|
||||
color: '{surface.300}',
|
||||
hoverColor: '{surface.200}',
|
||||
activeColor: '{surface.100}'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -13,17 +13,6 @@ export default {
|
|||
focusBackground: '{surface.100}',
|
||||
color: '{surface.700}',
|
||||
focusColor: '{surface.800}'
|
||||
},
|
||||
control: {
|
||||
background: '{surface.100}',
|
||||
hoverBackground: '{surface.200}',
|
||||
backgroundActive: '{surface.300}',
|
||||
borderColor: '{surface.100}',
|
||||
hoverBorderColor: '{surface.200}',
|
||||
activeBorderColor: '{surface.300}',
|
||||
color: '{surface.600}',
|
||||
hoverColor: '{surface.700}',
|
||||
activeColor: '{surface.800}'
|
||||
}
|
||||
},
|
||||
dark: {
|
||||
|
@ -39,17 +28,6 @@ export default {
|
|||
focusBackground: '{surface.800}',
|
||||
color: '{surface.0}',
|
||||
focusColor: '{surface.0}'
|
||||
},
|
||||
control: {
|
||||
background: '{surface.800}',
|
||||
hoverBackground: '{surface.700}',
|
||||
backgroundActive: '{surface.600}',
|
||||
borderColor: '{surface.800}',
|
||||
hoverBorderColor: '{surface.700}',
|
||||
activeBorderColor: '{surface.600}',
|
||||
color: '{surface.300}',
|
||||
hoverColor: '{surface.200}',
|
||||
activeColor: '{surface.100}'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue