2024-05-13 14:15:43 +00:00
|
|
|
export default {
|
|
|
|
root: {
|
|
|
|
width: '1.25rem',
|
|
|
|
height: '1.25rem',
|
|
|
|
background: '{form.field.background}',
|
|
|
|
checkedBackground: '{primary.color}',
|
|
|
|
checkedHoverBackground: '{primary.hover.color}',
|
|
|
|
disabledBackground: '{form.field.disabled.background}',
|
|
|
|
filledBackground: '{form.field.filled.background}',
|
|
|
|
borderColor: '{form.field.border.color}',
|
|
|
|
hoverBorderColor: '{form.field.hover.border.color}',
|
|
|
|
focusBorderColor: '{form.field.border.color}',
|
|
|
|
checkedBorderColor: '{primary.color}',
|
|
|
|
checkedHoverBorderColor: '{primary.hover.color}',
|
|
|
|
checkedFocusBorderColor: '{primary.color}',
|
|
|
|
invalidBorderColor: '{form.field.invalid.border.color}',
|
|
|
|
shadow: '{form.field.shadow}',
|
|
|
|
focusRing: {
|
|
|
|
width: '{focus.ring.width}',
|
|
|
|
style: '{focus.ring.style}',
|
|
|
|
color: '{focus.ring.color}',
|
|
|
|
offset: '{focus.ring.offset}',
|
|
|
|
shadow: '{focus.ring.shadow}'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
icon: {
|
|
|
|
size: '0.75rem',
|
2024-05-14 11:04:59 +00:00
|
|
|
checkedColor: '{primary.contrast.color}',
|
|
|
|
checkedHoverColor: '{primary.contrast.color}',
|
2024-05-13 14:15:43 +00:00
|
|
|
disabledColor: '{form.field.disabled.color}'
|
|
|
|
}
|
|
|
|
};
|