@patternfly/patternfly 6.1.0-prerelease.1 → 6.1.0-prerelease.3
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 +5 -5
- package/components/CodeEditor/code-editor.css +15 -0
- package/components/CodeEditor/code-editor.scss +16 -1
- package/components/Content/content.css +9 -0
- package/components/Content/content.scss +7 -0
- package/components/Label/label-group.css +12 -0
- package/components/Label/label-group.scss +14 -0
- package/components/Label/label.css +2 -0
- package/components/Label/label.scss +2 -0
- package/components/MenuToggle/menu-toggle.css +3 -7
- package/components/MenuToggle/menu-toggle.scss +3 -8
- package/components/Table/table-grid.css +12 -12
- package/components/Table/table-grid.scss +4 -4
- package/components/Table/table-tree-view.css +4 -4
- package/components/Table/table-tree-view.scss +4 -4
- package/components/Table/table.css +1 -0
- package/components/Table/table.scss +2 -0
- package/components/Title/title.css +4 -0
- package/components/Title/title.scss +7 -0
- package/components/Wizard/wizard.css +1 -1
- package/components/Wizard/wizard.scss +1 -1
- package/components/_index.css +63 -24
- package/docs/components/CodeEditor/examples/CodeEditor.css +3 -0
- package/docs/components/CodeEditor/examples/CodeEditor.md +158 -7
- package/docs/components/Content/examples/Content.md +8 -7
- package/docs/components/InlineEdit/examples/InlineEdit.md +3 -18
- package/docs/components/Label/examples/Label.css +12 -0
- package/docs/components/Label/examples/Label.md +127 -0
- package/docs/components/MenuToggle/examples/MenuToggle.md +1193 -536
- package/docs/components/Table/examples/Table.md +465 -2523
- package/docs/components/Title/examples/Title.md +10 -0
- package/docs/demos/AboutModal/examples/AboutModal.md +2 -4
- package/docs/demos/Alert/examples/Alert.md +6 -12
- package/docs/demos/BackToTop/examples/BackToTop.md +2 -4
- package/docs/demos/Banner/examples/Banner.md +4 -8
- package/docs/demos/Card/examples/Card.css +4 -0
- package/docs/demos/Card/examples/Card.md +13 -21
- package/docs/demos/CardView/examples/CardView.md +2 -4
- package/docs/demos/Dashboard/examples/Dashboard.md +2 -4
- package/docs/demos/DataList/examples/DataList.md +13 -46
- package/docs/demos/DescriptionList/examples/DescriptionList.md +11 -42
- package/docs/demos/Drawer/examples/Drawer.md +6 -12
- package/docs/demos/JumpLinks/examples/JumpLinks.md +8 -16
- package/docs/demos/Masthead/examples/Masthead.md +18 -36
- package/docs/demos/Modal/examples/Modal.md +12 -24
- package/docs/demos/Nav/examples/Nav.md +12 -24
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -20
- package/docs/demos/Page/examples/Page.md +24 -48
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +14 -28
- package/docs/demos/Skeleton/examples/Skeleton.md +2 -4
- package/docs/demos/Table/examples/Table.md +191 -984
- package/docs/demos/Tabs/examples/Tabs.md +18 -60
- package/docs/demos/Toolbar/examples/Toolbar.md +16 -80
- package/docs/demos/Wizard/examples/Wizard.md +18 -36
- package/package.json +3 -3
- package/patternfly-no-globals.css +63 -24
- package/patternfly.css +63 -24
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/functions.scss +6 -0
|
@@ -28,6 +28,15 @@ cssPrefix: pf-v6-c-title
|
|
|
28
28
|
|
|
29
29
|
```
|
|
30
30
|
|
|
31
|
+
### Page title
|
|
32
|
+
|
|
33
|
+
```html
|
|
34
|
+
<h1 class="pf-v6-c-title pf-m-2xl pf-m-page-title">2xl page title</h1>
|
|
35
|
+
|
|
36
|
+
<div class="pf-v6-c-title pf-m-h1 pf-m-page-title">H1 page title</div>
|
|
37
|
+
|
|
38
|
+
```
|
|
39
|
+
|
|
31
40
|
## Documentation
|
|
32
41
|
|
|
33
42
|
### Overview
|
|
@@ -62,3 +71,4 @@ The content component defines margin on headers. To regain the same spacing use,
|
|
|
62
71
|
| `.pf-m-h4` | `.pf-v6-c-title` | Modifies for default h4 size |
|
|
63
72
|
| `.pf-m-h5` | `.pf-v6-c-title` | Modifies for default h5 size |
|
|
64
73
|
| `.pf-m-h6` | `.pf-v6-c-title` | Modifies for default h6 size |
|
|
74
|
+
| `.pf-m-page-title` | `.pf-v6-c-title` | Applies page title styles. **Note:** `.pf-m-page-title` should only apply to the heading that serves as the title for the current page. |
|
|
@@ -261,10 +261,8 @@ This demo implements the about modal, including the backdrop.
|
|
|
261
261
|
</section>
|
|
262
262
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
263
263
|
<div class="pf-v6-c-page__main-body">
|
|
264
|
-
<
|
|
265
|
-
|
|
266
|
-
<p>This is a full page demo.</p>
|
|
267
|
-
</div>
|
|
264
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
265
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
268
266
|
</div>
|
|
269
267
|
</section>
|
|
270
268
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
@@ -259,10 +259,8 @@ section: components
|
|
|
259
259
|
</section>
|
|
260
260
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
261
261
|
<div class="pf-v6-c-page__main-body">
|
|
262
|
-
<
|
|
263
|
-
|
|
264
|
-
<p>This is a full page demo.</p>
|
|
265
|
-
</div>
|
|
262
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
263
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
266
264
|
</div>
|
|
267
265
|
</section>
|
|
268
266
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
@@ -640,10 +638,8 @@ section: components
|
|
|
640
638
|
</section>
|
|
641
639
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
642
640
|
<div class="pf-v6-c-page__main-body">
|
|
643
|
-
<
|
|
644
|
-
|
|
645
|
-
<p>This is a full page demo.</p>
|
|
646
|
-
</div>
|
|
641
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
642
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
647
643
|
</div>
|
|
648
644
|
</section>
|
|
649
645
|
<section class="pf-v6-c-page__main-section">
|
|
@@ -1121,10 +1117,8 @@ section: components
|
|
|
1121
1117
|
</section>
|
|
1122
1118
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
1123
1119
|
<div class="pf-v6-c-page__main-body">
|
|
1124
|
-
<
|
|
1125
|
-
|
|
1126
|
-
<p>This is a full page demo.</p>
|
|
1127
|
-
</div>
|
|
1120
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
1121
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
1128
1122
|
</div>
|
|
1129
1123
|
</section>
|
|
1130
1124
|
<section class="pf-v6-c-page__main-section">
|
|
@@ -260,10 +260,8 @@ cssPrefix: pf-d-back-to-top
|
|
|
260
260
|
</section>
|
|
261
261
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
262
262
|
<div class="pf-v6-c-page__main-body">
|
|
263
|
-
<
|
|
264
|
-
|
|
265
|
-
<p>This is a full page demo.</p>
|
|
266
|
-
</div>
|
|
263
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
264
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
267
265
|
</div>
|
|
268
266
|
</section>
|
|
269
267
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
@@ -279,10 +279,8 @@ wrapperTag: div
|
|
|
279
279
|
</section>
|
|
280
280
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
281
281
|
<div class="pf-v6-c-page__main-body">
|
|
282
|
-
<
|
|
283
|
-
|
|
284
|
-
<p>This is a full page demo.</p>
|
|
285
|
-
</div>
|
|
282
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
283
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
286
284
|
</div>
|
|
287
285
|
</section>
|
|
288
286
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
@@ -728,10 +726,8 @@ wrapperTag: div
|
|
|
728
726
|
</section>
|
|
729
727
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
730
728
|
<div class="pf-v6-c-page__main-body">
|
|
731
|
-
<
|
|
732
|
-
|
|
733
|
-
<p>This is a full page demo.</p>
|
|
734
|
-
</div>
|
|
729
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
730
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
735
731
|
</div>
|
|
736
732
|
</section>
|
|
737
733
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
@@ -21,6 +21,10 @@
|
|
|
21
21
|
--pf-v6-c-table--m-compact--cell--first-last-child--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
#ws-html-demos-c-card-status-card-expanded-with-popover .pf-v6-c-card {
|
|
25
|
+
overflow: initial;
|
|
26
|
+
}
|
|
27
|
+
|
|
24
28
|
.ws-chart {
|
|
25
29
|
display: flex;
|
|
26
30
|
max-width: 100%;
|
|
@@ -1356,7 +1356,7 @@ wrapperTag: div
|
|
|
1356
1356
|
id="status-card-expanded-with-popover-example-popover-table"
|
|
1357
1357
|
>
|
|
1358
1358
|
<thead class="pf-v6-c-table__thead">
|
|
1359
|
-
<tr class="pf-v6-c-table__tr"
|
|
1359
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
1360
1360
|
<th
|
|
1361
1361
|
class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
|
|
1362
1362
|
role="columnheader"
|
|
@@ -1375,11 +1375,7 @@ wrapperTag: div
|
|
|
1375
1375
|
</thead>
|
|
1376
1376
|
|
|
1377
1377
|
<tbody class="pf-v6-c-table__tbody pf-m-expanded">
|
|
1378
|
-
<tr
|
|
1379
|
-
class="pf-v6-c-table__tr pf-m-expanded"
|
|
1380
|
-
[object
|
|
1381
|
-
Object]
|
|
1382
|
-
>
|
|
1378
|
+
<tr class="pf-v6-c-table__tr pf-m-expanded" role="row">
|
|
1383
1379
|
<td
|
|
1384
1380
|
class="pf-v6-c-table__td pf-v6-c-table__toggle"
|
|
1385
1381
|
aria-label="Row expansion"
|
|
@@ -1430,14 +1426,13 @@ wrapperTag: div
|
|
|
1430
1426
|
|
|
1431
1427
|
<tr
|
|
1432
1428
|
class="pf-v6-c-table__tr pf-v6-c-table__expandable-row pf-m-expanded"
|
|
1433
|
-
|
|
1434
|
-
Object]
|
|
1429
|
+
role="row"
|
|
1435
1430
|
>
|
|
1436
1431
|
<td
|
|
1437
1432
|
class="pf-v6-c-table__td"
|
|
1438
1433
|
role="cell"
|
|
1439
1434
|
colspan="3"
|
|
1440
|
-
id="status-card-expanded-with-popover-example-popover-table-
|
|
1435
|
+
id="status-card-expanded-with-popover-example-popover-table-content-1"
|
|
1441
1436
|
>
|
|
1442
1437
|
<div class="pf-v6-c-table__expandable-row-content">
|
|
1443
1438
|
<div
|
|
@@ -1463,7 +1458,7 @@ wrapperTag: div
|
|
|
1463
1458
|
</tbody>
|
|
1464
1459
|
|
|
1465
1460
|
<tbody class="pf-v6-c-table__tbody">
|
|
1466
|
-
<tr class="pf-v6-c-table__tr"
|
|
1461
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
1467
1462
|
<td
|
|
1468
1463
|
class="pf-v6-c-table__td pf-v6-c-table__toggle"
|
|
1469
1464
|
aria-label="Row expansion"
|
|
@@ -1514,14 +1509,13 @@ wrapperTag: div
|
|
|
1514
1509
|
|
|
1515
1510
|
<tr
|
|
1516
1511
|
class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
|
|
1517
|
-
|
|
1518
|
-
Object]
|
|
1512
|
+
role="row"
|
|
1519
1513
|
>
|
|
1520
1514
|
<td
|
|
1521
1515
|
class="pf-v6-c-table__td"
|
|
1522
1516
|
role="cell"
|
|
1523
1517
|
colspan="3"
|
|
1524
|
-
id="status-card-expanded-with-popover-example-popover-table-
|
|
1518
|
+
id="status-card-expanded-with-popover-example-popover-table-content-2"
|
|
1525
1519
|
>
|
|
1526
1520
|
<div
|
|
1527
1521
|
class="pf-v6-c-table__expandable-row-content"
|
|
@@ -1531,7 +1525,7 @@ wrapperTag: div
|
|
|
1531
1525
|
</tbody>
|
|
1532
1526
|
|
|
1533
1527
|
<tbody class="pf-v6-c-table__tbody">
|
|
1534
|
-
<tr class="pf-v6-c-table__tr"
|
|
1528
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
1535
1529
|
<td
|
|
1536
1530
|
class="pf-v6-c-table__td pf-v6-c-table__toggle"
|
|
1537
1531
|
aria-label="Row expansion"
|
|
@@ -1580,14 +1574,13 @@ wrapperTag: div
|
|
|
1580
1574
|
|
|
1581
1575
|
<tr
|
|
1582
1576
|
class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
|
|
1583
|
-
|
|
1584
|
-
Object]
|
|
1577
|
+
role="row"
|
|
1585
1578
|
>
|
|
1586
1579
|
<td
|
|
1587
1580
|
class="pf-v6-c-table__td"
|
|
1588
1581
|
role="cell"
|
|
1589
1582
|
colspan="3"
|
|
1590
|
-
id="status-card-expanded-with-popover-example-popover-table-
|
|
1583
|
+
id="status-card-expanded-with-popover-example-popover-table-content-3"
|
|
1591
1584
|
>
|
|
1592
1585
|
<div
|
|
1593
1586
|
class="pf-v6-c-table__expandable-row-content"
|
|
@@ -1597,7 +1590,7 @@ wrapperTag: div
|
|
|
1597
1590
|
</tbody>
|
|
1598
1591
|
|
|
1599
1592
|
<tbody class="pf-v6-c-table__tbody">
|
|
1600
|
-
<tr class="pf-v6-c-table__tr"
|
|
1593
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
1601
1594
|
<td
|
|
1602
1595
|
class="pf-v6-c-table__td pf-v6-c-table__toggle"
|
|
1603
1596
|
aria-label="Row expansion"
|
|
@@ -1646,14 +1639,13 @@ wrapperTag: div
|
|
|
1646
1639
|
|
|
1647
1640
|
<tr
|
|
1648
1641
|
class="pf-v6-c-table__tr pf-v6-c-table__expandable-row"
|
|
1649
|
-
|
|
1650
|
-
Object]
|
|
1642
|
+
role="row"
|
|
1651
1643
|
>
|
|
1652
1644
|
<td
|
|
1653
1645
|
class="pf-v6-c-table__td"
|
|
1654
1646
|
role="cell"
|
|
1655
1647
|
colspan="3"
|
|
1656
|
-
id="status-card-expanded-with-popover-example-popover-table-
|
|
1648
|
+
id="status-card-expanded-with-popover-example-popover-table-content-4"
|
|
1657
1649
|
>
|
|
1658
1650
|
<div
|
|
1659
1651
|
class="pf-v6-c-table__expandable-row-content"
|
|
@@ -349,10 +349,8 @@ section: patterns
|
|
|
349
349
|
</section>
|
|
350
350
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
351
351
|
<div class="pf-v6-c-page__main-body">
|
|
352
|
-
<
|
|
353
|
-
|
|
354
|
-
<p>This is a full page demo.</p>
|
|
355
|
-
</div>
|
|
352
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
353
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
356
354
|
</div>
|
|
357
355
|
</section>
|
|
358
356
|
<section class="pf-v6-c-page__main-section">
|
|
@@ -257,10 +257,8 @@ cssPrefix: pf-d-dashboard
|
|
|
257
257
|
</section>
|
|
258
258
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
259
259
|
<div class="pf-v6-c-page__main-body">
|
|
260
|
-
<
|
|
261
|
-
|
|
262
|
-
<p>This is a full page demo.</p>
|
|
263
|
-
</div>
|
|
260
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
261
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
264
262
|
</div>
|
|
265
263
|
</section>
|
|
266
264
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
@@ -260,10 +260,8 @@ wrapperTag: div
|
|
|
260
260
|
</section>
|
|
261
261
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
262
262
|
<div class="pf-v6-c-page__main-body">
|
|
263
|
-
<
|
|
264
|
-
|
|
265
|
-
<p>This is a full page demo.</p>
|
|
266
|
-
</div>
|
|
263
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
264
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
267
265
|
</div>
|
|
268
266
|
</section>
|
|
269
267
|
<section class="pf-v6-c-page__main-section">
|
|
@@ -1089,10 +1087,8 @@ wrapperTag: div
|
|
|
1089
1087
|
</section>
|
|
1090
1088
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
1091
1089
|
<div class="pf-v6-c-page__main-body">
|
|
1092
|
-
<
|
|
1093
|
-
|
|
1094
|
-
<p>This is a full page demo.</p>
|
|
1095
|
-
</div>
|
|
1090
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
1091
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
1096
1092
|
</div>
|
|
1097
1093
|
</section>
|
|
1098
1094
|
<section class="pf-v6-c-page__main-section">
|
|
@@ -1928,10 +1924,8 @@ wrapperTag: div
|
|
|
1928
1924
|
</section>
|
|
1929
1925
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
1930
1926
|
<div class="pf-v6-c-page__main-body">
|
|
1931
|
-
<
|
|
1932
|
-
|
|
1933
|
-
<p>This is a full page demo.</p>
|
|
1934
|
-
</div>
|
|
1927
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
1928
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
1935
1929
|
</div>
|
|
1936
1930
|
</section>
|
|
1937
1931
|
<section class="pf-v6-c-page__main-section">
|
|
@@ -2278,12 +2272,7 @@ wrapperTag: div
|
|
|
2278
2272
|
id="compact-table-demo-data-list"
|
|
2279
2273
|
>
|
|
2280
2274
|
<thead class="pf-v6-c-table__thead">
|
|
2281
|
-
<tr
|
|
2282
|
-
class="pf-v6-c-table__tr"
|
|
2283
|
-
role&#x3D;&quot;row&quot;
|
|
2284
|
-
[object
|
|
2285
|
-
Object]
|
|
2286
|
-
>
|
|
2275
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2287
2276
|
<th
|
|
2288
2277
|
class="pf-v6-c-table__th pf-v6-c-table__check"
|
|
2289
2278
|
aria-label="Row select"
|
|
@@ -2359,12 +2348,7 @@ wrapperTag: div
|
|
|
2359
2348
|
</thead>
|
|
2360
2349
|
|
|
2361
2350
|
<tbody class="pf-v6-c-table__tbody" role="rowgroup">
|
|
2362
|
-
<tr
|
|
2363
|
-
class="pf-v6-c-table__tr"
|
|
2364
|
-
role&#x3D;&quot;row&quot;
|
|
2365
|
-
[object
|
|
2366
|
-
Object]
|
|
2367
|
-
>
|
|
2351
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2368
2352
|
<td
|
|
2369
2353
|
class="pf-v6-c-table__td pf-v6-c-table__check"
|
|
2370
2354
|
aria-label="Check row"
|
|
@@ -2440,12 +2424,7 @@ wrapperTag: div
|
|
|
2440
2424
|
</button>
|
|
2441
2425
|
</td>
|
|
2442
2426
|
</tr>
|
|
2443
|
-
<tr
|
|
2444
|
-
class="pf-v6-c-table__tr"
|
|
2445
|
-
role&#x3D;&quot;row&quot;
|
|
2446
|
-
[object
|
|
2447
|
-
Object]
|
|
2448
|
-
>
|
|
2427
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2449
2428
|
<td
|
|
2450
2429
|
class="pf-v6-c-table__td pf-v6-c-table__check"
|
|
2451
2430
|
aria-label="Check row"
|
|
@@ -2522,12 +2501,7 @@ wrapperTag: div
|
|
|
2522
2501
|
</button>
|
|
2523
2502
|
</td>
|
|
2524
2503
|
</tr>
|
|
2525
|
-
<tr
|
|
2526
|
-
class="pf-v6-c-table__tr"
|
|
2527
|
-
role&#x3D;&quot;row&quot;
|
|
2528
|
-
[object
|
|
2529
|
-
Object]
|
|
2530
|
-
>
|
|
2504
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2531
2505
|
<td
|
|
2532
2506
|
class="pf-v6-c-table__td pf-v6-c-table__check"
|
|
2533
2507
|
aria-label="Check row"
|
|
@@ -2604,12 +2578,7 @@ wrapperTag: div
|
|
|
2604
2578
|
</button>
|
|
2605
2579
|
</td>
|
|
2606
2580
|
</tr>
|
|
2607
|
-
<tr
|
|
2608
|
-
class="pf-v6-c-table__tr"
|
|
2609
|
-
role&#x3D;&quot;row&quot;
|
|
2610
|
-
[object
|
|
2611
|
-
Object]
|
|
2612
|
-
>
|
|
2581
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2613
2582
|
<td
|
|
2614
2583
|
class="pf-v6-c-table__td pf-v6-c-table__check"
|
|
2615
2584
|
aria-label="Check row"
|
|
@@ -3477,10 +3446,8 @@ wrapperTag: div
|
|
|
3477
3446
|
</section>
|
|
3478
3447
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
3479
3448
|
<div class="pf-v6-c-page__main-body">
|
|
3480
|
-
<
|
|
3481
|
-
|
|
3482
|
-
<p>This is a full page demo.</p>
|
|
3483
|
-
</div>
|
|
3449
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
3450
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
3484
3451
|
</div>
|
|
3485
3452
|
</section>
|
|
3486
3453
|
<section class="pf-v6-c-page__main-section">
|
|
@@ -260,10 +260,8 @@ cssPrefix: pf-d-description-list
|
|
|
260
260
|
</section>
|
|
261
261
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
262
262
|
<div class="pf-v6-c-page__main-body">
|
|
263
|
-
<
|
|
264
|
-
|
|
265
|
-
<p>This is a full page demo.</p>
|
|
266
|
-
</div>
|
|
263
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
264
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
267
265
|
</div>
|
|
268
266
|
</section>
|
|
269
267
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
@@ -643,10 +641,8 @@ cssPrefix: pf-d-description-list
|
|
|
643
641
|
</section>
|
|
644
642
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
645
643
|
<div class="pf-v6-c-page__main-body">
|
|
646
|
-
<
|
|
647
|
-
|
|
648
|
-
<p>This is a full page demo.</p>
|
|
649
|
-
</div>
|
|
644
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
645
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
650
646
|
</div>
|
|
651
647
|
</section>
|
|
652
648
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
@@ -1267,10 +1263,8 @@ cssPrefix: pf-d-description-list
|
|
|
1267
1263
|
</section>
|
|
1268
1264
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
1269
1265
|
<div class="pf-v6-c-page__main-body">
|
|
1270
|
-
<
|
|
1271
|
-
|
|
1272
|
-
<p>This is a full page demo.</p>
|
|
1273
|
-
</div>
|
|
1266
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
1267
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
1274
1268
|
</div>
|
|
1275
1269
|
</section>
|
|
1276
1270
|
<hr class="pf-v6-c-divider" />
|
|
@@ -1398,12 +1392,7 @@ cssPrefix: pf-d-description-list
|
|
|
1398
1392
|
id="service-address"
|
|
1399
1393
|
>
|
|
1400
1394
|
<thead class="pf-v6-c-table__thead">
|
|
1401
|
-
<tr
|
|
1402
|
-
class="pf-v6-c-table__tr"
|
|
1403
|
-
role&#x3D;&quot;row&quot;
|
|
1404
|
-
[object
|
|
1405
|
-
Object]
|
|
1406
|
-
>
|
|
1395
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
1407
1396
|
<th
|
|
1408
1397
|
class="pf-v6-c-table__th"
|
|
1409
1398
|
role="columnheader"
|
|
@@ -1419,12 +1408,7 @@ cssPrefix: pf-d-description-list
|
|
|
1419
1408
|
</thead>
|
|
1420
1409
|
|
|
1421
1410
|
<tbody class="pf-v6-c-table__tbody" role="rowgroup">
|
|
1422
|
-
<tr
|
|
1423
|
-
class="pf-v6-c-table__tr"
|
|
1424
|
-
role&#x3D;&quot;row&quot;
|
|
1425
|
-
[object
|
|
1426
|
-
Object]
|
|
1427
|
-
>
|
|
1411
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
1428
1412
|
<td
|
|
1429
1413
|
class="pf-v6-c-table__td"
|
|
1430
1414
|
role="cell"
|
|
@@ -1436,12 +1420,7 @@ cssPrefix: pf-d-description-list
|
|
|
1436
1420
|
data-label="Location"
|
|
1437
1421
|
>172.30.126.106</td>
|
|
1438
1422
|
</tr>
|
|
1439
|
-
<tr
|
|
1440
|
-
class="pf-v6-c-table__tr"
|
|
1441
|
-
role&#x3D;&quot;row&quot;
|
|
1442
|
-
[object
|
|
1443
|
-
Object]
|
|
1444
|
-
>
|
|
1423
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
1445
1424
|
<td
|
|
1446
1425
|
class="pf-v6-c-table__td"
|
|
1447
1426
|
role="cell"
|
|
@@ -1473,12 +1452,7 @@ cssPrefix: pf-d-description-list
|
|
|
1473
1452
|
id="service-port"
|
|
1474
1453
|
>
|
|
1475
1454
|
<thead class="pf-v6-c-table__thead">
|
|
1476
|
-
<tr
|
|
1477
|
-
class="pf-v6-c-table__tr"
|
|
1478
|
-
role&#x3D;&quot;row&quot;
|
|
1479
|
-
[object
|
|
1480
|
-
Object]
|
|
1481
|
-
>
|
|
1455
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
1482
1456
|
<th
|
|
1483
1457
|
class="pf-v6-c-table__th"
|
|
1484
1458
|
role="columnheader"
|
|
@@ -1506,12 +1480,7 @@ cssPrefix: pf-d-description-list
|
|
|
1506
1480
|
</thead>
|
|
1507
1481
|
|
|
1508
1482
|
<tbody class="pf-v6-c-table__tbody" role="rowgroup">
|
|
1509
|
-
<tr
|
|
1510
|
-
class="pf-v6-c-table__tr"
|
|
1511
|
-
role&#x3D;&quot;row&quot;
|
|
1512
|
-
[object
|
|
1513
|
-
Object]
|
|
1514
|
-
>
|
|
1483
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
1515
1484
|
<td
|
|
1516
1485
|
class="pf-v6-c-table__td"
|
|
1517
1486
|
role="cell"
|
|
@@ -274,10 +274,8 @@ wrapperTag: div
|
|
|
274
274
|
</section>
|
|
275
275
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
276
276
|
<div class="pf-v6-c-page__main-body">
|
|
277
|
-
<
|
|
278
|
-
|
|
279
|
-
<p>This is a full page demo.</p>
|
|
280
|
-
</div>
|
|
277
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
278
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
281
279
|
</div>
|
|
282
280
|
</section>
|
|
283
281
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
@@ -745,10 +743,8 @@ wrapperTag: div
|
|
|
745
743
|
</section>
|
|
746
744
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
747
745
|
<div class="pf-v6-c-page__main-body">
|
|
748
|
-
<
|
|
749
|
-
|
|
750
|
-
<p>This is a full page demo.</p>
|
|
751
|
-
</div>
|
|
746
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
747
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
752
748
|
</div>
|
|
753
749
|
</section>
|
|
754
750
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
@@ -1071,10 +1067,8 @@ wrapperTag: div
|
|
|
1071
1067
|
</section>
|
|
1072
1068
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
1073
1069
|
<div class="pf-v6-c-page__main-body">
|
|
1074
|
-
<
|
|
1075
|
-
|
|
1076
|
-
<p>This is a full page demo.</p>
|
|
1077
|
-
</div>
|
|
1070
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
1071
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
1078
1072
|
</div>
|
|
1079
1073
|
</section>
|
|
1080
1074
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
@@ -262,10 +262,8 @@ section: components
|
|
|
262
262
|
</section>
|
|
263
263
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
264
264
|
<div class="pf-v6-c-page__main-body">
|
|
265
|
-
<
|
|
266
|
-
|
|
267
|
-
<p>This is a full page demo.</p>
|
|
268
|
-
</div>
|
|
265
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
266
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
269
267
|
</div>
|
|
270
268
|
</section>
|
|
271
269
|
<section class="pf-v6-c-page__main-section pf-m-no-padding">
|
|
@@ -679,10 +677,8 @@ section: components
|
|
|
679
677
|
</section>
|
|
680
678
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
681
679
|
<div class="pf-v6-c-page__main-body">
|
|
682
|
-
<
|
|
683
|
-
|
|
684
|
-
<p>This is a full page demo.</p>
|
|
685
|
-
</div>
|
|
680
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
681
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
686
682
|
</div>
|
|
687
683
|
</section>
|
|
688
684
|
<section class="pf-v6-c-page__main-section pf-m-no-padding">
|
|
@@ -1096,10 +1092,8 @@ section: components
|
|
|
1096
1092
|
</section>
|
|
1097
1093
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
1098
1094
|
<div class="pf-v6-c-page__main-body">
|
|
1099
|
-
<
|
|
1100
|
-
|
|
1101
|
-
<p>This is a full page demo.</p>
|
|
1102
|
-
</div>
|
|
1095
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
1096
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
1103
1097
|
</div>
|
|
1104
1098
|
</section>
|
|
1105
1099
|
<section class="pf-v6-c-page__main-section pf-m-no-padding">
|
|
@@ -1510,10 +1504,8 @@ section: components
|
|
|
1510
1504
|
</section>
|
|
1511
1505
|
<section class="pf-v6-c-page__main-section pf-m-limit-width">
|
|
1512
1506
|
<div class="pf-v6-c-page__main-body">
|
|
1513
|
-
<
|
|
1514
|
-
|
|
1515
|
-
<p>This is a full page demo.</p>
|
|
1516
|
-
</div>
|
|
1507
|
+
<h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
|
|
1508
|
+
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
1517
1509
|
</div>
|
|
1518
1510
|
</section>
|
|
1519
1511
|
<section class="pf-v6-c-page__main-section pf-m-sticky-top">
|