@patternfly/patternfly 5.1.0-prerelease.24 → 5.1.0-prerelease.25

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 (13) hide show
  1. package/components/AboutModalBox/about-modal-box.css +5 -0
  2. package/components/AboutModalBox/about-modal-box.scss +7 -0
  3. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  4. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  5. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +16 -4
  6. package/docs/demos/Table/examples/Table.md +48 -12
  7. package/docs/demos/Tabs/examples/Tabs.md +4 -1
  8. package/package.json +5 -5
  9. package/patternfly-no-globals.css +5 -0
  10. package/patternfly-theme-dark-unversioned.css +5 -0
  11. package/patternfly.css +5 -0
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
package/components/AboutModalBox/about-modal-box.css CHANGED
@@ -26,6 +26,7 @@
26
26
  --pf-v5-c-about-modal-box--Width: 100%;
27
27
  --pf-v5-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
28
28
  --pf-v5-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
29
+ --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
29
30
  --pf-v5-c-about-modal-box__brand--PaddingTop: var(--pf-v5-global--spacer--2xl);
30
31
  --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-global--spacer--xl);
31
32
  --pf-v5-c-about-modal-box__brand--PaddingLeft: var(--pf-v5-global--spacer--xl);
@@ -78,6 +79,10 @@
78
79
  background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
79
80
  background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
80
81
  }
82
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-about-modal-box {
83
+ --pf-v5-c-about-modal-box--BackgroundPosition: bottom left;
84
+ }
85
+
81
86
  @media screen and (min-width: 576px) {
82
87
  .pf-v5-c-about-modal-box {
83
88
  --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-c-about-modal-box__brand--sm--PaddingRight);
package/components/AboutModalBox/about-modal-box.scss CHANGED
@@ -15,6 +15,13 @@
15
15
  --#{$about-modal-box}--sm--GridTemplateColumns: 5fr 1fr;
16
16
  --#{$about-modal-box}--lg--GridTemplateColumns: 1fr .6fr;
17
17
 
18
+ @include pf-v5-bidirectional-style(
19
+ $prop: --#{$about-modal-box}--BackgroundPosition,
20
+ $ltr-val: bottom right,
21
+ $rtl-val: bottom left
22
+ );
23
+
24
+
18
25
  // Brand
19
26
  --#{$about-modal-box}__brand--PaddingTop: var(--#{$pf-global}--spacer--2xl);
20
27
  --#{$about-modal-box}__brand--PaddingRight: var(--#{$pf-global}--spacer--xl);
package/docs/components/DualListSelector/examples/DualListSelector.md CHANGED
@@ -38,7 +38,10 @@ cssPrefix: pf-v5-c-dual-list-selector
38
38
  type="button"
39
39
  aria-label="Sort"
40
40
  >
41
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
41
+ <i
42
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
43
+ aria-hidden="true"
44
+ ></i>
42
45
  </button>
43
46
  <div class="pf-v5-c-dropdown">
44
47
  <button
@@ -252,7 +255,10 @@ cssPrefix: pf-v5-c-dual-list-selector
252
255
  type="button"
253
256
  aria-label="Sort"
254
257
  >
255
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
258
+ <i
259
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
260
+ aria-hidden="true"
261
+ ></i>
256
262
  </button>
257
263
  <div class="pf-v5-c-dropdown">
258
264
  <button
@@ -367,7 +373,10 @@ cssPrefix: pf-v5-c-dual-list-selector
367
373
  type="button"
368
374
  aria-label="Sort"
369
375
  >
370
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
376
+ <i
377
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
378
+ aria-hidden="true"
379
+ ></i>
371
380
  </button>
372
381
  <div class="pf-v5-c-dropdown">
373
382
  <button
@@ -575,7 +584,10 @@ cssPrefix: pf-v5-c-dual-list-selector
575
584
  type="button"
576
585
  aria-label="Sort"
577
586
  >
578
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
587
+ <i
588
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
589
+ aria-hidden="true"
590
+ ></i>
579
591
  </button>
580
592
  <div class="pf-v5-c-dropdown">
581
593
  <button
@@ -690,7 +702,10 @@ cssPrefix: pf-v5-c-dual-list-selector
690
702
  type="button"
691
703
  aria-label="Sort"
692
704
  >
693
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
705
+ <i
706
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
707
+ aria-hidden="true"
708
+ ></i>
694
709
  </button>
695
710
  <div class="pf-v5-c-dropdown">
696
711
  <button
@@ -898,7 +913,10 @@ cssPrefix: pf-v5-c-dual-list-selector
898
913
  type="button"
899
914
  aria-label="Sort"
900
915
  >
901
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
916
+ <i
917
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
918
+ aria-hidden="true"
919
+ ></i>
902
920
  </button>
903
921
  <div class="pf-v5-c-dropdown">
904
922
  <button
@@ -1013,7 +1031,10 @@ cssPrefix: pf-v5-c-dual-list-selector
1013
1031
  type="button"
1014
1032
  aria-label="Sort"
1015
1033
  >
1016
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1034
+ <i
1035
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1036
+ aria-hidden="true"
1037
+ ></i>
1017
1038
  </button>
1018
1039
  <div class="pf-v5-c-dropdown">
1019
1040
  <button
@@ -1221,7 +1242,10 @@ cssPrefix: pf-v5-c-dual-list-selector
1221
1242
  type="button"
1222
1243
  aria-label="Sort"
1223
1244
  >
1224
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1245
+ <i
1246
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1247
+ aria-hidden="true"
1248
+ ></i>
1225
1249
  </button>
1226
1250
  <div class="pf-v5-c-dropdown">
1227
1251
  <button
@@ -1349,7 +1373,10 @@ cssPrefix: pf-v5-c-dual-list-selector
1349
1373
  type="button"
1350
1374
  aria-label="Sort"
1351
1375
  >
1352
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1376
+ <i
1377
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1378
+ aria-hidden="true"
1379
+ ></i>
1353
1380
  </button>
1354
1381
  <div class="pf-v5-c-dropdown">
1355
1382
  <button
@@ -1556,7 +1583,10 @@ cssPrefix: pf-v5-c-dual-list-selector
1556
1583
  type="button"
1557
1584
  aria-label="Sort"
1558
1585
  >
1559
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1586
+ <i
1587
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1588
+ aria-hidden="true"
1589
+ ></i>
1560
1590
  </button>
1561
1591
  <div class="pf-v5-c-dropdown">
1562
1592
  <button
@@ -1684,7 +1714,10 @@ cssPrefix: pf-v5-c-dual-list-selector
1684
1714
  type="button"
1685
1715
  aria-label="Sort"
1686
1716
  >
1687
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1717
+ <i
1718
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1719
+ aria-hidden="true"
1720
+ ></i>
1688
1721
  </button>
1689
1722
  <div class="pf-v5-c-dropdown">
1690
1723
  <button
@@ -2160,7 +2193,10 @@ cssPrefix: pf-v5-c-dual-list-selector
2160
2193
  type="button"
2161
2194
  aria-label="Sort"
2162
2195
  >
2163
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
2196
+ <i
2197
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
2198
+ aria-hidden="true"
2199
+ ></i>
2164
2200
  </button>
2165
2201
  <div class="pf-v5-c-dropdown">
2166
2202
  <button
@@ -2275,7 +2311,10 @@ cssPrefix: pf-v5-c-dual-list-selector
2275
2311
  type="button"
2276
2312
  aria-label="Sort"
2277
2313
  >
2278
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
2314
+ <i
2315
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
2316
+ aria-hidden="true"
2317
+ ></i>
2279
2318
  </button>
2280
2319
  <div class="pf-v5-c-dropdown">
2281
2320
  <button
@@ -2732,7 +2771,10 @@ cssPrefix: pf-v5-c-dual-list-selector
2732
2771
  type="button"
2733
2772
  aria-label="Sort"
2734
2773
  >
2735
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
2774
+ <i
2775
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
2776
+ aria-hidden="true"
2777
+ ></i>
2736
2778
  </button>
2737
2779
  <div class="pf-v5-c-dropdown">
2738
2780
  <button
@@ -2914,7 +2956,10 @@ cssPrefix: pf-v5-c-dual-list-selector
2914
2956
  type="button"
2915
2957
  aria-label="Sort"
2916
2958
  >
2917
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
2959
+ <i
2960
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
2961
+ aria-hidden="true"
2962
+ ></i>
2918
2963
  </button>
2919
2964
  <div class="pf-v5-c-dropdown">
2920
2965
  <button
@@ -3099,7 +3144,10 @@ cssPrefix: pf-v5-c-dual-list-selector
3099
3144
  type="button"
3100
3145
  aria-label="Sort"
3101
3146
  >
3102
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
3147
+ <i
3148
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
3149
+ aria-hidden="true"
3150
+ ></i>
3103
3151
  </button>
3104
3152
  <div class="pf-v5-c-dropdown">
3105
3153
  <button
package/docs/components/OptionsMenu/deprecated/options-menu.md CHANGED
@@ -314,7 +314,10 @@ deprecated: true
314
314
  disabled
315
315
  aria-label="Sort by"
316
316
  >
317
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
317
+ <i
318
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
319
+ aria-hidden="true"
320
+ ></i>
318
321
  </button>
319
322
  <ul
320
323
  class="pf-v5-c-options-menu__menu"
@@ -360,7 +363,10 @@ deprecated: true
360
363
  aria-expanded="false"
361
364
  aria-label="Sort by"
362
365
  >
363
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
366
+ <i
367
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
368
+ aria-hidden="true"
369
+ ></i>
364
370
  </button>
365
371
  <ul
366
372
  class="pf-v5-c-options-menu__menu"
@@ -406,7 +412,10 @@ deprecated: true
406
412
  aria-expanded="true"
407
413
  aria-label="Sort by"
408
414
  >
409
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
415
+ <i
416
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
417
+ aria-hidden="true"
418
+ ></i>
410
419
  </button>
411
420
  <ul
412
421
  class="pf-v5-c-options-menu__menu"
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -551,7 +551,10 @@ wrapperTag: div
551
551
  type="button"
552
552
  aria-label="Sort"
553
553
  >
554
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
554
+ <i
555
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
556
+ aria-hidden="true"
557
+ ></i>
555
558
  </button>
556
559
  </div>
557
560
 
@@ -1809,7 +1812,10 @@ wrapperTag: div
1809
1812
  type="button"
1810
1813
  aria-label="Sort"
1811
1814
  >
1812
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1815
+ <i
1816
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1817
+ aria-hidden="true"
1818
+ ></i>
1813
1819
  </button>
1814
1820
  </div>
1815
1821
 
@@ -2880,7 +2886,10 @@ wrapperTag: div
2880
2886
  type="button"
2881
2887
  aria-label="Sort"
2882
2888
  >
2883
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
2889
+ <i
2890
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
2891
+ aria-hidden="true"
2892
+ ></i>
2884
2893
  </button>
2885
2894
  </div>
2886
2895
 
@@ -3888,7 +3897,10 @@ wrapperTag: div
3888
3897
  type="button"
3889
3898
  aria-label="Sort"
3890
3899
  >
3891
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
3900
+ <i
3901
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
3902
+ aria-hidden="true"
3903
+ ></i>
3892
3904
  </button>
3893
3905
  </div>
3894
3906
 
package/docs/demos/Table/examples/Table.md CHANGED
@@ -365,7 +365,10 @@ wrapperTag: div
365
365
  type="button"
366
366
  aria-label="Sort"
367
367
  >
368
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
368
+ <i
369
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
370
+ aria-hidden="true"
371
+ ></i>
369
372
  </button>
370
373
  </div>
371
374
 
@@ -1565,7 +1568,10 @@ wrapperTag: div
1565
1568
  aria-expanded="true"
1566
1569
  aria-label="Sort by"
1567
1570
  >
1568
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1571
+ <i
1572
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1573
+ aria-hidden="true"
1574
+ ></i>
1569
1575
  </button>
1570
1576
  <ul
1571
1577
  class="pf-v5-c-options-menu__menu"
@@ -3128,7 +3134,10 @@ wrapperTag: div
3128
3134
  type="button"
3129
3135
  aria-label="Sort"
3130
3136
  >
3131
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
3137
+ <i
3138
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
3139
+ aria-hidden="true"
3140
+ ></i>
3132
3141
  </button>
3133
3142
  </div>
3134
3143
 
@@ -4724,7 +4733,10 @@ wrapperTag: div
4724
4733
  type="button"
4725
4734
  aria-label="Sort"
4726
4735
  >
4727
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
4736
+ <i
4737
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
4738
+ aria-hidden="true"
4739
+ ></i>
4728
4740
  </button>
4729
4741
  </div>
4730
4742
 
@@ -5981,7 +5993,10 @@ wrapperTag: div
5981
5993
  type="button"
5982
5994
  aria-label="Sort"
5983
5995
  >
5984
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
5996
+ <i
5997
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
5998
+ aria-hidden="true"
5999
+ ></i>
5985
6000
  </button>
5986
6001
  </div>
5987
6002
 
@@ -11923,7 +11938,10 @@ wrapperTag: div
11923
11938
  type="button"
11924
11939
  aria-label="Sort"
11925
11940
  >
11926
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
11941
+ <i
11942
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
11943
+ aria-hidden="true"
11944
+ ></i>
11927
11945
  </button>
11928
11946
  </div>
11929
11947
 
@@ -13284,7 +13302,10 @@ wrapperTag: div
13284
13302
  type="button"
13285
13303
  aria-label="Sort"
13286
13304
  >
13287
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
13305
+ <i
13306
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
13307
+ aria-hidden="true"
13308
+ ></i>
13288
13309
  </button>
13289
13310
  </div>
13290
13311
 
@@ -14741,7 +14762,10 @@ wrapperTag: div
14741
14762
  type="button"
14742
14763
  aria-label="Sort"
14743
14764
  >
14744
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
14765
+ <i
14766
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
14767
+ aria-hidden="true"
14768
+ ></i>
14745
14769
  </button>
14746
14770
  </div>
14747
14771
 
@@ -15897,7 +15921,10 @@ wrapperTag: div
15897
15921
  type="button"
15898
15922
  aria-label="Sort"
15899
15923
  >
15900
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
15924
+ <i
15925
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
15926
+ aria-hidden="true"
15927
+ ></i>
15901
15928
  </button>
15902
15929
  </div>
15903
15930
 
@@ -17051,7 +17078,10 @@ wrapperTag: div
17051
17078
  type="button"
17052
17079
  aria-label="Sort"
17053
17080
  >
17054
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
17081
+ <i
17082
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
17083
+ aria-hidden="true"
17084
+ ></i>
17055
17085
  </button>
17056
17086
  </div>
17057
17087
 
@@ -18226,7 +18256,10 @@ wrapperTag: div
18226
18256
  type="button"
18227
18257
  aria-label="Sort"
18228
18258
  >
18229
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
18259
+ <i
18260
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
18261
+ aria-hidden="true"
18262
+ ></i>
18230
18263
  </button>
18231
18264
  </div>
18232
18265
 
@@ -19400,7 +19433,10 @@ wrapperTag: div
19400
19433
  type="button"
19401
19434
  aria-label="Sort"
19402
19435
  >
19403
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
19436
+ <i
19437
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
19438
+ aria-hidden="true"
19439
+ ></i>
19404
19440
  </button>
19405
19441
  </div>
19406
19442
 
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -1717,7 +1717,10 @@ section: components
1717
1717
  type="button"
1718
1718
  aria-label="Sort"
1719
1719
  >
1720
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1720
+ <i
1721
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1722
+ aria-hidden="true"
1723
+ ></i>
1721
1724
  </button>
1722
1725
  </div>
1723
1726
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "5.1.0-prerelease.24",
4
+ "version": "5.1.0-prerelease.25",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -45,11 +45,11 @@
45
45
  "@commitlint/config-conventional": "^17.6.7",
46
46
  "@fortawesome/fontawesome": "^1.1.8",
47
47
  "@octokit/rest": "^20.0.1",
48
- "@patternfly/documentation-framework": "5.1.14",
48
+ "@patternfly/documentation-framework": "5.1.15",
49
49
  "@patternfly/patternfly-a11y": "4.3.1",
50
- "@patternfly/react-code-editor": "5.0.0",
51
- "@patternfly/react-core": "5.0.0",
52
- "@patternfly/react-table": "5.0.0",
50
+ "@patternfly/react-code-editor": "5.0.1",
51
+ "@patternfly/react-core": "5.0.1",
52
+ "@patternfly/react-table": "5.0.1",
53
53
  "@starptech/prettyhtml": "^0.10.0",
54
54
  "backstopjs": "^6.2.2",
55
55
  "cheerio": "^1.0.0-rc.12",
package/patternfly-no-globals.css CHANGED
@@ -5349,6 +5349,7 @@
5349
5349
  --pf-v5-c-about-modal-box--Width: 100%;
5350
5350
  --pf-v5-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
5351
5351
  --pf-v5-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
5352
+ --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
5352
5353
  --pf-v5-c-about-modal-box__brand--PaddingTop: var(--pf-v5-global--spacer--2xl);
5353
5354
  --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-global--spacer--xl);
5354
5355
  --pf-v5-c-about-modal-box__brand--PaddingLeft: var(--pf-v5-global--spacer--xl);
@@ -5401,6 +5402,10 @@
5401
5402
  background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
5402
5403
  background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
5403
5404
  }
5405
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-about-modal-box {
5406
+ --pf-v5-c-about-modal-box--BackgroundPosition: bottom left;
5407
+ }
5408
+
5404
5409
  @media screen and (min-width: 576px) {
5405
5410
  .pf-v5-c-about-modal-box {
5406
5411
  --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-c-about-modal-box__brand--sm--PaddingRight);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -5466,6 +5466,7 @@ button) {
5466
5466
  --pf-v5-c-about-modal-box--Width: 100%;
5467
5467
  --pf-v5-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
5468
5468
  --pf-v5-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
5469
+ --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
5469
5470
  --pf-v5-c-about-modal-box__brand--PaddingTop: var(--pf-v5-global--spacer--2xl);
5470
5471
  --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-global--spacer--xl);
5471
5472
  --pf-v5-c-about-modal-box__brand--PaddingLeft: var(--pf-v5-global--spacer--xl);
@@ -5518,6 +5519,10 @@ button) {
5518
5519
  background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
5519
5520
  background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
5520
5521
  }
5522
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-about-modal-box {
5523
+ --pf-v5-c-about-modal-box--BackgroundPosition: bottom left;
5524
+ }
5525
+
5521
5526
  @media screen and (min-width: 576px) {
5522
5527
  .pf-v5-c-about-modal-box {
5523
5528
  --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-c-about-modal-box__brand--sm--PaddingRight);
package/patternfly.css CHANGED
@@ -5466,6 +5466,7 @@ button) {
5466
5466
  --pf-v5-c-about-modal-box--Width: 100%;
5467
5467
  --pf-v5-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
5468
5468
  --pf-v5-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
5469
+ --pf-v5-c-about-modal-box--BackgroundPosition: bottom right;
5469
5470
  --pf-v5-c-about-modal-box__brand--PaddingTop: var(--pf-v5-global--spacer--2xl);
5470
5471
  --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-global--spacer--xl);
5471
5472
  --pf-v5-c-about-modal-box__brand--PaddingLeft: var(--pf-v5-global--spacer--xl);
@@ -5518,6 +5519,10 @@ button) {
5518
5519
  background-position: var(--pf-v5-c-about-modal-box--BackgroundPosition);
5519
5520
  background-size: var(--pf-v5-c-about-modal-box--BackgroundSize);
5520
5521
  }
5522
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-about-modal-box {
5523
+ --pf-v5-c-about-modal-box--BackgroundPosition: bottom left;
5524
+ }
5525
+
5521
5526
  @media screen and (min-width: 576px) {
5522
5527
  .pf-v5-c-about-modal-box {
5523
5528
  --pf-v5-c-about-modal-box__brand--PaddingRight: var(--pf-v5-c-about-modal-box__brand--sm--PaddingRight);