@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
package/base/_common.scss CHANGED
@@ -34,8 +34,7 @@
34
34
  }
35
35
 
36
36
  // Sets a block to LTR
37
- .#{$pf-prefix}m-dir-ltr,
38
- .ws-dir-ltr {
37
+ .#{$pf-prefix}m-dir-ltr {
39
38
  @include pf-v5-set-inverse(false);
40
39
 
41
40
  direction: ltr;
package/base/patternfly-common.css CHANGED
@@ -30,12 +30,11 @@
30
30
  direction: rtl;
31
31
  }
32
32
 
33
- .pf-v5-m-dir-ltr,
34
- .ws-dir-ltr {
33
+ .pf-v5-m-dir-ltr {
35
34
  --pf-v5-global--inverse--multiplier: 1;
36
35
  direction: ltr;
37
36
  }
38
37
 
39
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-mirror-inline-rtl {
38
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-m-mirror-inline-rtl {
40
39
  scale: -1 1;
41
40
  }
package/base/patternfly-variables.css CHANGED
@@ -235,7 +235,7 @@
235
235
  --pf-v5-global--inverse--multiplier: 1;
236
236
  }
237
237
 
238
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) {
238
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) {
239
239
  --pf-v5-global--inverse--multiplier: -1;
240
240
  }
241
241
 
package/components/Accordion/accordion.css CHANGED
@@ -200,7 +200,7 @@
200
200
  .pf-v5-c-accordion__toggle-icon {
201
201
  transition: var(--pf-v5-c-accordion__toggle-icon--Transition);
202
202
  }
203
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-accordion__toggle-icon {
203
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-accordion__toggle-icon {
204
204
  scale: -1 1;
205
205
  }
206
206
 
package/components/Alert/alert.css CHANGED
@@ -159,7 +159,7 @@
159
159
  transition: var(--pf-v5-c-alert__toggle-icon--Transition);
160
160
  transform: rotate(var(--pf-v5-c-alert__toggle-icon--Rotate));
161
161
  }
162
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-alert__toggle-icon {
162
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-alert__toggle-icon {
163
163
  scale: -1 1;
164
164
  }
165
165
 
package/components/BackgroundImage/background-image.css CHANGED
@@ -18,6 +18,6 @@
18
18
  background-position: var(--pf-v5-c-background-image--BackgroundPosition);
19
19
  background-size: var(--pf-v5-c-background-image--BackgroundSize);
20
20
  }
21
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-background-image {
21
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-background-image {
22
22
  --pf-v5-c-background-image--BackgroundPosition: bottom left;
23
23
  }
package/components/Breadcrumb/breadcrumb.css CHANGED
@@ -45,7 +45,7 @@
45
45
  line-height: 1;
46
46
  color: var(--pf-v5-c-breadcrumb__item-divider--Color);
47
47
  }
48
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
48
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
49
49
  scale: -1 1;
50
50
  }
51
51
 
package/components/CalendarMonth/calendar-month.css CHANGED
@@ -84,7 +84,7 @@
84
84
  margin-inline-start: var(--pf-v5-c-calendar-month__header-nav-control--MarginLeft);
85
85
  margin-inline-end: var(--pf-v5-c-calendar-month__header-nav-control--MarginRight);
86
86
  }
87
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-calendar-month__header-nav-control {
87
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-calendar-month__header-nav-control {
88
88
  scale: -1 1;
89
89
  }
90
90
 
package/components/Card/card.css CHANGED
@@ -270,7 +270,7 @@
270
270
  display: inline-block;
271
271
  transition: var(--pf-v5-c-card__header-toggle-icon--Transition);
272
272
  }
273
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-card__header-toggle-icon {
273
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-card__header-toggle-icon {
274
274
  scale: -1 1;
275
275
  }
276
276
 
package/components/ClipboardCopy/clipboard-copy.css CHANGED
@@ -50,7 +50,7 @@
50
50
  .pf-v5-c-clipboard-copy__toggle-icon {
51
51
  transition: var(--pf-v5-c-clipboard-copy__toggle-icon--Transition);
52
52
  }
53
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-clipboard-copy__toggle-icon {
53
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-clipboard-copy__toggle-icon {
54
54
  scale: -1 1;
55
55
  }
56
56
 
package/components/DataList/data-list.css CHANGED
@@ -812,7 +812,7 @@
812
812
  transition: var(--pf-v5-c-data-list__toggle-icon--Transition);
813
813
  transform: rotate(var(--pf-v5-c-data-list__toggle-icon--Rotate));
814
814
  }
815
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-data-list__toggle-icon {
815
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-data-list__toggle-icon {
816
816
  scale: -1 1;
817
817
  }
818
818
 
package/components/Drawer/drawer.css CHANGED
@@ -128,11 +128,11 @@
128
128
  --pf-v5-c-drawer__panel--MinHeight: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight);
129
129
  }
130
130
  }
131
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
131
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
132
132
  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
133
133
  }
134
134
 
135
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
135
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
136
136
  --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
137
137
  }
138
138
 
@@ -144,7 +144,7 @@
144
144
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
145
145
  transform: translateX(-100%);
146
146
  }
147
- :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 {
147
+ :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 {
148
148
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
149
149
  }
150
150
 
@@ -157,7 +157,7 @@
157
157
  .pf-v5-c-drawer.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
158
158
  transform: translateX(-100%);
159
159
  }
160
- :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 {
160
+ :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 {
161
161
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
162
162
  }
163
163
 
@@ -375,7 +375,7 @@
375
375
  inset-inline-start: var(--pf-v5-c-drawer__splitter-handle--Left);
376
376
  transform: translate(-50%, -50%);
377
377
  }
378
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer__splitter-handle {
378
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer__splitter-handle {
379
379
  transform: translate(calc(-50% * var(--pf-v5-global--inverse--multiplier)), -50%);
380
380
  }
381
381
 
@@ -584,7 +584,7 @@
584
584
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
585
585
  transform: translateX(100%);
586
586
  }
587
- :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 {
587
+ :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 {
588
588
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
589
589
  }
590
590
  .pf-v5-c-drawer.pf-m-inline.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -599,7 +599,7 @@
599
599
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
600
600
  transform: translateX(-100%);
601
601
  }
602
- :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 {
602
+ :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 {
603
603
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
604
604
  }
605
605
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -651,7 +651,7 @@
651
651
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
652
652
  transform: translateX(100%);
653
653
  }
654
- :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 {
654
+ :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 {
655
655
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
656
656
  }
657
657
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -666,7 +666,7 @@
666
666
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
667
667
  transform: translateX(-100%);
668
668
  }
669
- :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 {
669
+ :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 {
670
670
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
671
671
  }
672
672
  .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 {
@@ -718,7 +718,7 @@
718
718
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
719
719
  transform: translateX(100%);
720
720
  }
721
- :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 {
721
+ :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 {
722
722
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
723
723
  }
724
724
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -733,7 +733,7 @@
733
733
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
734
734
  transform: translateX(-100%);
735
735
  }
736
- :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 {
736
+ :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 {
737
737
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
738
738
  }
739
739
  .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 {
@@ -785,7 +785,7 @@
785
785
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
786
786
  transform: translateX(100%);
787
787
  }
788
- :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 {
788
+ :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 {
789
789
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
790
790
  }
791
791
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
@@ -800,7 +800,7 @@
800
800
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
801
801
  transform: translateX(-100%);
802
802
  }
803
- :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 {
803
+ :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 {
804
804
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
805
805
  }
806
806
  .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 {
package/components/DualListSelector/dual-list-selector.css CHANGED
@@ -135,7 +135,7 @@
135
135
  inset-block-start: 0;
136
136
  inset-inline-start: var(--pf-v5-c-dual-list-selector__list__list__item-toggle--Left);
137
137
  }
138
- :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 {
138
+ :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 {
139
139
  transform: translateX(calc(var(--pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
140
140
  }
141
141
 
@@ -237,7 +237,7 @@
237
237
  padding-inline-end: var(--pf-v5-c-dual-list-selector__controls--PaddingRight);
238
238
  }
239
239
 
240
- :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) {
240
+ :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) {
241
241
  scale: -1 1;
242
242
  }
243
243
 
package/components/ExpandableSection/expandable-section.css CHANGED
@@ -117,7 +117,7 @@
117
117
  transition: var(--pf-v5-c-expandable-section__toggle-icon--Transition);
118
118
  transform: rotate(var(--pf-v5-c-expandable-section__toggle-icon--Rotate));
119
119
  }
120
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-expandable-section__toggle-icon {
120
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-expandable-section__toggle-icon {
121
121
  scale: -1 1;
122
122
  }
123
123
 
package/components/Form/form.css CHANGED
@@ -453,7 +453,7 @@
453
453
  transition: var(--pf-v5-c-form__field-group-toggle-icon--Transition);
454
454
  transform: rotate(var(--pf-v5-c-form__field-group-toggle-icon--Rotate));
455
455
  }
456
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-form__field-group-toggle-icon {
456
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-form__field-group-toggle-icon {
457
457
  scale: -1 1;
458
458
  }
459
459
 
package/components/JumpLinks/jump-links.css CHANGED
@@ -252,7 +252,7 @@
252
252
  transition: var(--pf-v5-c-jump-links__toggle-icon--Transition);
253
253
  transform: rotate(var(--pf-v5-c-jump-links__toggle-icon--Rotate));
254
254
  }
255
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon {
255
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon {
256
256
  scale: -1 1;
257
257
  }
258
258
 
package/components/Menu/menu.css CHANGED
@@ -259,7 +259,7 @@
259
259
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
260
260
  transform: translateX(-100%);
261
261
  }
262
- :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 {
262
+ :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 {
263
263
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
264
264
  }
265
265
 
@@ -274,7 +274,7 @@
274
274
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
275
275
  transform: translateX(-100%);
276
276
  }
277
- :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 {
277
+ :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 {
278
278
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
279
279
  }
280
280
 
@@ -577,7 +577,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
577
577
  padding-inline-end: var(--pf-v5-c-menu__item-toggle-icon--PaddingRight);
578
578
  color: var(--pf-v5-c-menu__item-toggle-icon, inherit);
579
579
  }
580
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
580
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
581
581
  scale: -1 1;
582
582
  }
583
583
 
package/components/Nav/nav.css CHANGED
@@ -414,7 +414,7 @@
414
414
  .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
415
415
  margin-inline-start: calc(var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft) * -1);
416
416
  }
417
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
417
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
418
418
  scale: -1 1;
419
419
  }
420
420
 
@@ -861,7 +861,7 @@
861
861
  display: inline-block;
862
862
  transition: var(--pf-v5-c-nav__toggle-icon--Transition);
863
863
  }
864
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__toggle-icon {
864
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__toggle-icon {
865
865
  scale: -1 1;
866
866
  }
867
867
 
@@ -920,7 +920,7 @@
920
920
  opacity: 0;
921
921
  transition: var(--pf-v5-c-nav__scroll-button--Transition);
922
922
  }
923
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button > * {
923
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button > * {
924
924
  scale: -1 1;
925
925
  }
926
926
 
@@ -951,7 +951,7 @@
951
951
  margin-inline-end: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
952
952
  transform: translateX(-100%);
953
953
  }
954
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
954
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
955
955
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
956
956
  }
957
957
 
@@ -963,7 +963,7 @@
963
963
  margin-inline-start: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
964
964
  transform: translateX(100%);
965
965
  }
966
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
966
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
967
967
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
968
968
  }
969
969
 
package/components/NotificationDrawer/notification-drawer.css CHANGED
@@ -267,7 +267,7 @@
267
267
  color: var(--pf-v5-c-notification-drawer__group-toggle-icon--Color);
268
268
  transition: var(--pf-v5-c-notification-drawer__group-toggle-icon--Transition);
269
269
  }
270
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-notification-drawer__group-toggle-icon {
270
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-notification-drawer__group-toggle-icon {
271
271
  scale: -1 1;
272
272
  }
273
273
 
package/components/Page/page.css CHANGED
@@ -399,7 +399,7 @@
399
399
  transition: var(--pf-v5-c-page__sidebar--Transition);
400
400
  transform: translateX(var(--pf-v5-c-page__sidebar--TranslateX)) translateZ(var(--pf-v5-c-page__sidebar--TranslateZ));
401
401
  }
402
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-page__sidebar {
402
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-page__sidebar {
403
403
  transform: translateX(calc(var(--pf-v5-c-page__sidebar--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateZ(var(--pf-v5-c-page__sidebar--TranslateZ));
404
404
  }
405
405
 
package/components/Pagination/pagination.css CHANGED
@@ -196,7 +196,7 @@
196
196
  justify-content: flex-end;
197
197
  }
198
198
 
199
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-pagination__nav-control {
199
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-pagination__nav-control {
200
200
  scale: -1 1;
201
201
  }
202
202
 
package/components/Popover/popover.css CHANGED
@@ -71,7 +71,7 @@
71
71
  inset-inline-start: 50%;
72
72
  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));
73
73
  }
74
- :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 {
74
+ :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 {
75
75
  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));
76
76
  }
77
77
 
@@ -85,7 +85,7 @@
85
85
  inset-inline-start: 50%;
86
86
  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));
87
87
  }
88
- :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 {
88
+ :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 {
89
89
  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));
90
90
  }
91
91
 
@@ -99,7 +99,7 @@
99
99
  inset-inline-end: 0;
100
100
  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));
101
101
  }
102
- :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 {
102
+ :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 {
103
103
  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));
104
104
  }
105
105
 
@@ -113,7 +113,7 @@
113
113
  inset-inline-start: 0;
114
114
  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));
115
115
  }
116
- :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 {
116
+ :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 {
117
117
  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));
118
118
  }
119
119
 
package/components/Skeleton/skeleton.css CHANGED
@@ -66,7 +66,7 @@
66
66
  transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
67
67
  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);
68
68
  }
69
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
69
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
70
70
  scale: -1 1;
71
71
  }
72
72
 
package/components/Slider/slider.css CHANGED
@@ -60,7 +60,7 @@
60
60
  --pf-v5-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-v5-global--palette--black-700);
61
61
  display: flex;
62
62
  }
63
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
63
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
64
64
  --pf-v5-c-slider__rail-track--before--fill--direction: left;
65
65
  }
66
66
 
@@ -133,7 +133,7 @@
133
133
  background-color: var(--pf-v5-c-slider__step-tick--BackgroundColor);
134
134
  border-radius: var(--pf-v5-c-slider__step-tick--BorderRadius);
135
135
  }
136
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
136
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
137
137
  transform: translateX(calc(var(--pf-v5-c-slider__step-tick--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
138
138
  }
139
139
 
@@ -143,7 +143,7 @@
143
143
  inset-block-start: var(--pf-v5-c-slider__step-label--Top);
144
144
  word-break: normal;
145
145
  }
146
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
146
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
147
147
  transform: translateX(calc(var(--pf-v5-c-slider__step-label--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
148
148
  }
149
149
 
@@ -159,7 +159,7 @@
159
159
  border-radius: var(--pf-v5-c-slider__thumb--BorderRadius);
160
160
  box-shadow: var(--pf-v5-c-slider__thumb--BoxShadow);
161
161
  }
162
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb {
162
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb {
163
163
  transform: translate(calc(var(--pf-v5-c-slider__thumb--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__thumb--TranslateY));
164
164
  }
165
165
 
@@ -173,7 +173,7 @@
173
173
  content: "";
174
174
  border-radius: var(--pf-v5-c-slider__thumb--before--BorderRadius);
175
175
  }
176
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb::before {
176
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb::before {
177
177
  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));
178
178
  }
179
179
 
@@ -199,7 +199,7 @@
199
199
  inset-inline-start: var(--pf-v5-c-slider__value--m-floating--Left);
200
200
  z-index: var(--pf-v5-c-slider__value--m-floating--ZIndex);
201
201
  }
202
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__value.pf-m-floating {
202
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__value.pf-m-floating {
203
203
  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));
204
204
  }
205
205
 
package/components/Switch/switch.css CHANGED
@@ -69,7 +69,7 @@
69
69
  .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
70
70
  transform: translateX(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX));
71
71
  }
72
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
72
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
73
73
  transform: translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
74
74
  }
75
75
 
package/components/Table/table-tree-view.css CHANGED
@@ -69,7 +69,7 @@
69
69
  position: var(--pf-v5-c-table--m-tree-view__toggle--Position);
70
70
  inset-inline-start: var(--pf-v5-c-table--m-tree-view__toggle--Left);
71
71
  }
72
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
72
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
73
73
  transform: translateX(calc(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
74
74
  }
75
75
 
package/components/Table/table.css CHANGED
@@ -734,7 +734,7 @@
734
734
  transition: var(--pf-v5-c-table__toggle--c-button__toggle-icon--Transition);
735
735
  transform: rotate(var(--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate));
736
736
  }
737
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
737
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
738
738
  scale: -1 1;
739
739
  }
740
740
 
package/components/Tabs/tabs.css CHANGED
@@ -417,7 +417,7 @@
417
417
  transition: var(--pf-v5-c-tabs__toggle-icon--Transition);
418
418
  transform: rotate(var(--pf-v5-c-tabs__toggle-icon--Rotate));
419
419
  }
420
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__toggle-icon {
420
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__toggle-icon {
421
421
  scale: -1 1;
422
422
  }
423
423
 
@@ -594,7 +594,7 @@
594
594
  transition: var(--pf-v5-c-tabs__link-toggle-icon--Transition);
595
595
  transform: rotate(var(--pf-v5-c-tabs__link-toggle-icon--Rotate));
596
596
  }
597
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__link-toggle-icon {
597
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__link-toggle-icon {
598
598
  scale: -1 1;
599
599
  }
600
600
 
@@ -628,7 +628,7 @@
628
628
  opacity: 0;
629
629
  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);
630
630
  }
631
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
631
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
632
632
  scale: -1 1;
633
633
  }
634
634
 
package/components/Tooltip/tooltip.css CHANGED
@@ -38,7 +38,7 @@
38
38
  inset-inline-start: 50%;
39
39
  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));
40
40
  }
41
- :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 {
41
+ :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 {
42
42
  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));
43
43
  }
44
44
 
@@ -52,7 +52,7 @@
52
52
  inset-inline-start: 50%;
53
53
  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));
54
54
  }
55
- :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 {
55
+ :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 {
56
56
  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));
57
57
  }
58
58
 
@@ -66,7 +66,7 @@
66
66
  inset-inline-end: 0;
67
67
  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));
68
68
  }
69
- :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 {
69
+ :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 {
70
70
  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));
71
71
  }
72
72
 
@@ -80,7 +80,7 @@
80
80
  inset-inline-start: 0;
81
81
  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));
82
82
  }
83
- :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 {
83
+ :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 {
84
84
  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));
85
85
  }
86
86
 
package/components/TreeView/tree-view.css CHANGED
@@ -229,7 +229,7 @@
229
229
  transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
230
230
  transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
231
231
  }
232
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
232
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
233
233
  scale: -1 1;
234
234
  }
235
235
 
@@ -321,7 +321,7 @@
321
321
  border: 0;
322
322
  transform: translateX(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX));
323
323
  }
324
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
324
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
325
325
  transform: translateX(calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
326
326
  }
327
327
 
package/components/Truncate/truncate.css CHANGED
@@ -21,7 +21,7 @@
21
21
  .pf-v5-c-truncate__end {
22
22
  direction: rtl;
23
23
  }
24
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
24
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
25
25
  direction: ltr;
26
26
  }
27
27
 
@@ -29,7 +29,7 @@
29
29
  overflow: visible;
30
30
  direction: ltr;
31
31
  }
32
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
32
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
33
33
  direction: rtl;
34
34
  }
35
35
 
@@ -37,7 +37,7 @@
37
37
  .pf-v5-c-truncate__end {
38
38
  direction: ltr;
39
39
  }
40
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
40
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
41
41
  direction: rtl;
42
42
  }
43
43
  }