[BUG]: Arabic letters style in dialog caption

[mahmudmardini]

Issue description

Issue description
Steps to Reproduce:

Open dialog component.

Use Arabic language in caption.

Add a caption with (ع, خ, ج) letters.

Expected Behavior:

Should see the caption correctly without cutted letters.

Actual Behavior:

Arabic letters like (ع, خ, ج) are displaying wrongly.

Additional Information:

Extra padding-Y should be added

Media & Screenshots

Baklava Version

3.2.0

Operating system

• OS: All
• Browser All

Priority this issue should have

Low (slightly annoying)

Please review the checkboxes that are applicable.

• This issue is directly related to React

[erbilnas]

Hi @mahmudmardini, the default font is Rubik in Baklava Design System. You can use the latest beta version for RTL and Arabic language support or can change the default font: https://baklava.design/?path=/docs/design-system-typography--documentation#css-variables

[mahmudmardini]

Hi @erbilnas, we do use latest baklava version and we use Cairo font for Arabic texts.

[erbilnas]

It seems I didn’t provide enough detail. You wrote you are currently using version 3.2, but RTL support was introduced in 3.3.0-beta.1. To enable this support, you can either upgrade to the latest beta version or change the font used by Baklava by following the documentation provided here.. Otherwise, Baklava still uses Rubik by default.

If the issue persists despite these steps, please share your code so we can better understand the problem.