@patternfly/patternfly 5.1.0-prerelease.21 → 5.1.0-prerelease.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/base/_common.scss +1 -2
  2. package/base/patternfly-common.css +2 -3
  3. package/base/patternfly-variables.css +1 -1
  4. package/components/Accordion/accordion.css +1 -1
  5. package/components/Alert/alert.css +1 -1
  6. package/components/BackgroundImage/background-image.css +1 -1
  7. package/components/Breadcrumb/breadcrumb.css +1 -1
  8. package/components/CalendarMonth/calendar-month.css +1 -1
  9. package/components/Card/card.css +1 -1
  10. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  11. package/components/DataList/data-list.css +1 -1
  12. package/components/Drawer/drawer.css +13 -13
  13. package/components/DualListSelector/dual-list-selector.css +2 -2
  14. package/components/ExpandableSection/expandable-section.css +1 -1
  15. package/components/Form/form.css +1 -1
  16. package/components/JumpLinks/jump-links.css +1 -1
  17. package/components/Menu/menu.css +3 -3
  18. package/components/Nav/nav.css +5 -5
  19. package/components/NotificationDrawer/notification-drawer.css +1 -1
  20. package/components/Page/page.css +1 -1
  21. package/components/Pagination/pagination.css +1 -1
  22. package/components/Popover/popover.css +4 -4
  23. package/components/Skeleton/skeleton.css +1 -1
  24. package/components/Slider/slider.css +6 -6
  25. package/components/Switch/switch.css +1 -1
  26. package/components/Table/table-tree-view.css +1 -1
  27. package/components/Table/table.css +1 -1
  28. package/components/Tabs/tabs.css +3 -3
  29. package/components/Tooltip/tooltip.css +4 -4
  30. package/components/TreeView/tree-view.css +2 -2
  31. package/components/Truncate/truncate.css +3 -3
  32. package/components/Wizard/wizard.css +3 -3
  33. package/docs/components/Nav/examples/Navigation.css +1 -1
  34. package/docs/components/Popover/examples/Popover.css +3 -2
  35. package/package.json +3 -2
  36. package/patternfly-base-no-globals-theme-dark-unversioned.css +3 -4
  37. package/patternfly-base-no-globals.css +3 -4
  38. package/patternfly-base-theme-dark-unversioned.css +3 -4
  39. package/patternfly-base.css +3 -4
  40. package/patternfly-no-globals.css +69 -70
  41. package/patternfly-theme-dark-unversioned.css +69 -70
  42. package/patternfly.css +69 -70
  43. package/patternfly.min.css +1 -1
  44. package/patternfly.min.css.map +1 -1
  45. package/sass-utilities/mixins.scss +2 -2
@@ -320,7 +320,7 @@
320
320
  --pf-v5-global--inverse--multiplier: 1;
321
321
  }
322
322
 
323
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) {
323
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) {
324
324
  --pf-v5-global--inverse--multiplier: -1;
325
325
  }
326
326
 
@@ -565,13 +565,12 @@
565
565
  direction: rtl;
566
566
  }
567
567
 
568
- .pf-v5-m-dir-ltr,
569
- .ws-dir-ltr {
568
+ .pf-v5-m-dir-ltr {
570
569
  --pf-v5-global--inverse--multiplier: 1;
571
570
  direction: ltr;
572
571
  }
573
572
 
574
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-mirror-inline-rtl {
573
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-mirror-inline-rtl {
575
574
  scale: -1 1;
576
575
  }
577
576
 
@@ -5858,7 +5857,7 @@ button) {
5858
5857
  .pf-v5-c-accordion__toggle-icon {
5859
5858
  transition: var(--pf-v5-c-accordion__toggle-icon--Transition);
5860
5859
  }
5861
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-accordion__toggle-icon {
5860
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-accordion__toggle-icon {
5862
5861
  scale: -1 1;
5863
5862
  }
5864
5863
 
@@ -6084,7 +6083,7 @@ button) {
6084
6083
  transition: var(--pf-v5-c-alert__toggle-icon--Transition);
6085
6084
  transform: rotate(var(--pf-v5-c-alert__toggle-icon--Rotate));
6086
6085
  }
6087
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-alert__toggle-icon {
6086
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-alert__toggle-icon {
6088
6087
  scale: -1 1;
6089
6088
  }
6090
6089
 
@@ -6757,7 +6756,7 @@ button) {
6757
6756
  background-position: var(--pf-v5-c-background-image--BackgroundPosition);
6758
6757
  background-size: var(--pf-v5-c-background-image--BackgroundSize);
6759
6758
  }
6760
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-background-image {
6759
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-background-image {
6761
6760
  --pf-v5-c-background-image--BackgroundPosition: bottom left;
6762
6761
  }
6763
6762
 
@@ -7052,7 +7051,7 @@ button) {
7052
7051
  line-height: 1;
7053
7052
  color: var(--pf-v5-c-breadcrumb__item-divider--Color);
7054
7053
  }
7055
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
7054
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
7056
7055
  scale: -1 1;
7057
7056
  }
7058
7057
 
@@ -7741,7 +7740,7 @@ button.pf-v5-c-breadcrumb__link {
7741
7740
  margin-inline-start: var(--pf-v5-c-calendar-month__header-nav-control--MarginLeft);
7742
7741
  margin-inline-end: var(--pf-v5-c-calendar-month__header-nav-control--MarginRight);
7743
7742
  }
7744
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-calendar-month__header-nav-control {
7743
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-calendar-month__header-nav-control {
7745
7744
  scale: -1 1;
7746
7745
  }
7747
7746
 
@@ -8171,7 +8170,7 @@ button.pf-v5-c-breadcrumb__link {
8171
8170
  display: inline-block;
8172
8171
  transition: var(--pf-v5-c-card__header-toggle-icon--Transition);
8173
8172
  }
8174
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-card__header-toggle-icon {
8173
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-card__header-toggle-icon {
8175
8174
  scale: -1 1;
8176
8175
  }
8177
8176
 
@@ -8639,7 +8638,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8639
8638
  .pf-v5-c-clipboard-copy__toggle-icon {
8640
8639
  transition: var(--pf-v5-c-clipboard-copy__toggle-icon--Transition);
8641
8640
  }
8642
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-clipboard-copy__toggle-icon {
8641
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-clipboard-copy__toggle-icon {
8643
8642
  scale: -1 1;
8644
8643
  }
8645
8644
 
@@ -10249,7 +10248,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10249
10248
  transition: var(--pf-v5-c-data-list__toggle-icon--Transition);
10250
10249
  transform: rotate(var(--pf-v5-c-data-list__toggle-icon--Rotate));
10251
10250
  }
10252
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-data-list__toggle-icon {
10251
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-data-list__toggle-icon {
10253
10252
  scale: -1 1;
10254
10253
  }
10255
10254
 
@@ -10873,7 +10872,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10873
10872
  inset-block-start: 0;
10874
10873
  inset-inline-start: var(--pf-v5-c-dual-list-selector__list__list__item-toggle--Left);
10875
10874
  }
10876
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__item-toggle {
10875
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__item-toggle {
10877
10876
  transform: translateX(calc(var(--pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
10878
10877
  }
10879
10878
 
@@ -10975,7 +10974,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10975
10974
  padding-inline-end: var(--pf-v5-c-dual-list-selector__controls--PaddingRight);
10976
10975
  }
10977
10976
 
10978
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) :is(.pf-v5-c-dual-list-selector__controls-item, .pf-v5-c-dual-list-selector__item-toggle-icon) {
10977
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) :is(.pf-v5-c-dual-list-selector__controls-item, .pf-v5-c-dual-list-selector__item-toggle-icon) {
10979
10978
  scale: -1 1;
10980
10979
  }
10981
10980
 
@@ -12778,11 +12777,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12778
12777
  --pf-v5-c-drawer__panel--MinHeight: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight);
12779
12778
  }
12780
12779
  }
12781
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12780
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12782
12781
  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
12783
12782
  }
12784
12783
 
12785
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12784
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12786
12785
  --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
12787
12786
  }
12788
12787
 
@@ -12794,7 +12793,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12794
12793
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
12795
12794
  transform: translateX(-100%);
12796
12795
  }
12797
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12796
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12798
12797
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
12799
12798
  }
12800
12799
 
@@ -12807,7 +12806,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12807
12806
  .pf-v5-c-drawer.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12808
12807
  transform: translateX(-100%);
12809
12808
  }
12810
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12809
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12811
12810
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
12812
12811
  }
12813
12812
 
@@ -13025,7 +13024,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13025
13024
  inset-inline-start: var(--pf-v5-c-drawer__splitter-handle--Left);
13026
13025
  transform: translate(-50%, -50%);
13027
13026
  }
13028
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer__splitter-handle {
13027
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer__splitter-handle {
13029
13028
  transform: translate(calc(-50% * var(--pf-v5-global--inverse--multiplier)), -50%);
13030
13029
  }
13031
13030
 
@@ -13234,7 +13233,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13234
13233
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13235
13234
  transform: translateX(100%);
13236
13235
  }
13237
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13236
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13238
13237
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13239
13238
  }
13240
13239
  .pf-v5-c-drawer.pf-m-inline.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13249,7 +13248,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13249
13248
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13250
13249
  transform: translateX(-100%);
13251
13250
  }
13252
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13251
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13253
13252
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13254
13253
  }
13255
13254
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13301,7 +13300,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13301
13300
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13302
13301
  transform: translateX(100%);
13303
13302
  }
13304
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13303
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-lg > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13305
13304
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13306
13305
  }
13307
13306
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13316,7 +13315,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13316
13315
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13317
13316
  transform: translateX(-100%);
13318
13317
  }
13319
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13318
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13320
13319
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13321
13320
  }
13322
13321
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13368,7 +13367,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13368
13367
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13369
13368
  transform: translateX(100%);
13370
13369
  }
13371
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13370
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13372
13371
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13373
13372
  }
13374
13373
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13383,7 +13382,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13383
13382
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13384
13383
  transform: translateX(-100%);
13385
13384
  }
13386
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13385
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13387
13386
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13388
13387
  }
13389
13388
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13435,7 +13434,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13435
13434
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13436
13435
  transform: translateX(100%);
13437
13436
  }
13438
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13437
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13439
13438
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13440
13439
  }
13441
13440
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13450,7 +13449,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13450
13449
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13451
13450
  transform: translateX(-100%);
13452
13451
  }
13453
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13452
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13454
13453
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13455
13454
  }
13456
13455
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -14428,7 +14427,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14428
14427
  transition: var(--pf-v5-c-expandable-section__toggle-icon--Transition);
14429
14428
  transform: rotate(var(--pf-v5-c-expandable-section__toggle-icon--Rotate));
14430
14429
  }
14431
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-expandable-section__toggle-icon {
14430
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-expandable-section__toggle-icon {
14432
14431
  scale: -1 1;
14433
14432
  }
14434
14433
 
@@ -14967,7 +14966,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14967
14966
  transition: var(--pf-v5-c-form__field-group-toggle-icon--Transition);
14968
14967
  transform: rotate(var(--pf-v5-c-form__field-group-toggle-icon--Rotate));
14969
14968
  }
14970
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-form__field-group-toggle-icon {
14969
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-form__field-group-toggle-icon {
14971
14970
  scale: -1 1;
14972
14971
  }
14973
14972
 
@@ -16037,7 +16036,7 @@ label.pf-v5-c-input-group__text {
16037
16036
  transition: var(--pf-v5-c-jump-links__toggle-icon--Transition);
16038
16037
  transform: rotate(var(--pf-v5-c-jump-links__toggle-icon--Rotate));
16039
16038
  }
16040
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon {
16039
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon {
16041
16040
  scale: -1 1;
16042
16041
  }
16043
16042
 
@@ -18042,7 +18041,7 @@ ul.pf-v5-c-list {
18042
18041
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
18043
18042
  transform: translateX(-100%);
18044
18043
  }
18045
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list, .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
18044
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list, .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
18046
18045
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
18047
18046
  }
18048
18047
 
@@ -18057,7 +18056,7 @@ ul.pf-v5-c-list {
18057
18056
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
18058
18057
  transform: translateX(-100%);
18059
18058
  }
18060
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
18059
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
18061
18060
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
18062
18061
  }
18063
18062
 
@@ -18360,7 +18359,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18360
18359
  padding-inline-end: var(--pf-v5-c-menu__item-toggle-icon--PaddingRight);
18361
18360
  color: var(--pf-v5-c-menu__item-toggle-icon, inherit);
18362
18361
  }
18363
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
18362
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
18364
18363
  scale: -1 1;
18365
18364
  }
18366
18365
 
@@ -19686,7 +19685,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19686
19685
  .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
19687
19686
  margin-inline-start: calc(var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft) * -1);
19688
19687
  }
19689
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
19688
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
19690
19689
  scale: -1 1;
19691
19690
  }
19692
19691
 
@@ -20133,7 +20132,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20133
20132
  display: inline-block;
20134
20133
  transition: var(--pf-v5-c-nav__toggle-icon--Transition);
20135
20134
  }
20136
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__toggle-icon {
20135
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__toggle-icon {
20137
20136
  scale: -1 1;
20138
20137
  }
20139
20138
 
@@ -20192,7 +20191,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20192
20191
  opacity: 0;
20193
20192
  transition: var(--pf-v5-c-nav__scroll-button--Transition);
20194
20193
  }
20195
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button > * {
20194
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button > * {
20196
20195
  scale: -1 1;
20197
20196
  }
20198
20197
 
@@ -20223,7 +20222,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20223
20222
  margin-inline-end: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
20224
20223
  transform: translateX(-100%);
20225
20224
  }
20226
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
20225
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
20227
20226
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
20228
20227
  }
20229
20228
 
@@ -20235,7 +20234,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20235
20234
  margin-inline-start: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
20236
20235
  transform: translateX(100%);
20237
20236
  }
20238
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
20237
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
20239
20238
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
20240
20239
  }
20241
20240
 
@@ -20673,7 +20672,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20673
20672
  color: var(--pf-v5-c-notification-drawer__group-toggle-icon--Color);
20674
20673
  transition: var(--pf-v5-c-notification-drawer__group-toggle-icon--Transition);
20675
20674
  }
20676
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-notification-drawer__group-toggle-icon {
20675
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-notification-drawer__group-toggle-icon {
20677
20676
  scale: -1 1;
20678
20677
  }
20679
20678
 
@@ -21378,7 +21377,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21378
21377
  transition: var(--pf-v5-c-page__sidebar--Transition);
21379
21378
  transform: translateX(var(--pf-v5-c-page__sidebar--TranslateX)) translateZ(var(--pf-v5-c-page__sidebar--TranslateZ));
21380
21379
  }
21381
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-page__sidebar {
21380
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-page__sidebar {
21382
21381
  transform: translateX(calc(var(--pf-v5-c-page__sidebar--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateZ(var(--pf-v5-c-page__sidebar--TranslateZ));
21383
21382
  }
21384
21383
 
@@ -22229,7 +22228,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22229
22228
  justify-content: flex-end;
22230
22229
  }
22231
22230
 
22232
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-pagination__nav-control {
22231
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-pagination__nav-control {
22233
22232
  scale: -1 1;
22234
22233
  }
22235
22234
 
@@ -22623,7 +22622,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22623
22622
  inset-inline-start: 50%;
22624
22623
  transform: translateX(var(--pf-v5-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
22625
22624
  }
22626
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-popover__arrow {
22625
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-popover__arrow {
22627
22626
  transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-top--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
22628
22627
  }
22629
22628
 
@@ -22637,7 +22636,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22637
22636
  inset-inline-start: 50%;
22638
22637
  transform: translateX(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
22639
22638
  }
22640
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-popover__arrow {
22639
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-popover__arrow {
22641
22640
  transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
22642
22641
  }
22643
22642
 
@@ -22651,7 +22650,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22651
22650
  inset-inline-end: 0;
22652
22651
  transform: translateX(var(--pf-v5-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
22653
22652
  }
22654
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-popover__arrow {
22653
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-popover__arrow {
22655
22654
  transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-left--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
22656
22655
  }
22657
22656
 
@@ -22665,7 +22664,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22665
22664
  inset-inline-start: 0;
22666
22665
  transform: translateX(var(--pf-v5-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
22667
22666
  }
22668
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-popover__arrow {
22667
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-popover__arrow {
22669
22668
  transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-right--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
22670
22669
  }
22671
22670
 
@@ -24737,7 +24736,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24737
24736
  transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
24738
24737
  animation: var(--pf-v5-c-skeleton--after--AnimationName) var(--pf-v5-c-skeleton--after--AnimationDuration) var(--pf-v5-c-skeleton--after--AnimationTimingFunction) var(--pf-v5-c-skeleton--after--AnimationDelay) var(--pf-v5-c-skeleton--after--AnimationIterationCount);
24739
24738
  }
24740
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
24739
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
24741
24740
  scale: -1 1;
24742
24741
  }
24743
24742
 
@@ -24921,7 +24920,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24921
24920
  --pf-v5-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-v5-global--palette--black-700);
24922
24921
  display: flex;
24923
24922
  }
24924
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
24923
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
24925
24924
  --pf-v5-c-slider__rail-track--before--fill--direction: left;
24926
24925
  }
24927
24926
 
@@ -24994,7 +24993,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24994
24993
  background-color: var(--pf-v5-c-slider__step-tick--BackgroundColor);
24995
24994
  border-radius: var(--pf-v5-c-slider__step-tick--BorderRadius);
24996
24995
  }
24997
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
24996
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
24998
24997
  transform: translateX(calc(var(--pf-v5-c-slider__step-tick--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
24999
24998
  }
25000
24999
 
@@ -25004,7 +25003,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25004
25003
  inset-block-start: var(--pf-v5-c-slider__step-label--Top);
25005
25004
  word-break: normal;
25006
25005
  }
25007
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
25006
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
25008
25007
  transform: translateX(calc(var(--pf-v5-c-slider__step-label--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
25009
25008
  }
25010
25009
 
@@ -25020,7 +25019,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25020
25019
  border-radius: var(--pf-v5-c-slider__thumb--BorderRadius);
25021
25020
  box-shadow: var(--pf-v5-c-slider__thumb--BoxShadow);
25022
25021
  }
25023
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb {
25022
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb {
25024
25023
  transform: translate(calc(var(--pf-v5-c-slider__thumb--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__thumb--TranslateY));
25025
25024
  }
25026
25025
 
@@ -25034,7 +25033,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25034
25033
  content: "";
25035
25034
  border-radius: var(--pf-v5-c-slider__thumb--before--BorderRadius);
25036
25035
  }
25037
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb::before {
25036
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb::before {
25038
25037
  transform: translate(calc(var(--pf-v5-c-slider__thumb--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__thumb--before--TranslateY));
25039
25038
  }
25040
25039
 
@@ -25060,7 +25059,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25060
25059
  inset-inline-start: var(--pf-v5-c-slider__value--m-floating--Left);
25061
25060
  z-index: var(--pf-v5-c-slider__value--m-floating--ZIndex);
25062
25061
  }
25063
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__value.pf-m-floating {
25062
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__value.pf-m-floating {
25064
25063
  transform: translate(calc(var(--pf-v5-c-slider__value--m-floating--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__value--m-floating--TranslateY));
25065
25064
  }
25066
25065
 
@@ -25242,7 +25241,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25242
25241
  .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
25243
25242
  transform: translateX(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX));
25244
25243
  }
25245
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
25244
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
25246
25245
  transform: translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
25247
25246
  }
25248
25247
 
@@ -27704,7 +27703,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27704
27703
  transition: var(--pf-v5-c-table__toggle--c-button__toggle-icon--Transition);
27705
27704
  transform: rotate(var(--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate));
27706
27705
  }
27707
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
27706
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
27708
27707
  scale: -1 1;
27709
27708
  }
27710
27709
 
@@ -28201,7 +28200,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
28201
28200
  position: var(--pf-v5-c-table--m-tree-view__toggle--Position);
28202
28201
  inset-inline-start: var(--pf-v5-c-table--m-tree-view__toggle--Left);
28203
28202
  }
28204
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28203
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28205
28204
  transform: translateX(calc(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
28206
28205
  }
28207
28206
 
@@ -29355,7 +29354,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29355
29354
  transition: var(--pf-v5-c-tabs__toggle-icon--Transition);
29356
29355
  transform: rotate(var(--pf-v5-c-tabs__toggle-icon--Rotate));
29357
29356
  }
29358
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__toggle-icon {
29357
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__toggle-icon {
29359
29358
  scale: -1 1;
29360
29359
  }
29361
29360
 
@@ -29532,7 +29531,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29532
29531
  transition: var(--pf-v5-c-tabs__link-toggle-icon--Transition);
29533
29532
  transform: rotate(var(--pf-v5-c-tabs__link-toggle-icon--Rotate));
29534
29533
  }
29535
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__link-toggle-icon {
29534
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__link-toggle-icon {
29536
29535
  scale: -1 1;
29537
29536
  }
29538
29537
 
@@ -29566,7 +29565,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29566
29565
  opacity: 0;
29567
29566
  transition: margin var(--pf-v5-c-tabs__scroll-button--TransitionDuration--margin), transform var(--pf-v5-c-tabs__scroll-button--TransitionDuration--transform), opacity var(--pf-v5-c-tabs__scroll-button--TransitionDuration--opacity);
29568
29567
  }
29569
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
29568
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
29570
29569
  scale: -1 1;
29571
29570
  }
29572
29571
 
@@ -30385,7 +30384,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30385
30384
  inset-inline-start: 50%;
30386
30385
  transform: translateX(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
30387
30386
  }
30388
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-tooltip__arrow {
30387
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-tooltip__arrow {
30389
30388
  transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
30390
30389
  }
30391
30390
 
@@ -30399,7 +30398,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30399
30398
  inset-inline-start: 50%;
30400
30399
  transform: translateX(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
30401
30400
  }
30402
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-tooltip__arrow {
30401
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-tooltip__arrow {
30403
30402
  transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
30404
30403
  }
30405
30404
 
@@ -30413,7 +30412,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30413
30412
  inset-inline-end: 0;
30414
30413
  transform: translateX(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
30415
30414
  }
30416
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-tooltip__arrow {
30415
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-tooltip__arrow {
30417
30416
  transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
30418
30417
  }
30419
30418
 
@@ -30427,7 +30426,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30427
30426
  inset-inline-start: 0;
30428
30427
  transform: translateX(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
30429
30428
  }
30430
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
30429
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
30431
30430
  transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
30432
30431
  }
30433
30432
 
@@ -30518,7 +30517,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30518
30517
  .pf-v5-c-truncate__end {
30519
30518
  direction: rtl;
30520
30519
  }
30521
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
30520
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
30522
30521
  direction: ltr;
30523
30522
  }
30524
30523
 
@@ -30526,7 +30525,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30526
30525
  overflow: visible;
30527
30526
  direction: ltr;
30528
30527
  }
30529
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
30528
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
30530
30529
  direction: rtl;
30531
30530
  }
30532
30531
 
@@ -30534,7 +30533,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30534
30533
  .pf-v5-c-truncate__end {
30535
30534
  direction: ltr;
30536
30535
  }
30537
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
30536
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
30538
30537
  direction: rtl;
30539
30538
  }
30540
30539
  }
@@ -30805,7 +30804,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30805
30804
  transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
30806
30805
  transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
30807
30806
  }
30808
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
30807
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
30809
30808
  scale: -1 1;
30810
30809
  }
30811
30810
 
@@ -30897,7 +30896,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30897
30896
  border: 0;
30898
30897
  transform: translateX(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX));
30899
30898
  }
30900
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
30899
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
30901
30900
  transform: translateX(calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
30902
30901
  }
30903
30902
 
@@ -31346,7 +31345,7 @@ label.pf-v5-c-tree-view__node-text {
31346
31345
  margin-inline-start: var(--pf-v5-c-wizard__toggle-separator--MarginLeft);
31347
31346
  color: var(--pf-v5-c-wizard__toggle-separator--Color);
31348
31347
  }
31349
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-separator {
31348
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-separator {
31350
31349
  scale: -1 1;
31351
31350
  }
31352
31351
 
@@ -31468,7 +31467,7 @@ label.pf-v5-c-tree-view__node-text {
31468
31467
  background-color: var(--pf-v5-c-wizard__nav-link--before--BackgroundColor);
31469
31468
  border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
31470
31469
  }
31471
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
31470
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
31472
31471
  transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
31473
31472
  }
31474
31473
 
@@ -31518,7 +31517,7 @@ label.pf-v5-c-tree-view__node-text {
31518
31517
  transition: var(--pf-v5-c-wizard__nav-link-toggle-icon--Transition);
31519
31518
  transform: rotate(var(--pf-v5-c-wizard__nav-link-toggle-icon--Rotate));
31520
31519
  }
31521
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__nav-link-toggle-icon {
31520
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__nav-link-toggle-icon {
31522
31521
  scale: -1 1;
31523
31522
  }
31524
31523