Tabs: If info icon is used rather than error icon , it then overlaps

[marknolaninfor]

Describe the bug
The test given for the bug #2695 was not valid as http://master-enterprise.demo.design.infor.com/components/tabs/test-modal-error.html should have been altered so that it had an info validation rule.

The difference is that when the rule runs it apply the is-info and not the is-error class on the tab. Another issue is that the inline message on the field does not display.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'http://master-enterprise.demo.design.infor.com/components/tabs/test-modal-error.html'
2. Run the custom Rule code to add in info rule to the field
3. Enter the 'Test' value
4. See overlap

Expected behavior
The icons and message should display in the same way as an error

Version

• ids-enterprise: master

Screenshots
class on tab

overlap

Platform

• Infor Application/Team Name: Pathway
• OS Version: Windows 10
• Browser Name: chrome

Additional context

Script to add custom rule

// Custom Rule
$.fn.validation.rules.customRule = {
	check: function (value, field) {
		var pass = false;
        if (value !== 'Test') {
			pass = true;
		}
        return pass;
    },
    message: 'Information message',
    type: 'info',
    id: 'customDynamicRule'
};

// Change the validation attribute on the field
$('#last-name').attr('data-validate', 'required customRule');

[marknolaninfor]

only the info icon was corrected, but there are other validation types, such as alert, success.

[tmcconechy]

@ericangeles can you add the other types please? Thanks!

[janahintal]

This issue is now resolved. Thank you.