@patternfly/patternfly 4.173.0 → 4.176.1
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/AlertGroup/alert-group.css +36 -0
- package/components/AlertGroup/alert-group.scss +41 -0
- package/components/Label/label.css +43 -12
- package/components/Label/label.scss +45 -13
- package/components/TextInputGroup/text-input-group.css +4 -0
- package/components/TextInputGroup/text-input-group.scss +5 -0
- package/docs/components/AlertGroup/examples/AlertGroup.md +8 -3
- package/docs/components/Label/examples/Label.md +33 -67
- package/docs/components/LabelGroup/examples/LabelGroup.md +64 -107
- package/docs/components/Table/examples/Table.md +175 -0
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +2 -1
- package/docs/demos/Card/examples/Card.md +0 -22
- package/docs/demos/Tabs/examples/Tabs.md +0 -2
- package/package.json +1 -1
- package/patternfly-no-reset.css +83 -12
- package/patternfly.css +83 -12
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -18,7 +18,6 @@ cssPrefix: pf-c-label
|
|
|
18
18
|
<span class="pf-c-label__icon">
|
|
19
19
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
20
20
|
</span>
|
|
21
|
-
|
|
22
21
|
Grey icon
|
|
23
22
|
</span>
|
|
24
23
|
</span>
|
|
@@ -41,7 +40,6 @@ cssPrefix: pf-c-label
|
|
|
41
40
|
<span class="pf-c-label__icon">
|
|
42
41
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
43
42
|
</span>
|
|
44
|
-
|
|
45
43
|
Grey icon removable
|
|
46
44
|
</span>
|
|
47
45
|
<button
|
|
@@ -102,7 +100,6 @@ cssPrefix: pf-c-label
|
|
|
102
100
|
<span class="pf-c-label__icon">
|
|
103
101
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
104
102
|
</span>
|
|
105
|
-
|
|
106
103
|
Blue icon
|
|
107
104
|
</span>
|
|
108
105
|
</span>
|
|
@@ -125,7 +122,6 @@ cssPrefix: pf-c-label
|
|
|
125
122
|
<span class="pf-c-label__icon">
|
|
126
123
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
127
124
|
</span>
|
|
128
|
-
|
|
129
125
|
Blue icon removable
|
|
130
126
|
</span>
|
|
131
127
|
<button
|
|
@@ -186,7 +182,6 @@ cssPrefix: pf-c-label
|
|
|
186
182
|
<span class="pf-c-label__icon">
|
|
187
183
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
188
184
|
</span>
|
|
189
|
-
|
|
190
185
|
Green icon
|
|
191
186
|
</span>
|
|
192
187
|
</span>
|
|
@@ -209,7 +204,6 @@ cssPrefix: pf-c-label
|
|
|
209
204
|
<span class="pf-c-label__icon">
|
|
210
205
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
211
206
|
</span>
|
|
212
|
-
|
|
213
207
|
Green icon removable
|
|
214
208
|
</span>
|
|
215
209
|
<button
|
|
@@ -270,7 +264,6 @@ cssPrefix: pf-c-label
|
|
|
270
264
|
<span class="pf-c-label__icon">
|
|
271
265
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
272
266
|
</span>
|
|
273
|
-
|
|
274
267
|
Orange icon
|
|
275
268
|
</span>
|
|
276
269
|
</span>
|
|
@@ -293,7 +286,6 @@ cssPrefix: pf-c-label
|
|
|
293
286
|
<span class="pf-c-label__icon">
|
|
294
287
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
295
288
|
</span>
|
|
296
|
-
|
|
297
289
|
Orange icon removable
|
|
298
290
|
</span>
|
|
299
291
|
<button
|
|
@@ -354,7 +346,6 @@ cssPrefix: pf-c-label
|
|
|
354
346
|
<span class="pf-c-label__icon">
|
|
355
347
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
356
348
|
</span>
|
|
357
|
-
|
|
358
349
|
Red icon
|
|
359
350
|
</span>
|
|
360
351
|
</span>
|
|
@@ -377,7 +368,6 @@ cssPrefix: pf-c-label
|
|
|
377
368
|
<span class="pf-c-label__icon">
|
|
378
369
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
379
370
|
</span>
|
|
380
|
-
|
|
381
371
|
Red icon removable
|
|
382
372
|
</span>
|
|
383
373
|
<button
|
|
@@ -438,7 +428,6 @@ cssPrefix: pf-c-label
|
|
|
438
428
|
<span class="pf-c-label__icon">
|
|
439
429
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
440
430
|
</span>
|
|
441
|
-
|
|
442
431
|
Purple icon
|
|
443
432
|
</span>
|
|
444
433
|
</span>
|
|
@@ -461,7 +450,6 @@ cssPrefix: pf-c-label
|
|
|
461
450
|
<span class="pf-c-label__icon">
|
|
462
451
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
463
452
|
</span>
|
|
464
|
-
|
|
465
453
|
Purple icon removable
|
|
466
454
|
</span>
|
|
467
455
|
<button
|
|
@@ -522,7 +510,6 @@ cssPrefix: pf-c-label
|
|
|
522
510
|
<span class="pf-c-label__icon">
|
|
523
511
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
524
512
|
</span>
|
|
525
|
-
|
|
526
513
|
Cyan icon
|
|
527
514
|
</span>
|
|
528
515
|
</span>
|
|
@@ -545,7 +532,6 @@ cssPrefix: pf-c-label
|
|
|
545
532
|
<span class="pf-c-label__icon">
|
|
546
533
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
547
534
|
</span>
|
|
548
|
-
|
|
549
535
|
Cyan icon removable
|
|
550
536
|
</span>
|
|
551
537
|
<button
|
|
@@ -608,7 +594,6 @@ cssPrefix: pf-c-label
|
|
|
608
594
|
<span class="pf-c-label__icon">
|
|
609
595
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
610
596
|
</span>
|
|
611
|
-
|
|
612
597
|
Grey icon
|
|
613
598
|
</span>
|
|
614
599
|
</span>
|
|
@@ -631,7 +616,6 @@ cssPrefix: pf-c-label
|
|
|
631
616
|
<span class="pf-c-label__icon">
|
|
632
617
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
633
618
|
</span>
|
|
634
|
-
|
|
635
619
|
Grey icon removable
|
|
636
620
|
</span>
|
|
637
621
|
<button
|
|
@@ -674,7 +658,6 @@ cssPrefix: pf-c-label
|
|
|
674
658
|
<span class="pf-c-label__icon">
|
|
675
659
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
676
660
|
</span>
|
|
677
|
-
|
|
678
661
|
Blue icon
|
|
679
662
|
</span>
|
|
680
663
|
</span>
|
|
@@ -697,7 +680,6 @@ cssPrefix: pf-c-label
|
|
|
697
680
|
<span class="pf-c-label__icon">
|
|
698
681
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
699
682
|
</span>
|
|
700
|
-
|
|
701
683
|
Blue icon removable
|
|
702
684
|
</span>
|
|
703
685
|
<button
|
|
@@ -740,7 +722,6 @@ cssPrefix: pf-c-label
|
|
|
740
722
|
<span class="pf-c-label__icon">
|
|
741
723
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
742
724
|
</span>
|
|
743
|
-
|
|
744
725
|
Green icon
|
|
745
726
|
</span>
|
|
746
727
|
</span>
|
|
@@ -763,7 +744,6 @@ cssPrefix: pf-c-label
|
|
|
763
744
|
<span class="pf-c-label__icon">
|
|
764
745
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
765
746
|
</span>
|
|
766
|
-
|
|
767
747
|
Green icon removable
|
|
768
748
|
</span>
|
|
769
749
|
<button
|
|
@@ -806,7 +786,6 @@ cssPrefix: pf-c-label
|
|
|
806
786
|
<span class="pf-c-label__icon">
|
|
807
787
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
808
788
|
</span>
|
|
809
|
-
|
|
810
789
|
Orange icon
|
|
811
790
|
</span>
|
|
812
791
|
</span>
|
|
@@ -829,7 +808,6 @@ cssPrefix: pf-c-label
|
|
|
829
808
|
<span class="pf-c-label__icon">
|
|
830
809
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
831
810
|
</span>
|
|
832
|
-
|
|
833
811
|
Orange icon removable
|
|
834
812
|
</span>
|
|
835
813
|
<button
|
|
@@ -872,7 +850,6 @@ cssPrefix: pf-c-label
|
|
|
872
850
|
<span class="pf-c-label__icon">
|
|
873
851
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
874
852
|
</span>
|
|
875
|
-
|
|
876
853
|
Red icon
|
|
877
854
|
</span>
|
|
878
855
|
</span>
|
|
@@ -895,7 +872,6 @@ cssPrefix: pf-c-label
|
|
|
895
872
|
<span class="pf-c-label__icon">
|
|
896
873
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
897
874
|
</span>
|
|
898
|
-
|
|
899
875
|
Red icon removable
|
|
900
876
|
</span>
|
|
901
877
|
<button
|
|
@@ -938,7 +914,6 @@ cssPrefix: pf-c-label
|
|
|
938
914
|
<span class="pf-c-label__icon">
|
|
939
915
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
940
916
|
</span>
|
|
941
|
-
|
|
942
917
|
Purple icon
|
|
943
918
|
</span>
|
|
944
919
|
</span>
|
|
@@ -961,7 +936,6 @@ cssPrefix: pf-c-label
|
|
|
961
936
|
<span class="pf-c-label__icon">
|
|
962
937
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
963
938
|
</span>
|
|
964
|
-
|
|
965
939
|
Purple icon removable
|
|
966
940
|
</span>
|
|
967
941
|
<button
|
|
@@ -1004,7 +978,6 @@ cssPrefix: pf-c-label
|
|
|
1004
978
|
<span class="pf-c-label__icon">
|
|
1005
979
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
1006
980
|
</span>
|
|
1007
|
-
|
|
1008
981
|
Cyan icon
|
|
1009
982
|
</span>
|
|
1010
983
|
</span>
|
|
@@ -1027,7 +1000,6 @@ cssPrefix: pf-c-label
|
|
|
1027
1000
|
<span class="pf-c-label__icon">
|
|
1028
1001
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
1029
1002
|
</span>
|
|
1030
|
-
|
|
1031
1003
|
Cyan icon removable
|
|
1032
1004
|
</span>
|
|
1033
1005
|
<button
|
|
@@ -1072,7 +1044,6 @@ cssPrefix: pf-c-label
|
|
|
1072
1044
|
<span class="pf-c-label__icon">
|
|
1073
1045
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
1074
1046
|
</span>
|
|
1075
|
-
|
|
1076
1047
|
Compact icon
|
|
1077
1048
|
</span>
|
|
1078
1049
|
</span>
|
|
@@ -1095,7 +1066,6 @@ cssPrefix: pf-c-label
|
|
|
1095
1066
|
<span class="pf-c-label__icon">
|
|
1096
1067
|
<i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
|
|
1097
1068
|
</span>
|
|
1098
|
-
|
|
1099
1069
|
Compact icon removable
|
|
1100
1070
|
</span>
|
|
1101
1071
|
<button
|
|
@@ -1173,16 +1143,15 @@ This style of label is used to indicate overflow within a label group.
|
|
|
1173
1143
|
- Remove `.pf-m-editable-active` from `.pf-c-label`
|
|
1174
1144
|
- Change `.pf-c-label__editable-text` back to a button
|
|
1175
1145
|
|
|
1176
|
-
```html
|
|
1146
|
+
```html isBeta
|
|
1177
1147
|
<span class="pf-c-label pf-m-blue pf-m-editable">
|
|
1178
|
-
<
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
</span>
|
|
1148
|
+
<button
|
|
1149
|
+
class="pf-c-label__content"
|
|
1150
|
+
id="editable-label-editable-content"
|
|
1151
|
+
currvalue="Editable label"
|
|
1152
|
+
aria-label="Editable text"
|
|
1153
|
+
>Editable label</button>
|
|
1154
|
+
|
|
1186
1155
|
<button
|
|
1187
1156
|
class="pf-c-button pf-m-plain"
|
|
1188
1157
|
type="button"
|
|
@@ -1195,26 +1164,23 @@ This style of label is used to indicate overflow within a label group.
|
|
|
1195
1164
|
</span>
|
|
1196
1165
|
|
|
1197
1166
|
<span class="pf-c-label pf-m-blue pf-m-editable pf-m-editable-active">
|
|
1198
|
-
<
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
/>
|
|
1206
|
-
</span>
|
|
1167
|
+
<input
|
|
1168
|
+
class="pf-c-label__content"
|
|
1169
|
+
id="editable-label-active-editable-content"
|
|
1170
|
+
type="text"
|
|
1171
|
+
value="Editable active"
|
|
1172
|
+
aria-label="Editable text"
|
|
1173
|
+
/>
|
|
1207
1174
|
</span>
|
|
1208
1175
|
|
|
1209
|
-
<span class="pf-c-label pf-m-compact pf-m-editable">
|
|
1210
|
-
<
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
</span>
|
|
1176
|
+
<span class="pf-c-label pf-m-compact pf-m-blue pf-m-editable">
|
|
1177
|
+
<button
|
|
1178
|
+
class="pf-c-label__content"
|
|
1179
|
+
id="compact-editable-label-editable-content"
|
|
1180
|
+
currvalue="Compact editable label"
|
|
1181
|
+
aria-label="Editable text"
|
|
1182
|
+
>Compact editable label</button>
|
|
1183
|
+
|
|
1218
1184
|
<button
|
|
1219
1185
|
class="pf-c-button pf-m-plain"
|
|
1220
1186
|
type="button"
|
|
@@ -1226,16 +1192,16 @@ This style of label is used to indicate overflow within a label group.
|
|
|
1226
1192
|
</button>
|
|
1227
1193
|
</span>
|
|
1228
1194
|
|
|
1229
|
-
<span
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
|
|
1195
|
+
<span
|
|
1196
|
+
class="pf-c-label pf-m-compact pf-m-blue pf-m-editable pf-m-editable-active"
|
|
1197
|
+
>
|
|
1198
|
+
<input
|
|
1199
|
+
class="pf-c-label__content"
|
|
1200
|
+
id="compact-editable-label-active-editable-content"
|
|
1201
|
+
type="text"
|
|
1202
|
+
value="Compact editable active"
|
|
1203
|
+
aria-label="Editable text"
|
|
1204
|
+
/>
|
|
1239
1205
|
</span>
|
|
1240
1206
|
|
|
1241
1207
|
```
|