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

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 (18) 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/Table/table-scrollable.css +2 -2
  6. package/components/Table/table-scrollable.scss +4 -2
  7. package/components/Table/table-tree-view.css +5 -1
  8. package/components/Table/table-tree-view.scss +7 -2
  9. package/components/Table/table.css +4 -0
  10. package/components/Table/table.scss +2 -0
  11. package/docs/components/Table/examples/Table.md +2 -2
  12. package/package.json +1 -1
  13. package/patternfly-no-globals.css +59 -4
  14. package/patternfly-theme-dark-unversioned.css +59 -4
  15. package/patternfly.css +59 -4
  16. package/patternfly.min.css +1 -1
  17. package/patternfly.min.css.map +1 -1
  18. package/sass-utilities/mixins.scss +1 -1
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;
@@ -27649,6 +27696,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27649
27696
  transition: var(--pf-v5-c-table__toggle--c-button__toggle-icon--Transition);
27650
27697
  transform: rotate(var(--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate));
27651
27698
  }
27699
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
27700
+ scale: -1 1;
27701
+ }
27702
+
27652
27703
  .pf-v5-c-table__toggle svg {
27653
27704
  pointer-events: none;
27654
27705
  }
@@ -28045,10 +28096,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
28045
28096
  --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
28046
28097
  --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28047
28098
  }
28048
- .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right {
28099
+ .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
28100
  --pf-v5-c-table__sticky-cell--Right: var(--pf-v5-c-table__sticky-cell--m-right--Right);
28050
28101
  }
28051
- .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left {
28102
+ .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
28103
  --pf-v5-c-table__sticky-cell--Left: var(--pf-v5-c-table__sticky-cell--m-left--Left);
28053
28104
  }
28054
28105
 
@@ -28138,10 +28189,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
28138
28189
  cursor: pointer;
28139
28190
  }
28140
28191
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28192
+ transform: translateX(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX));
28141
28193
  position: var(--pf-v5-c-table--m-tree-view__toggle--Position);
28142
28194
  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
28195
  }
28196
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28197
+ transform: translateX(calc(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
28198
+ }
28199
+
28145
28200
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
28146
28201
  min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
28147
28202
  }
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;
@@ -27649,6 +27696,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27649
27696
  transition: var(--pf-v5-c-table__toggle--c-button__toggle-icon--Transition);
27650
27697
  transform: rotate(var(--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate));
27651
27698
  }
27699
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
27700
+ scale: -1 1;
27701
+ }
27702
+
27652
27703
  .pf-v5-c-table__toggle svg {
27653
27704
  pointer-events: none;
27654
27705
  }
@@ -28045,10 +28096,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
28045
28096
  --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
28046
28097
  --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
28047
28098
  }
28048
- .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right {
28099
+ .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
28100
  --pf-v5-c-table__sticky-cell--Right: var(--pf-v5-c-table__sticky-cell--m-right--Right);
28050
28101
  }
28051
- .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left {
28102
+ .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
28103
  --pf-v5-c-table__sticky-cell--Left: var(--pf-v5-c-table__sticky-cell--m-left--Left);
28053
28104
  }
28054
28105
 
@@ -28138,10 +28189,14 @@ svg.pf-v5-c-spinner.pf-m-xl {
28138
28189
  cursor: pointer;
28139
28190
  }
28140
28191
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28192
+ transform: translateX(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX));
28141
28193
  position: var(--pf-v5-c-table--m-tree-view__toggle--Position);
28142
28194
  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
28195
  }
28196
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
28197
+ transform: translateX(calc(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
28198
+ }
28199
+
28145
28200
  .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
28146
28201
  min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
28147
28202
  }