Prevent KModal's title and content text to unexpectedly inherit parent styles

[Prashant-thakur77]

Description

Please refer to learningequality/studio#5416 for cross Reference on the issue(@AllanOXDi )
The KModal component was inheriting red text color and center alignment from parent table components when used in delete/restore dialogs, causing:

1. Title and content text appearing red when they shouldn't
2. Text being center-aligned instead of properly aligned for LTR/RTL

when used in Admin->channels due to inherited parent property .

Fixed this by adding proper styles directly to the KModal component in KDS repository.

Issue addressed

Before/After

Changelog

fixed this by adding proper styles directly to the KModal component

• Description: Prevent KModal's title and content text to unexpectedly inherit parent styles (by explicitly defining proper styles)
• Products impact: bugfix
• Addresses: KModal text color inheritance and RTL alignment issues in Studio admin dialogs
• Components: KModal
• Breaking: no
• Impacts a11y: Proper RTL support
• Guidance: -

[Prashant-thakur77]

Hello @AllanOXDi, I've completed the KModal style inheritance fixes. One question I had was regarding the title styling - I've used bold weight, but I'm open to your guidance if you'd prefer a different approach(As it was not set as that before
). Please let me know of any changes you'd like during your review.

[AllanOXDi]

Thanks @Prashant-thakur77 - I will take a look!

[AllanOXDi]

Could you make sure that all checks are passing?

[Prashant-thakur77]

sure.

[Prashant-thakur77]

Could you make sure that all checks are passing?

Updated the pr to fix linting issues.

[AllanOXDi]

Thank you

[AllanOXDi]

Thanks @Prashant-thakur77

[github-actions]

Percy Visual Test Results

Percy Dashboard: View Detailed Report

Environment:

• Node.js Version: 18.x
• OS: Ubuntu-latest

Instructions for Reviewers:

• Click on the Percy Dashboard link to view detailed visual diffs.
• Review the visual changes highlighted in the report.
• Approve or request changes based on the visual differences.

[MisRob]

@Prashant-thakur77 @AllanOXDi

I think we will release a new version of KDS tomorrow - then after it's installed in Studio, you can rebase your Studio PRs on top of the latest unstable.