fix: RTL support for multiple components (#2548)

[i-runets]

Description

• Fixed RTL issues by replacing physical CSS properties with logical equivalents (e.g., margin-inline-start instead of margin-left).
• Fixed keyboard navigation in the Slider component.

Already fixed or not reproducible

• 5 — Badge status indicator location
• 6 — Control group menu side
• 7.1, 7.3–7.8 — DataTable: checkbox alignment, column values, extra space, coordinates, status icon, pin icons, table jump on sort
• 8.2 — Editable table: alignment, pinned columns
• 10 — Paginator chevron alignment

Not issues

• 11.3 — Footer text direction is not handled intentionally. The footer is a custom component passed by the consumer, so text direction is the consumer's responsibility. Per standard RTL conventions, English (Latin) text direction is not flipped — only the layout is.

Issue link:

#2548

QA notes:

[github-actions]

Generated by: track-bundle-size
Generated at: Tue, 07 Apr 2026 07:24:14 GMT
Bundle size diff (in kBytes). Not gzipped. Both CSS & JS included.
Baseline: v6.3.1 (2025-12-03)
CI Status: ok

Module	Baseline Size (v6.3.1)	Size	Diff	Within Threshold	Threshold (min - max)
templateApp	693.09	684.53	-8.55 js:-6.23 css:-2.33	🆗	623.78 - 762.39
@epam/app	5586.96	5524.35	-62.6 js:-62.98 css:+0.37	🆗	5028.26 - 6145.65
@epam/electric	5.04	5.04	0 js:0 css:0	🆗	4.53 - 5.54
@epam/promo	55.61	55.57	-0.05 js:0 css:-0.05	🆗	50.05 - 61.17
@epam/uui-extra	0.21	0.21	0 js:0 css:0	🆗	0.19 - 0.23
@epam/loveship	92.81	96.24	+3.43 js:+3.48 css:-0.05	🆗	83.53 - 102.09
@epam/uui-components	257.49	260.52	+3.02 js:+1.5 css:+1.52	🆗	231.75 - 283.25
@epam/uui-core	324.75	329.08	+4.33 js:+4.33 css:0	🆗	292.27 - 357.23
@epam/uui-db	41.63	41.72	+0.08 js:+0.08 css:0	🆗	37.47 - 45.8
@epam/uui-docs	181.03	194.76	+13.74 js:+13.75 css:0	🆗	162.92 - 199.13
@epam/uui-editor	174.1	172.5	-1.6 js:-1.6 css:+0	🆗	156.69 - 191.51
@epam/uui-timeline	75.5	75.49	-0.01 js:0 css:0	🆗	67.95 - 83.05
@epam/uui	527.51	548.07	+20.56 js:+3.9 css:+16.66	🆗	474.76 - 580.26

new sizes (raw)

To set the sizes as a new baseline, you can copy/paste next content to the uui-build/config/bundleSizeBaseLine.json and commit the file.

{
  "version": "6.4.4",
  "timestamp": "2026-04-07",
  "sizes": {
    "templateApp": {
      "css": 255089,
      "js": 445872
    },
    "@epam/app": {
      "css": 720897,
      "js": 4936041
    },
    "@epam/electric": {
      "css": 2275,
      "js": 2883
    },
    "@epam/promo": {
      "css": 47756,
      "js": 9145
    },
    "@epam/uui-extra": {
      "css": 0,
      "js": 213
    },
    "@epam/loveship": {
      "css": 55330,
      "js": 43224
    },
    "@epam/uui-components": {
      "css": 25157,
      "js": 241611
    },
    "@epam/uui-core": {
      "css": 0,
      "js": 336983
    },
    "@epam/uui-db": {
      "css": 0,
      "js": 42718
    },
    "@epam/uui-docs": {
      "css": 2152,
      "js": 197287
    },
    "@epam/uui-editor": {
      "css": 12954,
      "js": 163688
    },
    "@epam/uui-timeline": {
      "css": 2199,
      "js": 75104
    },
    "@epam/uui": {
      "css": 215800,
      "js": 345425
    }
  }
}

---

Generated by: generate-components-api
CI Status: ok

Total amount of exported types/props without JSDoc comments

	Amount
Types	337 (+0) 🆗
Props	220 (+0) 🆗