@patternfly/patternfly 5.1.0-prerelease.16 → 5.1.0-prerelease.18

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 (21) hide show
  1. package/components/Drawer/drawer.css +45 -1
  2. package/components/Drawer/drawer.scss +43 -9
  3. package/components/Form/form.css +3 -0
  4. package/components/Form/form.scss +2 -0
  5. package/components/Skeleton/skeleton.css +4 -0
  6. package/components/Skeleton/skeleton.scss +2 -0
  7. package/components/Table/table-scrollable.css +2 -2
  8. package/components/Table/table-scrollable.scss +4 -2
  9. package/components/Table/table-tree-view.css +5 -1
  10. package/components/Table/table-tree-view.scss +7 -2
  11. package/components/Table/table.css +4 -0
  12. package/components/Table/table.scss +2 -0
  13. package/docs/components/Table/examples/Table.md +2 -2
  14. package/docs/demos/Skeleton/examples/Skeleton.md +7 -35
  15. package/package.json +1 -1
  16. package/patternfly-no-globals.css +63 -4
  17. package/patternfly-theme-dark-unversioned.css +63 -4
  18. package/patternfly.css +63 -4
  19. package/patternfly.min.css +1 -1
  20. package/patternfly.min.css.map +1 -1
  21. package/sass-utilities/mixins.scss +1 -1
package/patternfly-no-globals.css CHANGED
@@ -12622,9 +12622,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12622
12622
  --pf-v5-c-drawer__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
12623
12623
  --pf-v5-c-drawer__actions--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
12624
12624
  --pf-v5-c-drawer__panel--BoxShadow: none;
12625
+ --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-top);
12625
12626
  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
12626
12627
  --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
12627
- --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-top);
12628
12628
  --pf-v5-c-drawer__panel--after--Width: var(--pf-v5-global--BorderWidth--sm);
12629
12629
  --pf-v5-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-v5-global--BorderWidth--sm);
12630
12630
  --pf-v5-c-drawer__panel--after--BackgroundColor: transparent;
@@ -12658,6 +12658,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12658
12658
  --pf-v5-c-drawer__panel--MinHeight: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight);
12659
12659
  }
12660
12660
  }
12661
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12662
+ --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
12663
+ }
12664
+
12665
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12666
+ --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
12667
+ }
12668
+
12661
12669
  .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v5-c-drawer.pf-m-static > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
12662
12670
  padding-inline-start: var(--pf-v5-c-drawer--m-inline__panel--PaddingLeft);
12663
12671
  }
@@ -12666,6 +12674,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12666
12674
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
12667
12675
  transform: translateX(-100%);
12668
12676
  }
12677
+ :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 {
12678
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
12679
+ }
12680
+
12669
12681
  .pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
12670
12682
  order: 1;
12671
12683
  }
@@ -12675,6 +12687,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12675
12687
  .pf-v5-c-drawer.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12676
12688
  transform: translateX(-100%);
12677
12689
  }
12690
+ :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 {
12691
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
12692
+ }
12693
+
12678
12694
  .pf-v5-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12679
12695
  transform: translateX(0);
12680
12696
  }
@@ -12889,6 +12905,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12889
12905
  inset-inline-start: var(--pf-v5-c-drawer__splitter-handle--Left);
12890
12906
  transform: translate(-50%, -50%);
12891
12907
  }
12908
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer__splitter-handle {
12909
+ transform: translate(calc(-50% * var(--pf-v5-global--inverse--multiplier)), -50%);
12910
+ }
12911
+
12892
12912
  .pf-v5-c-drawer__splitter-handle::after {
12893
12913
  display: block;
12894
12914
  width: var(--pf-v5-c-drawer__splitter-handle--after--Width);
@@ -13094,6 +13114,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13094
13114
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13095
13115
  transform: translateX(100%);
13096
13116
  }
13117
+ :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 {
13118
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13119
+ }
13097
13120
  .pf-v5-c-drawer.pf-m-inline.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13098
13121
  margin-inline-start: 0;
13099
13122
  transform: translateX(0);
@@ -13106,6 +13129,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13106
13129
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13107
13130
  transform: translateX(-100%);
13108
13131
  }
13132
+ :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 {
13133
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13134
+ }
13109
13135
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13110
13136
  margin-inline-end: 0;
13111
13137
  transform: translateX(0);
@@ -13155,6 +13181,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13155
13181
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13156
13182
  transform: translateX(100%);
13157
13183
  }
13184
+ :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 {
13185
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13186
+ }
13158
13187
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13159
13188
  margin-inline-start: 0;
13160
13189
  transform: translateX(0);
@@ -13167,6 +13196,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13167
13196
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13168
13197
  transform: translateX(-100%);
13169
13198
  }
13199
+ :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 {
13200
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13201
+ }
13170
13202
  .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 {
13171
13203
  margin-inline-end: 0;
13172
13204
  transform: translateX(0);
@@ -13216,6 +13248,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13216
13248
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13217
13249
  transform: translateX(100%);
13218
13250
  }
13251
+ :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 {
13252
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13253
+ }
13219
13254
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13220
13255
  margin-inline-start: 0;
13221
13256
  transform: translateX(0);
@@ -13228,6 +13263,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13228
13263
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13229
13264
  transform: translateX(-100%);
13230
13265
  }
13266
+ :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 {
13267
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13268
+ }
13231
13269
  .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 {
13232
13270
  margin-inline-end: 0;
13233
13271
  transform: translateX(0);
@@ -13277,6 +13315,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13277
13315
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13278
13316
  transform: translateX(100%);
13279
13317
  }
13318
+ :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 {
13319
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13320
+ }
13280
13321
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13281
13322
  margin-inline-start: 0;
13282
13323
  transform: translateX(0);
@@ -13289,6 +13330,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13289
13330
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13290
13331
  transform: translateX(-100%);
13291
13332
  }
13333
+ :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 {
13334
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13335
+ }
13292
13336
  .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 {
13293
13337
  margin-inline-end: 0;
13294
13338
  transform: translateX(0);
@@ -14803,6 +14847,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14803
14847
  transition: var(--pf-v5-c-form__field-group-toggle-icon--Transition);
14804
14848
  transform: rotate(var(--pf-v5-c-form__field-group-toggle-icon--Rotate));
14805
14849
  }
14850
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-form__field-group-toggle-icon {
14851
+ scale: -1 1;
14852
+ }
14806
14853
 
14807
14854
  .pf-v5-c-form__field-group-header {
14808
14855
  display: flex;
@@ -24570,6 +24617,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24570
24617
  transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
24571
24618
  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);
24572
24619
  }
24620
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
24621
+ scale: -1 1;
24622
+ }
24623
+
24573
24624
  .pf-v5-c-skeleton.pf-m-circle {
24574
24625
  --pf-v5-c-skeleton--BorderRadius: var(--pf-v5-c-skeleton--m-circle--BorderRadius);
24575
24626
  }
@@ -27532,6 +27583,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27532
27583
  transition: var(--pf-v5-c-table__toggle--c-button__toggle-icon--Transition);
27533
27584
  transform: rotate(var(--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate));
27534
27585
  }
27586
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
27587
+ scale: -1 1;
27588
+ }
27589
+
27535
27590
  .pf-v5-c-table__toggle svg {
27536
27591
  pointer-events: none;
27537
27592
  }
@@ -27928,10 +27983,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27928
27983
  --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
27929
27984
  --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
27930
27985
  }
27931
- .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right {
27986
+ .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-end {
27932
27987
  --pf-v5-c-table__sticky-cell--Right: var(--pf-v5-c-table__sticky-cell--m-right--Right);
27933
27988
  }
27934
- .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left {
27989
+ .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-start {
27935
27990
  --pf-v5-c-table__sticky-cell--Left: var(--pf-v5-c-table__sticky-cell--m-left--Left);
27936
27991
  }
27937
27992
 
@@ -28021,10 +28076,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
28021
28076
  cursor: pointer;
28022
28077
  }
28023
28078
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28079
+ transform: translateX(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX));
28024
28080
  position: var(--pf-v5-c-table--m-tree-view__toggle--Position);
28025
28081
  inset-inline-start: var(--pf-v5-c-table--m-tree-view__toggle--Left);
28026
- transform: translateX(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX));
28027
28082
  }
28083
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28084
+ transform: translateX(calc(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
28085
+ }
28086
+
28028
28087
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
28029
28088
  min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
28030
28089
  }
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -12739,9 +12739,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12739
12739
  --pf-v5-c-drawer__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
12740
12740
  --pf-v5-c-drawer__actions--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
12741
12741
  --pf-v5-c-drawer__panel--BoxShadow: none;
12742
+ --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-top);
12742
12743
  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
12743
12744
  --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
12744
- --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-top);
12745
12745
  --pf-v5-c-drawer__panel--after--Width: var(--pf-v5-global--BorderWidth--sm);
12746
12746
  --pf-v5-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-v5-global--BorderWidth--sm);
12747
12747
  --pf-v5-c-drawer__panel--after--BackgroundColor: transparent;
@@ -12775,6 +12775,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12775
12775
  --pf-v5-c-drawer__panel--MinHeight: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight);
12776
12776
  }
12777
12777
  }
12778
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12779
+ --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
12780
+ }
12781
+
12782
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12783
+ --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
12784
+ }
12785
+
12778
12786
  .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v5-c-drawer.pf-m-static > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
12779
12787
  padding-inline-start: var(--pf-v5-c-drawer--m-inline__panel--PaddingLeft);
12780
12788
  }
@@ -12783,6 +12791,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12783
12791
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
12784
12792
  transform: translateX(-100%);
12785
12793
  }
12794
+ :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 {
12795
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
12796
+ }
12797
+
12786
12798
  .pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
12787
12799
  order: 1;
12788
12800
  }
@@ -12792,6 +12804,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12792
12804
  .pf-v5-c-drawer.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12793
12805
  transform: translateX(-100%);
12794
12806
  }
12807
+ :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 {
12808
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
12809
+ }
12810
+
12795
12811
  .pf-v5-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12796
12812
  transform: translateX(0);
12797
12813
  }
@@ -13006,6 +13022,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13006
13022
  inset-inline-start: var(--pf-v5-c-drawer__splitter-handle--Left);
13007
13023
  transform: translate(-50%, -50%);
13008
13024
  }
13025
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer__splitter-handle {
13026
+ transform: translate(calc(-50% * var(--pf-v5-global--inverse--multiplier)), -50%);
13027
+ }
13028
+
13009
13029
  .pf-v5-c-drawer__splitter-handle::after {
13010
13030
  display: block;
13011
13031
  width: var(--pf-v5-c-drawer__splitter-handle--after--Width);
@@ -13211,6 +13231,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13211
13231
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13212
13232
  transform: translateX(100%);
13213
13233
  }
13234
+ :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 {
13235
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13236
+ }
13214
13237
  .pf-v5-c-drawer.pf-m-inline.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13215
13238
  margin-inline-start: 0;
13216
13239
  transform: translateX(0);
@@ -13223,6 +13246,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13223
13246
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13224
13247
  transform: translateX(-100%);
13225
13248
  }
13249
+ :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 {
13250
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13251
+ }
13226
13252
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13227
13253
  margin-inline-end: 0;
13228
13254
  transform: translateX(0);
@@ -13272,6 +13298,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13272
13298
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13273
13299
  transform: translateX(100%);
13274
13300
  }
13301
+ :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 {
13302
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13303
+ }
13275
13304
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13276
13305
  margin-inline-start: 0;
13277
13306
  transform: translateX(0);
@@ -13284,6 +13313,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13284
13313
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13285
13314
  transform: translateX(-100%);
13286
13315
  }
13316
+ :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 {
13317
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13318
+ }
13287
13319
  .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 {
13288
13320
  margin-inline-end: 0;
13289
13321
  transform: translateX(0);
@@ -13333,6 +13365,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13333
13365
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13334
13366
  transform: translateX(100%);
13335
13367
  }
13368
+ :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 {
13369
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13370
+ }
13336
13371
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13337
13372
  margin-inline-start: 0;
13338
13373
  transform: translateX(0);
@@ -13345,6 +13380,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13345
13380
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13346
13381
  transform: translateX(-100%);
13347
13382
  }
13383
+ :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 {
13384
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13385
+ }
13348
13386
  .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 {
13349
13387
  margin-inline-end: 0;
13350
13388
  transform: translateX(0);
@@ -13394,6 +13432,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13394
13432
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13395
13433
  transform: translateX(100%);
13396
13434
  }
13435
+ :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 {
13436
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13437
+ }
13397
13438
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13398
13439
  margin-inline-start: 0;
13399
13440
  transform: translateX(0);
@@ -13406,6 +13447,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13406
13447
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13407
13448
  transform: translateX(-100%);
13408
13449
  }
13450
+ :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 {
13451
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13452
+ }
13409
13453
  .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 {
13410
13454
  margin-inline-end: 0;
13411
13455
  transform: translateX(0);
@@ -14920,6 +14964,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14920
14964
  transition: var(--pf-v5-c-form__field-group-toggle-icon--Transition);
14921
14965
  transform: rotate(var(--pf-v5-c-form__field-group-toggle-icon--Rotate));
14922
14966
  }
14967
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-form__field-group-toggle-icon {
14968
+ scale: -1 1;
14969
+ }
14923
14970
 
14924
14971
  .pf-v5-c-form__field-group-header {
14925
14972
  display: flex;
@@ -24687,6 +24734,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24687
24734
  transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
24688
24735
  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);
24689
24736
  }
24737
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
24738
+ scale: -1 1;
24739
+ }
24740
+
24690
24741
  .pf-v5-c-skeleton.pf-m-circle {
24691
24742
  --pf-v5-c-skeleton--BorderRadius: var(--pf-v5-c-skeleton--m-circle--BorderRadius);
24692
24743
  }
@@ -27649,6 +27700,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27649
27700
  transition: var(--pf-v5-c-table__toggle--c-button__toggle-icon--Transition);
27650
27701
  transform: rotate(var(--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate));
27651
27702
  }
27703
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
27704
+ scale: -1 1;
27705
+ }
27706
+
27652
27707
  .pf-v5-c-table__toggle svg {
27653
27708
  pointer-events: none;
27654
27709
  }
@@ -28045,10 +28100,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
28045
28100
  --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
28046
28101
  --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28047
28102
  }
28048
- .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right {
28103
+ .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-end {
28049
28104
  --pf-v5-c-table__sticky-cell--Right: var(--pf-v5-c-table__sticky-cell--m-right--Right);
28050
28105
  }
28051
- .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left {
28106
+ .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-start {
28052
28107
  --pf-v5-c-table__sticky-cell--Left: var(--pf-v5-c-table__sticky-cell--m-left--Left);
28053
28108
  }
28054
28109
 
@@ -28138,10 +28193,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
28138
28193
  cursor: pointer;
28139
28194
  }
28140
28195
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28196
+ transform: translateX(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX));
28141
28197
  position: var(--pf-v5-c-table--m-tree-view__toggle--Position);
28142
28198
  inset-inline-start: var(--pf-v5-c-table--m-tree-view__toggle--Left);
28143
- transform: translateX(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX));
28144
28199
  }
28200
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28201
+ transform: translateX(calc(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
28202
+ }
28203
+
28145
28204
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
28146
28205
  min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
28147
28206
  }
package/patternfly.css CHANGED
@@ -12739,9 +12739,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12739
12739
  --pf-v5-c-drawer__actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
12740
12740
  --pf-v5-c-drawer__actions--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
12741
12741
  --pf-v5-c-drawer__panel--BoxShadow: none;
12742
+ --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-top);
12742
12743
  --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
12743
12744
  --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
12744
- --pf-v5-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-top);
12745
12745
  --pf-v5-c-drawer__panel--after--Width: var(--pf-v5-global--BorderWidth--sm);
12746
12746
  --pf-v5-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-v5-global--BorderWidth--sm);
12747
12747
  --pf-v5-c-drawer__panel--after--BackgroundColor: transparent;
@@ -12775,6 +12775,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12775
12775
  --pf-v5-c-drawer__panel--MinHeight: var(--pf-v5-c-drawer--m-panel-bottom__panel--xl--MinHeight);
12776
12776
  }
12777
12777
  }
12778
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12779
+ --pf-v5-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right);
12780
+ }
12781
+
12782
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer {
12783
+ --pf-v5-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v5-global--BoxShadow--lg-left);
12784
+ }
12785
+
12778
12786
  .pf-v5-c-drawer.pf-m-inline > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v5-c-drawer.pf-m-static > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
12779
12787
  padding-inline-start: var(--pf-v5-c-drawer--m-inline__panel--PaddingLeft);
12780
12788
  }
@@ -12783,6 +12791,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12783
12791
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
12784
12792
  transform: translateX(-100%);
12785
12793
  }
12794
+ :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 {
12795
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
12796
+ }
12797
+
12786
12798
  .pf-v5-c-drawer.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__content {
12787
12799
  order: 1;
12788
12800
  }
@@ -12792,6 +12804,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12792
12804
  .pf-v5-c-drawer.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12793
12805
  transform: translateX(-100%);
12794
12806
  }
12807
+ :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 {
12808
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
12809
+ }
12810
+
12795
12811
  .pf-v5-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
12796
12812
  transform: translateX(0);
12797
12813
  }
@@ -13006,6 +13022,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13006
13022
  inset-inline-start: var(--pf-v5-c-drawer__splitter-handle--Left);
13007
13023
  transform: translate(-50%, -50%);
13008
13024
  }
13025
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-drawer__splitter-handle {
13026
+ transform: translate(calc(-50% * var(--pf-v5-global--inverse--multiplier)), -50%);
13027
+ }
13028
+
13009
13029
  .pf-v5-c-drawer__splitter-handle::after {
13010
13030
  display: block;
13011
13031
  width: var(--pf-v5-c-drawer__splitter-handle--after--Width);
@@ -13211,6 +13231,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13211
13231
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13212
13232
  transform: translateX(100%);
13213
13233
  }
13234
+ :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 {
13235
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13236
+ }
13214
13237
  .pf-v5-c-drawer.pf-m-inline.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13215
13238
  margin-inline-start: 0;
13216
13239
  transform: translateX(0);
@@ -13223,6 +13246,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13223
13246
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13224
13247
  transform: translateX(-100%);
13225
13248
  }
13249
+ :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 {
13250
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13251
+ }
13226
13252
  .pf-v5-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13227
13253
  margin-inline-end: 0;
13228
13254
  transform: translateX(0);
@@ -13272,6 +13298,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13272
13298
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13273
13299
  transform: translateX(100%);
13274
13300
  }
13301
+ :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 {
13302
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13303
+ }
13275
13304
  .pf-v5-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13276
13305
  margin-inline-start: 0;
13277
13306
  transform: translateX(0);
@@ -13284,6 +13313,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13284
13313
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13285
13314
  transform: translateX(-100%);
13286
13315
  }
13316
+ :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 {
13317
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13318
+ }
13287
13319
  .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 {
13288
13320
  margin-inline-end: 0;
13289
13321
  transform: translateX(0);
@@ -13333,6 +13365,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13333
13365
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13334
13366
  transform: translateX(100%);
13335
13367
  }
13368
+ :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 {
13369
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13370
+ }
13336
13371
  .pf-v5-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13337
13372
  margin-inline-start: 0;
13338
13373
  transform: translateX(0);
@@ -13345,6 +13380,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13345
13380
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13346
13381
  transform: translateX(-100%);
13347
13382
  }
13383
+ :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 {
13384
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13385
+ }
13348
13386
  .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 {
13349
13387
  margin-inline-end: 0;
13350
13388
  transform: translateX(0);
@@ -13394,6 +13432,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13394
13432
  margin-inline-start: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13395
13433
  transform: translateX(100%);
13396
13434
  }
13435
+ :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 {
13436
+ transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
13437
+ }
13397
13438
  .pf-v5-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v5-c-drawer__main > .pf-v5-c-drawer__panel {
13398
13439
  margin-inline-start: 0;
13399
13440
  transform: translateX(0);
@@ -13406,6 +13447,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13406
13447
  margin-inline-end: calc(var(--pf-v5-c-drawer__panel--FlexBasis) * -1);
13407
13448
  transform: translateX(-100%);
13408
13449
  }
13450
+ :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 {
13451
+ transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
13452
+ }
13409
13453
  .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 {
13410
13454
  margin-inline-end: 0;
13411
13455
  transform: translateX(0);
@@ -14920,6 +14964,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14920
14964
  transition: var(--pf-v5-c-form__field-group-toggle-icon--Transition);
14921
14965
  transform: rotate(var(--pf-v5-c-form__field-group-toggle-icon--Rotate));
14922
14966
  }
14967
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-form__field-group-toggle-icon {
14968
+ scale: -1 1;
14969
+ }
14923
14970
 
14924
14971
  .pf-v5-c-form__field-group-header {
14925
14972
  display: flex;
@@ -24687,6 +24734,10 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24687
24734
  transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
24688
24735
  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);
24689
24736
  }
24737
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
24738
+ scale: -1 1;
24739
+ }
24740
+
24690
24741
  .pf-v5-c-skeleton.pf-m-circle {
24691
24742
  --pf-v5-c-skeleton--BorderRadius: var(--pf-v5-c-skeleton--m-circle--BorderRadius);
24692
24743
  }
@@ -27649,6 +27700,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27649
27700
  transition: var(--pf-v5-c-table__toggle--c-button__toggle-icon--Transition);
27650
27701
  transform: rotate(var(--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate));
27651
27702
  }
27703
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
27704
+ scale: -1 1;
27705
+ }
27706
+
27652
27707
  .pf-v5-c-table__toggle svg {
27653
27708
  pointer-events: none;
27654
27709
  }
@@ -28045,10 +28100,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
28045
28100
  --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
28046
28101
  --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28047
28102
  }
28048
- .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right {
28103
+ .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-end {
28049
28104
  --pf-v5-c-table__sticky-cell--Right: var(--pf-v5-c-table__sticky-cell--m-right--Right);
28050
28105
  }
28051
- .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left {
28106
+ .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-start {
28052
28107
  --pf-v5-c-table__sticky-cell--Left: var(--pf-v5-c-table__sticky-cell--m-left--Left);
28053
28108
  }
28054
28109
 
@@ -28138,10 +28193,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
28138
28193
  cursor: pointer;
28139
28194
  }
28140
28195
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28196
+ transform: translateX(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX));
28141
28197
  position: var(--pf-v5-c-table--m-tree-view__toggle--Position);
28142
28198
  inset-inline-start: var(--pf-v5-c-table--m-tree-view__toggle--Left);
28143
- transform: translateX(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX));
28144
28199
  }
28200
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28201
+ transform: translateX(calc(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
28202
+ }
28203
+
28145
28204
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
28146
28205
  min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
28147
28206
  }