@patternfly/patternfly 5.1.0-prerelease.24 → 5.1.0-prerelease.26
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.
- package/components/AboutModalBox/about-modal-box.css +5 -0
- package/components/AboutModalBox/about-modal-box.scss +7 -0
- package/components/Progress/progress.css +6 -4
- package/components/Progress/progress.scss +9 -4
- package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
- package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +16 -4
- package/docs/demos/Table/examples/Table.md +48 -12
- package/docs/demos/Tabs/examples/Tabs.md +4 -1
- package/package.json +5 -5
- package/patternfly-no-globals.css +11 -4
- package/patternfly-theme-dark-unversioned.css +11 -4
- package/patternfly.css +11 -4
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -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);
|
|
@@ -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);
|
|
@@ -132,6 +132,12 @@
|
|
|
132
132
|
color: var(--pf-v5-c-progress__status-icon--Color);
|
|
133
133
|
}
|
|
134
134
|
|
|
135
|
+
.pf-v5-c-progress__bar::before,
|
|
136
|
+
.pf-v5-c-progress__indicator {
|
|
137
|
+
top: 0;
|
|
138
|
+
left: 0;
|
|
139
|
+
}
|
|
140
|
+
|
|
135
141
|
.pf-v5-c-progress__bar {
|
|
136
142
|
position: relative;
|
|
137
143
|
grid-row: 2/3;
|
|
@@ -142,8 +148,6 @@
|
|
|
142
148
|
}
|
|
143
149
|
.pf-v5-c-progress__bar::before {
|
|
144
150
|
position: absolute;
|
|
145
|
-
inset-block-start: 0;
|
|
146
|
-
inset-inline-start: 0;
|
|
147
151
|
width: 100%;
|
|
148
152
|
height: 100%;
|
|
149
153
|
content: "";
|
|
@@ -153,8 +157,6 @@
|
|
|
153
157
|
|
|
154
158
|
.pf-v5-c-progress__indicator {
|
|
155
159
|
position: absolute;
|
|
156
|
-
inset-block-start: 0;
|
|
157
|
-
inset-inline-start: 0;
|
|
158
160
|
height: var(--pf-v5-c-progress__indicator--Height);
|
|
159
161
|
background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
|
|
160
162
|
}
|
|
@@ -175,6 +175,15 @@
|
|
|
175
175
|
color: var(--#{$progress}__status-icon--Color);
|
|
176
176
|
}
|
|
177
177
|
|
|
178
|
+
.#{$progress}__bar::before,
|
|
179
|
+
.#{$progress}__indicator {
|
|
180
|
+
// disable linter as the indicator element should always grow ltr
|
|
181
|
+
// stylelint-disable liberty/use-logical-spec
|
|
182
|
+
top: 0;
|
|
183
|
+
left: 0;
|
|
184
|
+
// stylelint-enable
|
|
185
|
+
}
|
|
186
|
+
|
|
178
187
|
// The progress__bar is a white underlay with a semi-transparent color on top, which matches the progress__indicator color
|
|
179
188
|
.#{$progress}__bar {
|
|
180
189
|
position: relative;
|
|
@@ -186,8 +195,6 @@
|
|
|
186
195
|
|
|
187
196
|
&::before {
|
|
188
197
|
position: absolute;
|
|
189
|
-
inset-block-start: 0;
|
|
190
|
-
inset-inline-start: 0;
|
|
191
198
|
width: 100%;
|
|
192
199
|
height: 100%;
|
|
193
200
|
content: "";
|
|
@@ -200,8 +207,6 @@
|
|
|
200
207
|
// It is assumed that the width of the progress__indicator is set inline or via Javascript
|
|
201
208
|
.#{$progress}__indicator {
|
|
202
209
|
position: absolute; // position absolute to bring above the semi-transparent bar overlay
|
|
203
|
-
inset-block-start: 0;
|
|
204
|
-
inset-inline-start: 0;
|
|
205
210
|
height: var(--#{$progress}__indicator--Height);
|
|
206
211
|
background-color: var(--#{$progress}__indicator--BackgroundColor);
|
|
207
212
|
}
|
|
@@ -38,7 +38,10 @@ cssPrefix: pf-v5-c-dual-list-selector
|
|
|
38
38
|
type="button"
|
|
39
39
|
aria-label="Sort"
|
|
40
40
|
>
|
|
41
|
-
<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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
@@ -314,7 +314,10 @@ deprecated: true
|
|
|
314
314
|
disabled
|
|
315
315
|
aria-label="Sort by"
|
|
316
316
|
>
|
|
317
|
-
<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
|
|
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
|
|
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"
|
|
@@ -551,7 +551,10 @@ wrapperTag: div
|
|
|
551
551
|
type="button"
|
|
552
552
|
aria-label="Sort"
|
|
553
553
|
>
|
|
554
|
-
<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
|
|
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
|
|
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
|
|
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
|
|
|
@@ -365,7 +365,10 @@ wrapperTag: div
|
|
|
365
365
|
type="button"
|
|
366
366
|
aria-label="Sort"
|
|
367
367
|
>
|
|
368
|
-
<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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
|
@@ -1717,7 +1717,10 @@ section: components
|
|
|
1717
1717
|
type="button"
|
|
1718
1718
|
aria-label="Sort"
|
|
1719
1719
|
>
|
|
1720
|
-
<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.
|
|
4
|
+
"version": "5.1.0-prerelease.26",
|
|
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.
|
|
48
|
+
"@patternfly/documentation-framework": "5.1.15",
|
|
49
49
|
"@patternfly/patternfly-a11y": "4.3.1",
|
|
50
|
-
"@patternfly/react-code-editor": "5.0.
|
|
51
|
-
"@patternfly/react-core": "5.0.
|
|
52
|
-
"@patternfly/react-table": "5.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",
|
|
@@ -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);
|
|
@@ -22804,6 +22809,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22804
22809
|
color: var(--pf-v5-c-progress__status-icon--Color);
|
|
22805
22810
|
}
|
|
22806
22811
|
|
|
22812
|
+
.pf-v5-c-progress__bar::before,
|
|
22813
|
+
.pf-v5-c-progress__indicator {
|
|
22814
|
+
top: 0;
|
|
22815
|
+
left: 0;
|
|
22816
|
+
}
|
|
22817
|
+
|
|
22807
22818
|
.pf-v5-c-progress__bar {
|
|
22808
22819
|
position: relative;
|
|
22809
22820
|
grid-row: 2/3;
|
|
@@ -22814,8 +22825,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22814
22825
|
}
|
|
22815
22826
|
.pf-v5-c-progress__bar::before {
|
|
22816
22827
|
position: absolute;
|
|
22817
|
-
inset-block-start: 0;
|
|
22818
|
-
inset-inline-start: 0;
|
|
22819
22828
|
width: 100%;
|
|
22820
22829
|
height: 100%;
|
|
22821
22830
|
content: "";
|
|
@@ -22825,8 +22834,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22825
22834
|
|
|
22826
22835
|
.pf-v5-c-progress__indicator {
|
|
22827
22836
|
position: absolute;
|
|
22828
|
-
inset-block-start: 0;
|
|
22829
|
-
inset-inline-start: 0;
|
|
22830
22837
|
height: var(--pf-v5-c-progress__indicator--Height);
|
|
22831
22838
|
background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
|
|
22832
22839
|
}
|
|
@@ -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);
|
|
@@ -22921,6 +22926,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22921
22926
|
color: var(--pf-v5-c-progress__status-icon--Color);
|
|
22922
22927
|
}
|
|
22923
22928
|
|
|
22929
|
+
.pf-v5-c-progress__bar::before,
|
|
22930
|
+
.pf-v5-c-progress__indicator {
|
|
22931
|
+
top: 0;
|
|
22932
|
+
left: 0;
|
|
22933
|
+
}
|
|
22934
|
+
|
|
22924
22935
|
.pf-v5-c-progress__bar {
|
|
22925
22936
|
position: relative;
|
|
22926
22937
|
grid-row: 2/3;
|
|
@@ -22931,8 +22942,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22931
22942
|
}
|
|
22932
22943
|
.pf-v5-c-progress__bar::before {
|
|
22933
22944
|
position: absolute;
|
|
22934
|
-
inset-block-start: 0;
|
|
22935
|
-
inset-inline-start: 0;
|
|
22936
22945
|
width: 100%;
|
|
22937
22946
|
height: 100%;
|
|
22938
22947
|
content: "";
|
|
@@ -22942,8 +22951,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22942
22951
|
|
|
22943
22952
|
.pf-v5-c-progress__indicator {
|
|
22944
22953
|
position: absolute;
|
|
22945
|
-
inset-block-start: 0;
|
|
22946
|
-
inset-inline-start: 0;
|
|
22947
22954
|
height: var(--pf-v5-c-progress__indicator--Height);
|
|
22948
22955
|
background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
|
|
22949
22956
|
}
|