fix: maxCharacters alignment in Input field

[kabilansakthivelu]

Description

Fix for maxCharacters alignment in Input component

Changes

Issue:

When maxCharacters and successText props are passed to the component, but validationState prop is set to none, then maxCharacters indication is aligned to the left.

Fix:

Made changes to willRenderHintText boolean condition to return true on the below scenarios:

• when helpText prop is passed
• when successText prop is passed and validationState prop is set to success
• when errorText prop is passed and validationState prop is set to error

Additional Information

Component Checklist

• [ ] Update Component Status Page
• [ ] Perform Manual Testing in Other Browsers
• [ ] Add KitchenSink Story
• [ ] Add Interaction Tests (if applicable)
• [ ] Add changeset

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: e2442425933216bab7de8a22caa963380b5088f7

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

| Name | Type | | --------------- | ----- | | @razorpay/blade | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions[bot]]

✅ PR title follows Conventional Commits specification.

[codesandbox-ci[bot]]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit e2442425933216bab7de8a22caa963380b5088f7:

Sandbox	Source
razorpay/blade: basic	Configuration

[rzpcibot]

Bundle Size Report

Updated Components

| Status | Component | Base Size (kb) | Current Size (kb) | Diff | | --- | --- | --- | --- | --- | | ⬆ | DatePicker | 85.712 | 85.720 | +0.008 KB | | ⬆ | List, ListItem, ListItemLink, ListItemCode, ListItemText | 5.097 | 5.098 | +0.001 KB | | ⬆ | Table, TableHeader, TableHeaderCell, TableHeaderRow, TableBody, TableCell, TableRow, TableFooter, TableFooterCell, TableFooterRow, TablePagination, TableToolbar, TableToolbarActions, TableEditableCell, TableEditableDropdownCell | 66.042 | 66.051 | +0.009 KB | | ⬆ | SelectInput, AutoComplete | 36.005 | 36.011 | +0.006 KB | | ⬆ | OTPInput | 30.064 | 30.072 | +0.008 KB | | ⬆ | PasswordInput | 31.698 | 31.707 | +0.009 KB | | ⬆ | PhoneNumberInput | 59.960 | 59.968 | +0.008 KB | | ⬆ | SearchInput | 34.330 | 34.339 | +0.009 KB | | ⬆ | TextArea | 32.225 | 32.234 | +0.009 KB | | ⬆ | TextInput | 33.807 | 33.816 | +0.009 KB |

Generated by :no_entry_sign: dangerJS against e2442425933216bab7de8a22caa963380b5088f7