export default {
    variables: {
        common: {
            root: {
                borderRadius: '{rounded.sm}',
                width: '1.25rem',
                height: '1.25rem',
                background: '{form.field.background}',
                backgroundChecked: '{primary.color}',
                backgroundCheckedHover: '{primary.hover.color}',
                backgroundDisabled: '{form.field.background.disabled}',
                backgroundFilled: '{form.field.background.filled}',
                borderColor: '{form.field.border.color}',
                borderColorHover: '{form.field.border.color.hover}',
                borderColorChecked: '{primary.color}',
                borderColorCheckedHover: '{primary.hover.color}',
                borderColorInvalid: '{form.field.border.color.invalid}',
                boxShadow: '{form.field.box.shadow}'
            },
            icon: {
                size: '0.875rem',
                color: '{form.field.text.color}',
                colorChecked: '{primary.inverse.color}',
                colorCheckedHover: '{primary.inverse.color}',
                colorDisabled: '{form.field.text.disabled}'
            }
        }
    }
};