@patternfly/patternfly 5.1.0-prerelease.22 → 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 (43) 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/package.json +2 -2
  34. package/patternfly-base-no-globals-theme-dark-unversioned.css +3 -4
  35. package/patternfly-base-no-globals.css +3 -4
  36. package/patternfly-base-theme-dark-unversioned.css +3 -4
  37. package/patternfly-base.css +3 -4
  38. package/patternfly-no-globals.css +69 -70
  39. package/patternfly-theme-dark-unversioned.css +69 -70
  40. package/patternfly.css +69 -70
  41. package/patternfly.min.css +1 -1
  42. package/patternfly.min.css.map +1 -1
  43. 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
 
@@ -5741,7 +5740,7 @@
5741
5740
  .pf-v5-c-accordion__toggle-icon {
5742
5741
  transition: var(--pf-v5-c-accordion__toggle-icon--Transition);
5743
5742
  }
5744
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-accordion__toggle-icon {
5743
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-accordion__toggle-icon {
5745
5744
  scale: -1 1;
5746
5745
  }
5747
5746
 
@@ -5967,7 +5966,7 @@
5967
5966
  transition: var(--pf-v5-c-alert__toggle-icon--Transition);
5968
5967
  transform: rotate(var(--pf-v5-c-alert__toggle-icon--Rotate));
5969
5968
  }
5970
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-alert__toggle-icon {
5969
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-alert__toggle-icon {
5971
5970
  scale: -1 1;
5972
5971
  }
5973
5972
 
@@ -6640,7 +6639,7 @@
6640
6639
  background-position: var(--pf-v5-c-background-image--BackgroundPosition);
6641
6640
  background-size: var(--pf-v5-c-background-image--BackgroundSize);
6642
6641
  }
6643
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-background-image {
6642
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-background-image {
6644
6643
  --pf-v5-c-background-image--BackgroundPosition: bottom left;
6645
6644
  }
6646
6645
 
@@ -6935,7 +6934,7 @@
6935
6934
  line-height: 1;
6936
6935
  color: var(--pf-v5-c-breadcrumb__item-divider--Color);
6937
6936
  }
6938
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
6937
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
6939
6938
  scale: -1 1;
6940
6939
  }
6941
6940
 
@@ -7624,7 +7623,7 @@ button.pf-v5-c-breadcrumb__link {
7624
7623
  margin-inline-start: var(--pf-v5-c-calendar-month__header-nav-control--MarginLeft);
7625
7624
  margin-inline-end: var(--pf-v5-c-calendar-month__header-nav-control--MarginRight);
7626
7625
  }
7627
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-calendar-month__header-nav-control {
7626
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-calendar-month__header-nav-control {
7628
7627
  scale: -1 1;
7629
7628
  }
7630
7629
 
@@ -8054,7 +8053,7 @@ button.pf-v5-c-breadcrumb__link {
8054
8053
  display: inline-block;
8055
8054
  transition: var(--pf-v5-c-card__header-toggle-icon--Transition);
8056
8055
  }
8057
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-card__header-toggle-icon {
8056
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-card__header-toggle-icon {
8058
8057
  scale: -1 1;
8059
8058
  }
8060
8059
 
@@ -8522,7 +8521,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
8522
8521
  .pf-v5-c-clipboard-copy__toggle-icon {
8523
8522
  transition: var(--pf-v5-c-clipboard-copy__toggle-icon--Transition);
8524
8523
  }
8525
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-clipboard-copy__toggle-icon {
8524
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-clipboard-copy__toggle-icon {
8526
8525
  scale: -1 1;
8527
8526
  }
8528
8527
 
@@ -10132,7 +10131,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10132
10131
  transition: var(--pf-v5-c-data-list__toggle-icon--Transition);
10133
10132
  transform: rotate(var(--pf-v5-c-data-list__toggle-icon--Rotate));
10134
10133
  }
10135
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-data-list__toggle-icon {
10134
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-data-list__toggle-icon {
10136
10135
  scale: -1 1;
10137
10136
  }
10138
10137
 
@@ -10756,7 +10755,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10756
10755
  inset-block-start: 0;
10757
10756
  inset-inline-start: var(--pf-v5-c-dual-list-selector__list__list__item-toggle--Left);
10758
10757
  }
10759
- :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 {
10758
+ :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 {
10760
10759
  transform: translateX(calc(var(--pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
10761
10760
  }
10762
10761
 
@@ -10858,7 +10857,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10858
10857
  padding-inline-end: var(--pf-v5-c-dual-list-selector__controls--PaddingRight);
10859
10858
  }
10860
10859
 
10861
- :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) {
10860
+ :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) {
10862
10861
  scale: -1 1;
10863
10862
  }
10864
10863
 
@@ -12661,11 +12660,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12661
12660
  --pf-v5-c-drawer__panel--MinHeight: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight);
12662
12661
  }
12663
12662
  }
12664
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12663
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12665
12664
  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
12666
12665
  }
12667
12666
 
12668
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12667
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12669
12668
  --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
12670
12669
  }
12671
12670
 
@@ -12677,7 +12676,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12677
12676
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
12678
12677
  transform: translateX(-100%);
12679
12678
  }
12680
- :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 {
12679
+ :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 {
12681
12680
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
12682
12681
  }
12683
12682
 
@@ -12690,7 +12689,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12690
12689
  .pf-v5-c-drawer.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12691
12690
  transform: translateX(-100%);
12692
12691
  }
12693
- :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 {
12692
+ :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 {
12694
12693
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
12695
12694
  }
12696
12695
 
@@ -12908,7 +12907,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12908
12907
  inset-inline-start: var(--pf-v5-c-drawer__splitter-handle--Left);
12909
12908
  transform: translate(-50%, -50%);
12910
12909
  }
12911
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer__splitter-handle {
12910
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer__splitter-handle {
12912
12911
  transform: translate(calc(-50% * var(--pf-v5-global--inverse--multiplier)), -50%);
12913
12912
  }
12914
12913
 
@@ -13117,7 +13116,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13117
13116
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13118
13117
  transform: translateX(100%);
13119
13118
  }
13120
- :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 {
13119
+ :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 {
13121
13120
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13122
13121
  }
13123
13122
  .pf-v5-c-drawer.pf-m-inline.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13132,7 +13131,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13132
13131
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13133
13132
  transform: translateX(-100%);
13134
13133
  }
13135
- :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 {
13134
+ :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 {
13136
13135
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13137
13136
  }
13138
13137
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13184,7 +13183,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13184
13183
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13185
13184
  transform: translateX(100%);
13186
13185
  }
13187
- :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 {
13186
+ :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 {
13188
13187
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13189
13188
  }
13190
13189
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13199,7 +13198,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13199
13198
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13200
13199
  transform: translateX(-100%);
13201
13200
  }
13202
- :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 {
13201
+ :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 {
13203
13202
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13204
13203
  }
13205
13204
  .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 {
@@ -13251,7 +13250,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13251
13250
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13252
13251
  transform: translateX(100%);
13253
13252
  }
13254
- :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 {
13253
+ :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 {
13255
13254
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13256
13255
  }
13257
13256
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13266,7 +13265,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13266
13265
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13267
13266
  transform: translateX(-100%);
13268
13267
  }
13269
- :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 {
13268
+ :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 {
13270
13269
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13271
13270
  }
13272
13271
  .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 {
@@ -13318,7 +13317,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13318
13317
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13319
13318
  transform: translateX(100%);
13320
13319
  }
13321
- :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 {
13320
+ :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 {
13322
13321
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13323
13322
  }
13324
13323
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -13333,7 +13332,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13333
13332
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13334
13333
  transform: translateX(-100%);
13335
13334
  }
13336
- :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 {
13335
+ :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 {
13337
13336
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13338
13337
  }
13339
13338
  .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 {
@@ -14311,7 +14310,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14311
14310
  transition: var(--pf-v5-c-expandable-section__toggle-icon--Transition);
14312
14311
  transform: rotate(var(--pf-v5-c-expandable-section__toggle-icon--Rotate));
14313
14312
  }
14314
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-expandable-section__toggle-icon {
14313
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-expandable-section__toggle-icon {
14315
14314
  scale: -1 1;
14316
14315
  }
14317
14316
 
@@ -14850,7 +14849,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14850
14849
  transition: var(--pf-v5-c-form__field-group-toggle-icon--Transition);
14851
14850
  transform: rotate(var(--pf-v5-c-form__field-group-toggle-icon--Rotate));
14852
14851
  }
14853
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-form__field-group-toggle-icon {
14852
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-form__field-group-toggle-icon {
14854
14853
  scale: -1 1;
14855
14854
  }
14856
14855
 
@@ -15920,7 +15919,7 @@ label.pf-v5-c-input-group__text {
15920
15919
  transition: var(--pf-v5-c-jump-links__toggle-icon--Transition);
15921
15920
  transform: rotate(var(--pf-v5-c-jump-links__toggle-icon--Rotate));
15922
15921
  }
15923
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon {
15922
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon {
15924
15923
  scale: -1 1;
15925
15924
  }
15926
15925
 
@@ -17925,7 +17924,7 @@ ul.pf-v5-c-list {
17925
17924
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
17926
17925
  transform: translateX(-100%);
17927
17926
  }
17928
- :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 {
17927
+ :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 {
17929
17928
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
17930
17929
  }
17931
17930
 
@@ -17940,7 +17939,7 @@ ul.pf-v5-c-list {
17940
17939
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
17941
17940
  transform: translateX(-100%);
17942
17941
  }
17943
- :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 {
17942
+ :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 {
17944
17943
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
17945
17944
  }
17946
17945
 
@@ -18243,7 +18242,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18243
18242
  padding-inline-end: var(--pf-v5-c-menu__item-toggle-icon--PaddingRight);
18244
18243
  color: var(--pf-v5-c-menu__item-toggle-icon, inherit);
18245
18244
  }
18246
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
18245
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
18247
18246
  scale: -1 1;
18248
18247
  }
18249
18248
 
@@ -19569,7 +19568,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19569
19568
  .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
19570
19569
  margin-inline-start: calc(var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft) * -1);
19571
19570
  }
19572
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
19571
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
19573
19572
  scale: -1 1;
19574
19573
  }
19575
19574
 
@@ -20016,7 +20015,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20016
20015
  display: inline-block;
20017
20016
  transition: var(--pf-v5-c-nav__toggle-icon--Transition);
20018
20017
  }
20019
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__toggle-icon {
20018
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__toggle-icon {
20020
20019
  scale: -1 1;
20021
20020
  }
20022
20021
 
@@ -20075,7 +20074,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20075
20074
  opacity: 0;
20076
20075
  transition: var(--pf-v5-c-nav__scroll-button--Transition);
20077
20076
  }
20078
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button > * {
20077
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button > * {
20079
20078
  scale: -1 1;
20080
20079
  }
20081
20080
 
@@ -20106,7 +20105,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20106
20105
  margin-inline-end: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
20107
20106
  transform: translateX(-100%);
20108
20107
  }
20109
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
20108
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
20110
20109
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
20111
20110
  }
20112
20111
 
@@ -20118,7 +20117,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20118
20117
  margin-inline-start: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
20119
20118
  transform: translateX(100%);
20120
20119
  }
20121
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
20120
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
20122
20121
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
20123
20122
  }
20124
20123
 
@@ -20556,7 +20555,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20556
20555
  color: var(--pf-v5-c-notification-drawer__group-toggle-icon--Color);
20557
20556
  transition: var(--pf-v5-c-notification-drawer__group-toggle-icon--Transition);
20558
20557
  }
20559
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-notification-drawer__group-toggle-icon {
20558
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-notification-drawer__group-toggle-icon {
20560
20559
  scale: -1 1;
20561
20560
  }
20562
20561
 
@@ -21261,7 +21260,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21261
21260
  transition: var(--pf-v5-c-page__sidebar--Transition);
21262
21261
  transform: translateX(var(--pf-v5-c-page__sidebar--TranslateX)) translateZ(var(--pf-v5-c-page__sidebar--TranslateZ));
21263
21262
  }
21264
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-page__sidebar {
21263
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-page__sidebar {
21265
21264
  transform: translateX(calc(var(--pf-v5-c-page__sidebar--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateZ(var(--pf-v5-c-page__sidebar--TranslateZ));
21266
21265
  }
21267
21266
 
@@ -22112,7 +22111,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22112
22111
  justify-content: flex-end;
22113
22112
  }
22114
22113
 
22115
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-pagination__nav-control {
22114
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-pagination__nav-control {
22116
22115
  scale: -1 1;
22117
22116
  }
22118
22117
 
@@ -22506,7 +22505,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22506
22505
  inset-inline-start: 50%;
22507
22506
  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));
22508
22507
  }
22509
- :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 {
22508
+ :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 {
22510
22509
  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));
22511
22510
  }
22512
22511
 
@@ -22520,7 +22519,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22520
22519
  inset-inline-start: 50%;
22521
22520
  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));
22522
22521
  }
22523
- :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 {
22522
+ :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 {
22524
22523
  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));
22525
22524
  }
22526
22525
 
@@ -22534,7 +22533,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22534
22533
  inset-inline-end: 0;
22535
22534
  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));
22536
22535
  }
22537
- :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 {
22536
+ :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 {
22538
22537
  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));
22539
22538
  }
22540
22539
 
@@ -22548,7 +22547,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22548
22547
  inset-inline-start: 0;
22549
22548
  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));
22550
22549
  }
22551
- :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 {
22550
+ :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 {
22552
22551
  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));
22553
22552
  }
22554
22553
 
@@ -24620,7 +24619,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24620
24619
  transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
24621
24620
  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);
24622
24621
  }
24623
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
24622
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
24624
24623
  scale: -1 1;
24625
24624
  }
24626
24625
 
@@ -24804,7 +24803,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24804
24803
  --pf-v5-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-v5-global--palette--black-700);
24805
24804
  display: flex;
24806
24805
  }
24807
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
24806
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
24808
24807
  --pf-v5-c-slider__rail-track--before--fill--direction: left;
24809
24808
  }
24810
24809
 
@@ -24877,7 +24876,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24877
24876
  background-color: var(--pf-v5-c-slider__step-tick--BackgroundColor);
24878
24877
  border-radius: var(--pf-v5-c-slider__step-tick--BorderRadius);
24879
24878
  }
24880
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
24879
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
24881
24880
  transform: translateX(calc(var(--pf-v5-c-slider__step-tick--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
24882
24881
  }
24883
24882
 
@@ -24887,7 +24886,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24887
24886
  inset-block-start: var(--pf-v5-c-slider__step-label--Top);
24888
24887
  word-break: normal;
24889
24888
  }
24890
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
24889
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
24891
24890
  transform: translateX(calc(var(--pf-v5-c-slider__step-label--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
24892
24891
  }
24893
24892
 
@@ -24903,7 +24902,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24903
24902
  border-radius: var(--pf-v5-c-slider__thumb--BorderRadius);
24904
24903
  box-shadow: var(--pf-v5-c-slider__thumb--BoxShadow);
24905
24904
  }
24906
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb {
24905
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb {
24907
24906
  transform: translate(calc(var(--pf-v5-c-slider__thumb--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__thumb--TranslateY));
24908
24907
  }
24909
24908
 
@@ -24917,7 +24916,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24917
24916
  content: "";
24918
24917
  border-radius: var(--pf-v5-c-slider__thumb--before--BorderRadius);
24919
24918
  }
24920
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb::before {
24919
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb::before {
24921
24920
  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));
24922
24921
  }
24923
24922
 
@@ -24943,7 +24942,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24943
24942
  inset-inline-start: var(--pf-v5-c-slider__value--m-floating--Left);
24944
24943
  z-index: var(--pf-v5-c-slider__value--m-floating--ZIndex);
24945
24944
  }
24946
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__value.pf-m-floating {
24945
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__value.pf-m-floating {
24947
24946
  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));
24948
24947
  }
24949
24948
 
@@ -25125,7 +25124,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
25125
25124
  .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
25126
25125
  transform: translateX(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX));
25127
25126
  }
25128
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
25127
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
25129
25128
  transform: translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
25130
25129
  }
25131
25130
 
@@ -27587,7 +27586,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27587
27586
  transition: var(--pf-v5-c-table__toggle--c-button__toggle-icon--Transition);
27588
27587
  transform: rotate(var(--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate));
27589
27588
  }
27590
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
27589
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
27591
27590
  scale: -1 1;
27592
27591
  }
27593
27592
 
@@ -28084,7 +28083,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
28084
28083
  position: var(--pf-v5-c-table--m-tree-view__toggle--Position);
28085
28084
  inset-inline-start: var(--pf-v5-c-table--m-tree-view__toggle--Left);
28086
28085
  }
28087
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28086
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28088
28087
  transform: translateX(calc(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
28089
28088
  }
28090
28089
 
@@ -29238,7 +29237,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29238
29237
  transition: var(--pf-v5-c-tabs__toggle-icon--Transition);
29239
29238
  transform: rotate(var(--pf-v5-c-tabs__toggle-icon--Rotate));
29240
29239
  }
29241
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__toggle-icon {
29240
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__toggle-icon {
29242
29241
  scale: -1 1;
29243
29242
  }
29244
29243
 
@@ -29415,7 +29414,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29415
29414
  transition: var(--pf-v5-c-tabs__link-toggle-icon--Transition);
29416
29415
  transform: rotate(var(--pf-v5-c-tabs__link-toggle-icon--Rotate));
29417
29416
  }
29418
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__link-toggle-icon {
29417
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__link-toggle-icon {
29419
29418
  scale: -1 1;
29420
29419
  }
29421
29420
 
@@ -29449,7 +29448,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
29449
29448
  opacity: 0;
29450
29449
  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);
29451
29450
  }
29452
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
29451
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
29453
29452
  scale: -1 1;
29454
29453
  }
29455
29454
 
@@ -30268,7 +30267,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30268
30267
  inset-inline-start: 50%;
30269
30268
  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));
30270
30269
  }
30271
- :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 {
30270
+ :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 {
30272
30271
  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));
30273
30272
  }
30274
30273
 
@@ -30282,7 +30281,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30282
30281
  inset-inline-start: 50%;
30283
30282
  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));
30284
30283
  }
30285
- :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 {
30284
+ :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 {
30286
30285
  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));
30287
30286
  }
30288
30287
 
@@ -30296,7 +30295,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30296
30295
  inset-inline-end: 0;
30297
30296
  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));
30298
30297
  }
30299
- :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 {
30298
+ :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 {
30300
30299
  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));
30301
30300
  }
30302
30301
 
@@ -30310,7 +30309,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30310
30309
  inset-inline-start: 0;
30311
30310
  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));
30312
30311
  }
30313
- :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 {
30312
+ :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 {
30314
30313
  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));
30315
30314
  }
30316
30315
 
@@ -30401,7 +30400,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30401
30400
  .pf-v5-c-truncate__end {
30402
30401
  direction: rtl;
30403
30402
  }
30404
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
30403
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
30405
30404
  direction: ltr;
30406
30405
  }
30407
30406
 
@@ -30409,7 +30408,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30409
30408
  overflow: visible;
30410
30409
  direction: ltr;
30411
30410
  }
30412
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
30411
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
30413
30412
  direction: rtl;
30414
30413
  }
30415
30414
 
@@ -30417,7 +30416,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30417
30416
  .pf-v5-c-truncate__end {
30418
30417
  direction: ltr;
30419
30418
  }
30420
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
30419
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
30421
30420
  direction: rtl;
30422
30421
  }
30423
30422
  }
@@ -30688,7 +30687,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30688
30687
  transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
30689
30688
  transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
30690
30689
  }
30691
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
30690
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
30692
30691
  scale: -1 1;
30693
30692
  }
30694
30693
 
@@ -30780,7 +30779,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
30780
30779
  border: 0;
30781
30780
  transform: translateX(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX));
30782
30781
  }
30783
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
30782
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
30784
30783
  transform: translateX(calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
30785
30784
  }
30786
30785
 
@@ -31229,7 +31228,7 @@ label.pf-v5-c-tree-view__node-text {
31229
31228
  margin-inline-start: var(--pf-v5-c-wizard__toggle-separator--MarginLeft);
31230
31229
  color: var(--pf-v5-c-wizard__toggle-separator--Color);
31231
31230
  }
31232
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-separator {
31231
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-separator {
31233
31232
  scale: -1 1;
31234
31233
  }
31235
31234
 
@@ -31351,7 +31350,7 @@ label.pf-v5-c-tree-view__node-text {
31351
31350
  background-color: var(--pf-v5-c-wizard__nav-link--before--BackgroundColor);
31352
31351
  border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
31353
31352
  }
31354
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
31353
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
31355
31354
  transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
31356
31355
  }
31357
31356
 
@@ -31401,7 +31400,7 @@ label.pf-v5-c-tree-view__node-text {
31401
31400
  transition: var(--pf-v5-c-wizard__nav-link-toggle-icon--Transition);
31402
31401
  transform: rotate(var(--pf-v5-c-wizard__nav-link-toggle-icon--Rotate));
31403
31402
  }
31404
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__nav-link-toggle-icon {
31403
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__nav-link-toggle-icon {
31405
31404
  scale: -1 1;
31406
31405
  }
31407
31406