@patternfly/patternfly 4.222.4 → 5.0.0-alpha.2
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/README.md +3 -3
- package/RELEASE-NOTES.md +0 -30
- package/base/_fonts.scss +0 -188
- package/base/_globals.scss +0 -6
- package/base/_icons.scss +28 -0
- package/base/_variables.scss +0 -14
- package/base/patternfly-fonts.css +0 -120
- package/base/patternfly-globals.css +0 -4
- package/base/patternfly-icons.scss +0 -28
- package/base/patternfly-variables.css +6 -19
- package/components/AboutModalBox/about-modal-box.css +1 -28
- package/components/AboutModalBox/about-modal-box.scss +1 -27
- package/components/Accordion/accordion.css +64 -62
- package/components/Accordion/accordion.scss +62 -64
- package/components/Alert/alert.css +0 -4
- package/components/Alert/alert.scss +0 -7
- package/components/Banner/banner.css +1 -1
- package/components/Banner/banner.scss +1 -1
- package/components/Breadcrumb/breadcrumb.css +0 -6
- package/components/Breadcrumb/breadcrumb.scss +0 -9
- package/components/Button/button.css +0 -4
- package/components/Button/button.scss +0 -7
- package/components/Card/card.css +0 -4
- package/components/Card/card.scss +0 -7
- package/components/Check/check.css +4 -2
- package/components/Check/check.scss +2 -2
- package/components/Content/content.css +1 -11
- package/components/Content/content.scss +1 -15
- package/components/DataList/data-list.css +0 -15
- package/components/Divider/divider.css +0 -16
- package/components/Divider/divider.scss +0 -1
- package/components/Drawer/drawer.css +0 -14
- package/components/Drawer/drawer.scss +0 -5
- package/components/Dropdown/dropdown.css +0 -15
- package/components/Dropdown/dropdown.scss +0 -20
- package/components/EmptyState/empty-state.css +0 -4
- package/components/EmptyState/empty-state.scss +0 -9
- package/components/ExpandableSection/expandable-section.css +0 -4
- package/components/ExpandableSection/expandable-section.scss +0 -7
- package/components/Form/form.css +0 -1
- package/components/Form/form.scss +0 -1
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/themes/dark/form-control.scss +1 -1
- package/components/InlineEdit/inline-edit.css +1 -12
- package/components/InlineEdit/inline-edit.scss +1 -10
- package/components/InputGroup/input-group.css +0 -14
- package/components/InputGroup/input-group.scss +0 -9
- package/components/InputGroup/themes/dark/input-group.scss +0 -8
- package/components/JumpLinks/jump-links.css +0 -43
- package/components/JumpLinks/jump-links.scss +0 -13
- package/components/Label/label.css +0 -3
- package/components/Label/label.scss +0 -4
- package/components/Menu/menu.css +0 -20
- package/components/Menu/menu.scss +0 -6
- package/components/NotificationDrawer/notification-drawer.css +1 -0
- package/components/NotificationDrawer/notification-drawer.scss +1 -0
- package/components/Page/page.css +0 -15
- package/components/Pagination/pagination.css +0 -175
- package/components/Pagination/pagination.scss +1 -49
- package/components/Progress/progress.css +0 -1
- package/components/Progress/progress.scss +0 -1
- package/components/Radio/radio.css +4 -2
- package/components/Radio/radio.scss +2 -2
- package/components/SimpleList/simple-list.css +1 -1
- package/components/SimpleList/simple-list.scss +1 -1
- package/components/SkipToContent/skip-to-content.css +1 -1
- package/components/SkipToContent/skip-to-content.scss +1 -1
- package/components/Slider/slider.css +7 -0
- package/components/Slider/slider.scss +9 -0
- package/components/Switch/switch.css +0 -1
- package/components/Switch/switch.scss +0 -1
- package/components/Table/table-grid.css +0 -10
- package/components/Table/table-grid.scss +0 -2
- package/components/Table/table-tree-view.css +0 -16
- package/components/Table/table-tree-view.scss +0 -4
- package/components/Table/table.css +0 -16
- package/components/Table/table.scss +0 -1
- package/components/Tabs/tabs.css +1 -34
- package/components/Tabs/tabs.scss +0 -15
- package/components/Title/title.css +0 -5
- package/components/Title/title.scss +0 -8
- package/components/Toolbar/toolbar.css +0 -31
- package/components/Toolbar/toolbar.scss +0 -6
- package/components/Wizard/wizard.css +0 -9
- package/components/Wizard/wizard.scss +0 -9
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +4 -15
- package/docs/components/Accordion/examples/Accordion.md +67 -67
- package/docs/components/Dropdown/examples/Dropdown.md +0 -216
- package/docs/components/InputGroup/examples/InputGroup.md +0 -1
- package/docs/components/Pagination/examples/Pagination.md +30 -129
- package/docs/components/SkipToContent/examples/SkipToContent.md +3 -5
- package/docs/components/Slider/examples/Slider.md +6 -6
- package/docs/components/Tabs/examples/Tabs.md +1 -2
- package/docs/components/Wizard/examples/Wizard.md +6 -6
- package/docs/demos/AboutModal/examples/AboutModal.md +53 -49
- package/docs/demos/Alert/examples/Alert.md +18 -12
- package/docs/demos/BackToTop/examples/BackToTop.md +6 -4
- package/docs/demos/Banner/examples/Banner.md +14 -10
- package/docs/demos/Card/examples/Card.md +4 -4
- package/docs/demos/CardView/examples/CardView.md +6 -4
- package/docs/demos/ContextSelector/examples/ContextSelector.md +24 -16
- package/docs/demos/Dashboard/examples/Dashboard.md +7 -4
- package/docs/demos/DataList/examples/DataList.md +24 -16
- package/docs/demos/DescriptionList/examples/DescriptionList.md +18 -12
- package/docs/demos/Drawer/examples/Drawer.md +30 -20
- package/docs/demos/JumpLinks/examples/JumpLinks.md +36 -24
- package/docs/demos/Masthead/examples/Masthead.md +54 -36
- package/docs/demos/Modal/examples/Modal.md +36 -24
- package/docs/demos/Nav/examples/Nav.md +784 -721
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +30 -20
- package/docs/demos/Page/examples/Page.md +54 -36
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +44 -28
- package/docs/demos/Skeleton/examples/Skeleton.md +6 -4
- package/docs/demos/Table/examples/Table.md +84 -56
- package/docs/demos/Tabs/examples/Tabs.md +579 -70
- package/docs/demos/Toolbar/examples/Toolbar.md +6 -4
- package/docs/demos/Wizard/examples/Wizard.md +67 -45
- package/package.json +7 -6
- package/patternfly-base-no-reset.css +30 -139
- package/patternfly-base.css +30 -143
- package/patternfly-charts.css +1 -1
- package/patternfly-no-reset.css +118 -665
- package/patternfly.css +118 -669
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +0 -6
- package/sass-utilities/placeholders.scss +0 -7
- package/sass-utilities/scss-variables.scss +6 -12
- package/assets/fonts/overpass-mono-webfont/example.html +0 -15
- package/assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff +0 -0
- package/assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff2 +0 -0
- package/assets/fonts/overpass-mono-webfont/overpass-mono-light.woff +0 -0
- package/assets/fonts/overpass-mono-webfont/overpass-mono-light.woff2 +0 -0
- package/assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff +0 -0
- package/assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff2 +0 -0
- package/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff +0 -0
- package/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff2 +0 -0
- package/assets/fonts/overpass-mono-webfont/overpass-mono.css +0 -39
- package/assets/fonts/overpass-webfont/example.html +0 -18
- package/assets/fonts/overpass-webfont/overpass-bold-italic.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-bold-italic.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-bold.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-bold.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-extrabold-italic.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-extrabold-italic.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-extrabold.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-extrabold.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-extralight-italic.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-extralight-italic.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-extralight.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-extralight.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-heavy-italic.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-heavy-italic.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-heavy.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-heavy.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-italic.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-italic.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-light-italic.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-light-italic.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-light.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-light.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-regular.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-regular.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-semibold-italic.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-semibold-italic.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-semibold.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-semibold.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-thin-italic.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-thin-italic.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass-thin.woff +0 -0
- package/assets/fonts/overpass-webfont/overpass-thin.woff2 +0 -0
- package/assets/fonts/overpass-webfont/overpass.css +0 -141
|
@@ -102,7 +102,6 @@
|
|
|
102
102
|
}
|
|
103
103
|
.pf-m-grid.pf-c-table thead {
|
|
104
104
|
display: none;
|
|
105
|
-
visibility: hidden;
|
|
106
105
|
}
|
|
107
106
|
.pf-m-grid.pf-c-table tbody {
|
|
108
107
|
display: block;
|
|
@@ -252,7 +251,6 @@
|
|
|
252
251
|
}
|
|
253
252
|
.pf-m-grid.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
|
|
254
253
|
display: none;
|
|
255
|
-
visibility: hidden;
|
|
256
254
|
}
|
|
257
255
|
.pf-m-grid.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
|
|
258
256
|
padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
|
|
@@ -406,7 +404,6 @@
|
|
|
406
404
|
}
|
|
407
405
|
.pf-m-grid-md.pf-c-table thead {
|
|
408
406
|
display: none;
|
|
409
|
-
visibility: hidden;
|
|
410
407
|
}
|
|
411
408
|
.pf-m-grid-md.pf-c-table tbody {
|
|
412
409
|
display: block;
|
|
@@ -556,7 +553,6 @@
|
|
|
556
553
|
}
|
|
557
554
|
.pf-m-grid-md.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
|
|
558
555
|
display: none;
|
|
559
|
-
visibility: hidden;
|
|
560
556
|
}
|
|
561
557
|
.pf-m-grid-md.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
|
|
562
558
|
padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
|
|
@@ -723,7 +719,6 @@
|
|
|
723
719
|
}
|
|
724
720
|
.pf-m-grid-lg.pf-c-table thead {
|
|
725
721
|
display: none;
|
|
726
|
-
visibility: hidden;
|
|
727
722
|
}
|
|
728
723
|
.pf-m-grid-lg.pf-c-table tbody {
|
|
729
724
|
display: block;
|
|
@@ -873,7 +868,6 @@
|
|
|
873
868
|
}
|
|
874
869
|
.pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
|
|
875
870
|
display: none;
|
|
876
|
-
visibility: hidden;
|
|
877
871
|
}
|
|
878
872
|
.pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
|
|
879
873
|
padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
|
|
@@ -1040,7 +1034,6 @@
|
|
|
1040
1034
|
}
|
|
1041
1035
|
.pf-m-grid-xl.pf-c-table thead {
|
|
1042
1036
|
display: none;
|
|
1043
|
-
visibility: hidden;
|
|
1044
1037
|
}
|
|
1045
1038
|
.pf-m-grid-xl.pf-c-table tbody {
|
|
1046
1039
|
display: block;
|
|
@@ -1190,7 +1183,6 @@
|
|
|
1190
1183
|
}
|
|
1191
1184
|
.pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
|
|
1192
1185
|
display: none;
|
|
1193
|
-
visibility: hidden;
|
|
1194
1186
|
}
|
|
1195
1187
|
.pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
|
|
1196
1188
|
padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
|
|
@@ -1357,7 +1349,6 @@
|
|
|
1357
1349
|
}
|
|
1358
1350
|
.pf-m-grid-2xl.pf-c-table thead {
|
|
1359
1351
|
display: none;
|
|
1360
|
-
visibility: hidden;
|
|
1361
1352
|
}
|
|
1362
1353
|
.pf-m-grid-2xl.pf-c-table tbody {
|
|
1363
1354
|
display: block;
|
|
@@ -1507,7 +1498,6 @@
|
|
|
1507
1498
|
}
|
|
1508
1499
|
.pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
|
|
1509
1500
|
display: none;
|
|
1510
|
-
visibility: hidden;
|
|
1511
1501
|
}
|
|
1512
1502
|
.pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
|
|
1513
1503
|
padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
|
|
@@ -174,7 +174,6 @@
|
|
|
174
174
|
// Thead
|
|
175
175
|
thead {
|
|
176
176
|
display: none;
|
|
177
|
-
visibility: hidden;
|
|
178
177
|
}
|
|
179
178
|
|
|
180
179
|
// Tbody
|
|
@@ -394,7 +393,6 @@
|
|
|
394
393
|
|
|
395
394
|
&:not(.pf-m-expanded) {
|
|
396
395
|
display: none;
|
|
397
|
-
visibility: hidden;
|
|
398
396
|
}
|
|
399
397
|
|
|
400
398
|
.pf-c-table__expandable-row-content {
|
|
@@ -82,7 +82,6 @@
|
|
|
82
82
|
|
|
83
83
|
.pf-c-table__tree-view-details-toggle {
|
|
84
84
|
display: none;
|
|
85
|
-
visibility: hidden;
|
|
86
85
|
}
|
|
87
86
|
|
|
88
87
|
.pf-m-tree-view-grid.pf-c-table {
|
|
@@ -144,7 +143,6 @@
|
|
|
144
143
|
}
|
|
145
144
|
.pf-m-tree-view-grid.pf-c-table thead th {
|
|
146
145
|
display: none;
|
|
147
|
-
visibility: none;
|
|
148
146
|
}
|
|
149
147
|
.pf-m-tree-view-grid.pf-c-table td {
|
|
150
148
|
display: none;
|
|
@@ -171,12 +169,10 @@
|
|
|
171
169
|
}
|
|
172
170
|
.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-title-header-cell {
|
|
173
171
|
display: block;
|
|
174
|
-
visibility: visible;
|
|
175
172
|
}
|
|
176
173
|
.pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
177
174
|
.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {
|
|
178
175
|
display: inline-block;
|
|
179
|
-
visibility: visible;
|
|
180
176
|
}
|
|
181
177
|
.pf-m-tree-view-grid.pf-c-table .pf-c-table__action {
|
|
182
178
|
--pf-c-table--cell--Width: auto;
|
|
@@ -287,7 +283,6 @@
|
|
|
287
283
|
}
|
|
288
284
|
.pf-m-tree-view-grid-md.pf-c-table thead th {
|
|
289
285
|
display: none;
|
|
290
|
-
visibility: none;
|
|
291
286
|
}
|
|
292
287
|
.pf-m-tree-view-grid-md.pf-c-table td {
|
|
293
288
|
display: none;
|
|
@@ -314,12 +309,10 @@
|
|
|
314
309
|
}
|
|
315
310
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-title-header-cell {
|
|
316
311
|
display: block;
|
|
317
|
-
visibility: visible;
|
|
318
312
|
}
|
|
319
313
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
320
314
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
321
315
|
display: inline-block;
|
|
322
|
-
visibility: visible;
|
|
323
316
|
}
|
|
324
317
|
.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
|
|
325
318
|
--pf-c-table--cell--Width: auto;
|
|
@@ -431,7 +424,6 @@
|
|
|
431
424
|
}
|
|
432
425
|
.pf-m-tree-view-grid-lg.pf-c-table thead th {
|
|
433
426
|
display: none;
|
|
434
|
-
visibility: none;
|
|
435
427
|
}
|
|
436
428
|
.pf-m-tree-view-grid-lg.pf-c-table td {
|
|
437
429
|
display: none;
|
|
@@ -458,12 +450,10 @@
|
|
|
458
450
|
}
|
|
459
451
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-title-header-cell {
|
|
460
452
|
display: block;
|
|
461
|
-
visibility: visible;
|
|
462
453
|
}
|
|
463
454
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
464
455
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
465
456
|
display: inline-block;
|
|
466
|
-
visibility: visible;
|
|
467
457
|
}
|
|
468
458
|
.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
|
|
469
459
|
--pf-c-table--cell--Width: auto;
|
|
@@ -575,7 +565,6 @@
|
|
|
575
565
|
}
|
|
576
566
|
.pf-m-tree-view-grid-xl.pf-c-table thead th {
|
|
577
567
|
display: none;
|
|
578
|
-
visibility: none;
|
|
579
568
|
}
|
|
580
569
|
.pf-m-tree-view-grid-xl.pf-c-table td {
|
|
581
570
|
display: none;
|
|
@@ -602,12 +591,10 @@
|
|
|
602
591
|
}
|
|
603
592
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-title-header-cell {
|
|
604
593
|
display: block;
|
|
605
|
-
visibility: visible;
|
|
606
594
|
}
|
|
607
595
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
608
596
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
609
597
|
display: inline-block;
|
|
610
|
-
visibility: visible;
|
|
611
598
|
}
|
|
612
599
|
.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
|
|
613
600
|
--pf-c-table--cell--Width: auto;
|
|
@@ -719,7 +706,6 @@
|
|
|
719
706
|
}
|
|
720
707
|
.pf-m-tree-view-grid-2xl.pf-c-table thead th {
|
|
721
708
|
display: none;
|
|
722
|
-
visibility: none;
|
|
723
709
|
}
|
|
724
710
|
.pf-m-tree-view-grid-2xl.pf-c-table td {
|
|
725
711
|
display: none;
|
|
@@ -746,12 +732,10 @@
|
|
|
746
732
|
}
|
|
747
733
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-title-header-cell {
|
|
748
734
|
display: block;
|
|
749
|
-
visibility: visible;
|
|
750
735
|
}
|
|
751
736
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
|
|
752
737
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
753
738
|
display: inline-block;
|
|
754
|
-
visibility: visible;
|
|
755
739
|
}
|
|
756
740
|
.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
|
|
757
741
|
--pf-c-table--cell--Width: auto;
|
|
@@ -82,7 +82,6 @@ $pf-c-tree-view--MaxDepth: 10;
|
|
|
82
82
|
|
|
83
83
|
.pf-c-table__tree-view-details-toggle {
|
|
84
84
|
display: none;
|
|
85
|
-
visibility: hidden;
|
|
86
85
|
}
|
|
87
86
|
|
|
88
87
|
// stylelint-disable
|
|
@@ -204,7 +203,6 @@ $pf-c-tree-view--MaxDepth: 10;
|
|
|
204
203
|
|
|
205
204
|
thead th {
|
|
206
205
|
display: none;
|
|
207
|
-
visibility: none;
|
|
208
206
|
}
|
|
209
207
|
|
|
210
208
|
td {
|
|
@@ -242,13 +240,11 @@ $pf-c-tree-view--MaxDepth: 10;
|
|
|
242
240
|
|
|
243
241
|
.pf-c-table__tree-view-title-header-cell {
|
|
244
242
|
display: block;
|
|
245
|
-
visibility: visible;
|
|
246
243
|
}
|
|
247
244
|
|
|
248
245
|
.pf-c-table__tree-view-details-toggle,
|
|
249
246
|
.pf-c-table__action {
|
|
250
247
|
display: inline-block;
|
|
251
|
-
visibility: visible;
|
|
252
248
|
}
|
|
253
249
|
|
|
254
250
|
.pf-c-table__action {
|
|
@@ -9,66 +9,51 @@
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
.pf-c-table tr > * {
|
|
12
|
-
--pf-hidden-visible--visible--Visibility: visible;
|
|
13
12
|
--pf-hidden-visible--hidden--Display: none;
|
|
14
|
-
--pf-hidden-visible--hidden--Visibility: hidden;
|
|
15
13
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
16
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
17
14
|
display: var(--pf-hidden-visible--Display);
|
|
18
|
-
visibility: var(--pf-hidden-visible--Visibility);
|
|
19
15
|
}
|
|
20
16
|
.pf-c-table tr > .pf-m-hidden {
|
|
21
17
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
22
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
23
18
|
}
|
|
24
19
|
@media screen and (min-width: 576px) {
|
|
25
20
|
.pf-c-table tr > .pf-m-hidden-on-sm {
|
|
26
21
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
27
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
28
22
|
}
|
|
29
23
|
.pf-c-table tr > .pf-m-visible-on-sm {
|
|
30
24
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
31
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
32
25
|
}
|
|
33
26
|
}
|
|
34
27
|
@media screen and (min-width: 768px) {
|
|
35
28
|
.pf-c-table tr > .pf-m-hidden-on-md {
|
|
36
29
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
37
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
38
30
|
}
|
|
39
31
|
.pf-c-table tr > .pf-m-visible-on-md {
|
|
40
32
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
41
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
42
33
|
}
|
|
43
34
|
}
|
|
44
35
|
@media screen and (min-width: 992px) {
|
|
45
36
|
.pf-c-table tr > .pf-m-hidden-on-lg {
|
|
46
37
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
47
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
48
38
|
}
|
|
49
39
|
.pf-c-table tr > .pf-m-visible-on-lg {
|
|
50
40
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
51
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
52
41
|
}
|
|
53
42
|
}
|
|
54
43
|
@media screen and (min-width: 1200px) {
|
|
55
44
|
.pf-c-table tr > .pf-m-hidden-on-xl {
|
|
56
45
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
57
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
58
46
|
}
|
|
59
47
|
.pf-c-table tr > .pf-m-visible-on-xl {
|
|
60
48
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
61
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
62
49
|
}
|
|
63
50
|
}
|
|
64
51
|
@media screen and (min-width: 1450px) {
|
|
65
52
|
.pf-c-table tr > .pf-m-hidden-on-2xl {
|
|
66
53
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
|
67
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
|
68
54
|
}
|
|
69
55
|
.pf-c-table tr > .pf-m-visible-on-2xl {
|
|
70
56
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
|
71
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
|
72
57
|
}
|
|
73
58
|
}
|
|
74
59
|
|
|
@@ -946,7 +931,6 @@
|
|
|
946
931
|
}
|
|
947
932
|
.pf-c-table__expandable-row:not(.pf-m-expanded) {
|
|
948
933
|
display: none;
|
|
949
|
-
visibility: hidden;
|
|
950
934
|
}
|
|
951
935
|
|
|
952
936
|
.pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child,
|
package/components/Tabs/tabs.css
CHANGED
|
@@ -24,7 +24,6 @@
|
|
|
24
24
|
--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
|
|
25
25
|
--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
|
|
26
26
|
--pf-c-tabs__list--Display: flex;
|
|
27
|
-
--pf-c-tabs__list--Visibility: visible;
|
|
28
27
|
--pf-c-tabs__item--m-action--before--ZIndex: var(--pf-global--ZIndex--xs);
|
|
29
28
|
--pf-c-tabs__link--Color: var(--pf-global--Color--200);
|
|
30
29
|
--pf-c-tabs__link--FontSize: var(--pf-global--FontSize--md);
|
|
@@ -94,7 +93,6 @@
|
|
|
94
93
|
--pf-c-tabs__item--ScrollSnapAlign: end;
|
|
95
94
|
--pf-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
|
|
96
95
|
--pf-c-tabs__toggle--Display: flex;
|
|
97
|
-
--pf-c-tabs__toggle--Visibility: hidden;
|
|
98
96
|
--pf-c-tabs__toggle--MarginBottom: 0;
|
|
99
97
|
--pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
|
|
100
98
|
--pf-c-tabs__toggle-icon--Color: currentcolor;
|
|
@@ -182,14 +180,10 @@
|
|
|
182
180
|
margin-left: 0;
|
|
183
181
|
transform: translateX(0);
|
|
184
182
|
}
|
|
185
|
-
.pf-c-tabs.pf-m-
|
|
183
|
+
.pf-c-tabs.pf-m-no-border-bottom {
|
|
186
184
|
--pf-c-tabs--before--BorderBottomWidth: 0;
|
|
187
185
|
--pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
|
|
188
186
|
}
|
|
189
|
-
.pf-c-tabs.pf-m-border-bottom {
|
|
190
|
-
--pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
|
|
191
|
-
--pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
|
|
192
|
-
}
|
|
193
187
|
.pf-c-tabs.pf-m-box .pf-c-tabs__link, .pf-c-tabs.pf-m-vertical .pf-c-tabs__link {
|
|
194
188
|
--pf-c-tabs__link--after--BorderBottomWidth: 0;
|
|
195
189
|
}
|
|
@@ -284,89 +278,64 @@
|
|
|
284
278
|
}
|
|
285
279
|
.pf-c-tabs.pf-m-vertical.pf-m-expandable {
|
|
286
280
|
--pf-c-tabs__list--Display: none;
|
|
287
|
-
--pf-c-tabs__list--Visibility: hidden;
|
|
288
281
|
--pf-c-tabs__toggle--Display: flex;
|
|
289
|
-
--pf-c-tabs__toggle--Visibility: visible;
|
|
290
282
|
}
|
|
291
283
|
.pf-c-tabs.pf-m-vertical.pf-m-non-expandable {
|
|
292
284
|
--pf-c-tabs__list--Display: flex;
|
|
293
|
-
--pf-c-tabs__list--Visibility: visible;
|
|
294
285
|
--pf-c-tabs__toggle--Display: none;
|
|
295
|
-
--pf-c-tabs__toggle--Visibility: hidden;
|
|
296
286
|
}
|
|
297
287
|
@media (min-width: 576px) {
|
|
298
288
|
.pf-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
|
|
299
289
|
--pf-c-tabs__list--Display: none;
|
|
300
|
-
--pf-c-tabs__list--Visibility: hidden;
|
|
301
290
|
--pf-c-tabs__toggle--Display: flex;
|
|
302
|
-
--pf-c-tabs__toggle--Visibility: visible;
|
|
303
291
|
}
|
|
304
292
|
.pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-sm {
|
|
305
293
|
--pf-c-tabs__list--Display: flex;
|
|
306
|
-
--pf-c-tabs__list--Visibility: visible;
|
|
307
294
|
--pf-c-tabs__toggle--Display: none;
|
|
308
|
-
--pf-c-tabs__toggle--Visibility: hidden;
|
|
309
295
|
}
|
|
310
296
|
}
|
|
311
297
|
@media (min-width: 768px) {
|
|
312
298
|
.pf-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
|
|
313
299
|
--pf-c-tabs__list--Display: none;
|
|
314
|
-
--pf-c-tabs__list--Visibility: hidden;
|
|
315
300
|
--pf-c-tabs__toggle--Display: flex;
|
|
316
|
-
--pf-c-tabs__toggle--Visibility: visible;
|
|
317
301
|
}
|
|
318
302
|
.pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-md {
|
|
319
303
|
--pf-c-tabs__list--Display: flex;
|
|
320
|
-
--pf-c-tabs__list--Visibility: visible;
|
|
321
304
|
--pf-c-tabs__toggle--Display: none;
|
|
322
|
-
--pf-c-tabs__toggle--Visibility: hidden;
|
|
323
305
|
}
|
|
324
306
|
}
|
|
325
307
|
@media (min-width: 992px) {
|
|
326
308
|
.pf-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
|
|
327
309
|
--pf-c-tabs__list--Display: none;
|
|
328
|
-
--pf-c-tabs__list--Visibility: hidden;
|
|
329
310
|
--pf-c-tabs__toggle--Display: flex;
|
|
330
|
-
--pf-c-tabs__toggle--Visibility: visible;
|
|
331
311
|
}
|
|
332
312
|
.pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-lg {
|
|
333
313
|
--pf-c-tabs__list--Display: flex;
|
|
334
|
-
--pf-c-tabs__list--Visibility: visible;
|
|
335
314
|
--pf-c-tabs__toggle--Display: none;
|
|
336
|
-
--pf-c-tabs__toggle--Visibility: hidden;
|
|
337
315
|
}
|
|
338
316
|
}
|
|
339
317
|
@media (min-width: 1200px) {
|
|
340
318
|
.pf-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
|
|
341
319
|
--pf-c-tabs__list--Display: none;
|
|
342
|
-
--pf-c-tabs__list--Visibility: hidden;
|
|
343
320
|
--pf-c-tabs__toggle--Display: flex;
|
|
344
|
-
--pf-c-tabs__toggle--Visibility: visible;
|
|
345
321
|
}
|
|
346
322
|
.pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-xl {
|
|
347
323
|
--pf-c-tabs__list--Display: flex;
|
|
348
|
-
--pf-c-tabs__list--Visibility: visible;
|
|
349
324
|
--pf-c-tabs__toggle--Display: none;
|
|
350
|
-
--pf-c-tabs__toggle--Visibility: hidden;
|
|
351
325
|
}
|
|
352
326
|
}
|
|
353
327
|
@media (min-width: 1450px) {
|
|
354
328
|
.pf-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
|
|
355
329
|
--pf-c-tabs__list--Display: none;
|
|
356
|
-
--pf-c-tabs__list--Visibility: hidden;
|
|
357
330
|
--pf-c-tabs__toggle--Display: flex;
|
|
358
|
-
--pf-c-tabs__toggle--Visibility: visible;
|
|
359
331
|
}
|
|
360
332
|
.pf-c-tabs.pf-m-vertical.pf-m-non-expandable-on-2xl {
|
|
361
333
|
--pf-c-tabs__list--Display: flex;
|
|
362
|
-
--pf-c-tabs__list--Visibility: visible;
|
|
363
334
|
--pf-c-tabs__toggle--Display: none;
|
|
364
|
-
--pf-c-tabs__toggle--Visibility: hidden;
|
|
365
335
|
}
|
|
366
336
|
}
|
|
367
337
|
.pf-c-tabs.pf-m-vertical.pf-m-expanded {
|
|
368
338
|
--pf-c-tabs__list--Display: flex;
|
|
369
|
-
--pf-c-tabs__list--Visibility: visible;
|
|
370
339
|
--pf-c-tabs__toggle--MarginBottom: var(--pf-c-tabs--m-expanded__toggle--MarginBottom);
|
|
371
340
|
--pf-c-tabs__toggle-icon--Color: var(--pf-c-tabs--m-expanded__toggle-icon--Color);
|
|
372
341
|
--pf-c-tabs__toggle-icon--Rotate: var(--pf-c-tabs--m-expanded__toggle-icon--Rotate);
|
|
@@ -422,7 +391,6 @@
|
|
|
422
391
|
display: var(--pf-c-tabs__toggle--Display);
|
|
423
392
|
align-items: center;
|
|
424
393
|
margin-bottom: var(--pf-c-tabs__toggle--MarginBottom);
|
|
425
|
-
visibility: var(--pf-c-tabs__toggle--Visibility);
|
|
426
394
|
}
|
|
427
395
|
|
|
428
396
|
.pf-c-tabs__toggle-button {
|
|
@@ -459,7 +427,6 @@
|
|
|
459
427
|
overflow-x: auto;
|
|
460
428
|
scroll-behavior: smooth;
|
|
461
429
|
scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType);
|
|
462
|
-
visibility: var(--pf-c-tabs__list--Visibility);
|
|
463
430
|
-webkit-overflow-scrolling: touch;
|
|
464
431
|
}
|
|
465
432
|
.pf-c-tabs__list::-webkit-scrollbar {
|
|
@@ -37,7 +37,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
|
|
|
37
37
|
|
|
38
38
|
// List
|
|
39
39
|
--pf-c-tabs__list--Display: flex;
|
|
40
|
-
--pf-c-tabs__list--Visibility: visible;
|
|
41
40
|
|
|
42
41
|
// Item
|
|
43
42
|
--pf-c-tabs__item--m-action--before--ZIndex: var(--pf-global--ZIndex--xs);
|
|
@@ -123,7 +122,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
|
|
|
123
122
|
|
|
124
123
|
// Expandable
|
|
125
124
|
--pf-c-tabs__toggle--Display: flex;
|
|
126
|
-
--pf-c-tabs__toggle--Visibility: hidden;
|
|
127
125
|
--pf-c-tabs__toggle--MarginBottom: 0;
|
|
128
126
|
--pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
|
|
129
127
|
--pf-c-tabs__toggle-icon--Color: currentcolor;
|
|
@@ -235,17 +233,11 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
|
|
|
235
233
|
}
|
|
236
234
|
}
|
|
237
235
|
|
|
238
|
-
&.pf-m-secondary,
|
|
239
236
|
&.pf-m-no-border-bottom {
|
|
240
237
|
--pf-c-tabs--before--BorderBottomWidth: 0;
|
|
241
238
|
--pf-c-tabs__link--disabled--before--BorderBottomWidth: 0;
|
|
242
239
|
}
|
|
243
240
|
|
|
244
|
-
&.pf-m-border-bottom {
|
|
245
|
-
--pf-c-tabs--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
|
|
246
|
-
--pf-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-c-tabs--before--border-width--base);
|
|
247
|
-
}
|
|
248
|
-
|
|
249
241
|
// Remove bottom border for variants
|
|
250
242
|
&.pf-m-box,
|
|
251
243
|
&.pf-m-vertical {
|
|
@@ -384,16 +376,12 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
|
|
|
384
376
|
// stylelint-disable max-nesting-depth
|
|
385
377
|
&.pf-m-expandable#{$breakpoint-name} {
|
|
386
378
|
--pf-c-tabs__list--Display: none;
|
|
387
|
-
--pf-c-tabs__list--Visibility: hidden;
|
|
388
379
|
--pf-c-tabs__toggle--Display: flex;
|
|
389
|
-
--pf-c-tabs__toggle--Visibility: visible;
|
|
390
380
|
}
|
|
391
381
|
|
|
392
382
|
&.pf-m-non-expandable#{$breakpoint-name} {
|
|
393
383
|
--pf-c-tabs__list--Display: flex;
|
|
394
|
-
--pf-c-tabs__list--Visibility: visible;
|
|
395
384
|
--pf-c-tabs__toggle--Display: none;
|
|
396
|
-
--pf-c-tabs__toggle--Visibility: hidden;
|
|
397
385
|
}
|
|
398
386
|
// stylelint-enable
|
|
399
387
|
}
|
|
@@ -401,7 +389,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
|
|
|
401
389
|
|
|
402
390
|
&.pf-m-expanded {
|
|
403
391
|
--pf-c-tabs__list--Display: flex;
|
|
404
|
-
--pf-c-tabs__list--Visibility: visible;
|
|
405
392
|
--pf-c-tabs__toggle--MarginBottom: var(--pf-c-tabs--m-expanded__toggle--MarginBottom);
|
|
406
393
|
--pf-c-tabs__toggle-icon--Color: var(--pf-c-tabs--m-expanded__toggle-icon--Color);
|
|
407
394
|
--pf-c-tabs__toggle-icon--Rotate: var(--pf-c-tabs--m-expanded__toggle-icon--Rotate);
|
|
@@ -481,7 +468,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
|
|
|
481
468
|
display: var(--pf-c-tabs__toggle--Display);
|
|
482
469
|
align-items: center;
|
|
483
470
|
margin-bottom: var(--pf-c-tabs__toggle--MarginBottom);
|
|
484
|
-
visibility: var(--pf-c-tabs__toggle--Visibility);
|
|
485
471
|
}
|
|
486
472
|
|
|
487
473
|
.pf-c-tabs__toggle-button {
|
|
@@ -522,7 +508,6 @@ $pf-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
|
|
|
522
508
|
overflow-x: auto;
|
|
523
509
|
scroll-behavior: smooth;
|
|
524
510
|
scroll-snap-type: var(--pf-c-tabs__list--ScrollSnapType);
|
|
525
|
-
visibility: var(--pf-c-tabs__list--Visibility);
|
|
526
511
|
-webkit-overflow-scrolling: touch;
|
|
527
512
|
}
|
|
528
513
|
|
|
@@ -50,9 +50,4 @@
|
|
|
50
50
|
font-size: var(--pf-c-title--m-md--FontSize);
|
|
51
51
|
font-weight: var(--pf-c-title--m-md--FontWeight);
|
|
52
52
|
line-height: var(--pf-c-title--m-md--LineHeight);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.pf-m-overpass-font .pf-c-title {
|
|
56
|
-
--pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
57
|
-
--pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
58
53
|
}
|
|
@@ -70,11 +70,3 @@
|
|
|
70
70
|
line-height: var(--pf-c-title--m-md--LineHeight);
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
|
|
74
|
-
// RedHat Font overrides
|
|
75
|
-
@include pf-m-overpass-font {
|
|
76
|
-
.pf-c-title {
|
|
77
|
-
--pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
78
|
-
--pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
|
|
79
|
-
}
|
|
80
|
-
}
|