@patternfly/patternfly 6.0.0-alpha.200 → 6.0.0-alpha.202
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/base/normalize.scss +3 -3
- package/base/patternfly-variables.css +2 -6
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +1 -1
- package/base/tokens/tokens-default.scss +3 -3
- package/base/tokens/tokens-local.scss +0 -6
- package/base/tokens/tokens-palette.scss +1 -1
- package/components/Breadcrumb/breadcrumb.css +9 -6
- package/components/Breadcrumb/breadcrumb.scss +9 -6
- package/components/Button/button.css +16 -7
- package/components/Button/button.scss +17 -7
- package/components/Content/content.css +8 -5
- package/components/Content/content.scss +8 -5
- package/components/DescriptionList/description-list.css +10 -15
- package/components/DescriptionList/description-list.scss +10 -16
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -2
- package/components/Label/label.css +15 -14
- package/components/Label/label.scss +16 -14
- package/components/Masthead/masthead.css +172 -95
- package/components/Masthead/masthead.scss +74 -49
- package/components/Nav/nav.css +5 -4
- package/components/Nav/nav.scss +5 -4
- package/components/Page/page.css +18 -12
- package/components/Page/page.scss +18 -12
- package/components/ProgressStepper/progress-stepper.css +8 -7
- package/components/ProgressStepper/progress-stepper.scss +8 -8
- package/components/SimpleList/simple-list.css +1 -1
- package/components/SimpleList/simple-list.scss +1 -2
- package/components/Tabs/tabs.css +1 -1
- package/components/Tabs/tabs.scss +1 -3
- package/components/Timestamp/timestamp.css +8 -17
- package/components/Timestamp/timestamp.scss +8 -18
- package/components/ToggleGroup/toggle-group.css +2 -2
- package/components/ToggleGroup/toggle-group.scss +2 -4
- package/components/_index.css +274 -187
- package/docs/components/Alert/examples/Alert.md +4 -4
- package/docs/components/Card/examples/Card.md +4 -4
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +2 -2
- package/docs/components/DescriptionList/examples/DescriptionList.md +30 -5
- package/docs/components/Form/examples/Form.md +2 -2
- package/docs/components/Masthead/examples/masthead.md +506 -493
- package/docs/components/Nav/examples/Navigation.md +0 -1
- package/docs/components/Page/examples/Page.md +98 -89
- package/docs/components/Table/examples/Table.md +58 -58
- package/docs/components/Wizard/examples/Wizard.md +1 -1
- package/docs/demos/AboutModal/examples/AboutModal.md +87 -83
- package/docs/demos/Alert/examples/Alert.md +263 -251
- package/docs/demos/BackToTop/examples/BackToTop.md +87 -83
- package/docs/demos/Banner/examples/Banner.md +177 -173
- package/docs/demos/Card/examples/Card.md +12 -12
- package/docs/demos/CardView/examples/CardView.md +90 -88
- package/docs/demos/Dashboard/examples/Dashboard.md +92 -88
- package/docs/demos/DataList/examples/DataList.md +352 -344
- package/docs/demos/DescriptionList/examples/DescriptionList.md +262 -252
- package/docs/demos/Drawer/examples/Drawer.md +437 -423
- package/docs/demos/Form/examples/BasicForms.md +11 -11
- package/docs/demos/JumpLinks/examples/JumpLinks.md +524 -500
- package/docs/demos/Masthead/examples/Masthead.md +772 -736
- package/docs/demos/Modal/examples/Modal.md +522 -498
- package/docs/demos/Nav/examples/Nav.md +511 -487
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +435 -425
- package/docs/demos/Page/examples/Page.md +959 -915
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +611 -584
- package/docs/demos/Skeleton/examples/Skeleton.md +87 -83
- package/docs/demos/Table/examples/Table.md +1326 -1294
- package/docs/demos/Tabs/examples/Tabs.md +526 -504
- package/docs/demos/Toolbar/examples/Toolbar.md +174 -166
- package/docs/demos/Wizard/examples/Wizard.md +790 -767
- package/package.json +1 -1
- package/patternfly-base-no-globals.css +2 -6
- package/patternfly-base.css +5 -9
- package/patternfly-no-globals.css +276 -193
- package/patternfly.css +279 -196
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -1084,7 +1084,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1084
1084
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
1085
1085
|
<button
|
|
1086
1086
|
class="pf-v6-c-button pf-m-plain"
|
|
1087
|
-
id
|
|
1087
|
+
id="table-expandable-expandable-toggle-thead"
|
|
1088
1088
|
type="button"
|
|
1089
1089
|
aria-labelledby="table-expandable-node-thead table-expandable-expandable-toggle-thead"
|
|
1090
1090
|
aria-label="Toggle row"
|
|
@@ -1172,7 +1172,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1172
1172
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
1173
1173
|
<button
|
|
1174
1174
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1175
|
-
id
|
|
1175
|
+
id="table-expandable-expandable-toggle-1"
|
|
1176
1176
|
type="button"
|
|
1177
1177
|
aria-expanded="true"
|
|
1178
1178
|
aria-labelledby="table-expandable-node-1 table-expandable-expandable-toggle-1"
|
|
@@ -1258,7 +1258,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1258
1258
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
1259
1259
|
<button
|
|
1260
1260
|
class="pf-v6-c-button pf-m-plain"
|
|
1261
|
-
id
|
|
1261
|
+
id="table-expandable-expandable-toggle-2"
|
|
1262
1262
|
type="button"
|
|
1263
1263
|
aria-labelledby="table-expandable-node-2 table-expandable-expandable-toggle-2"
|
|
1264
1264
|
aria-label="Toggle row"
|
|
@@ -1335,7 +1335,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1335
1335
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
1336
1336
|
<button
|
|
1337
1337
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1338
|
-
id
|
|
1338
|
+
id="table-expandable-expandable-toggle-3"
|
|
1339
1339
|
type="button"
|
|
1340
1340
|
aria-expanded="true"
|
|
1341
1341
|
aria-labelledby="table-expandable-node-3 table-expandable-expandable-toggle-3"
|
|
@@ -1416,7 +1416,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1416
1416
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
1417
1417
|
<button
|
|
1418
1418
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1419
|
-
id
|
|
1419
|
+
id="table-expandable-expandable-toggle-4"
|
|
1420
1420
|
type="button"
|
|
1421
1421
|
aria-expanded="true"
|
|
1422
1422
|
aria-labelledby="table-expandable-node-4 table-expandable-expandable-toggle-4"
|
|
@@ -1509,7 +1509,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1509
1509
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
1510
1510
|
<button
|
|
1511
1511
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1512
|
-
id
|
|
1512
|
+
id="expandable-set-width-columns-example-expandable-toggle-thead"
|
|
1513
1513
|
type="button"
|
|
1514
1514
|
aria-expanded="true"
|
|
1515
1515
|
aria-labelledby="expandable-set-width-columns-example-node-thead expandable-set-width-columns-example-expandable-toggle-thead"
|
|
@@ -1602,7 +1602,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1602
1602
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
1603
1603
|
<button
|
|
1604
1604
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1605
|
-
id
|
|
1605
|
+
id="expandable-set-width-columns-example-expandable-toggle-1"
|
|
1606
1606
|
type="button"
|
|
1607
1607
|
aria-expanded="true"
|
|
1608
1608
|
aria-labelledby="expandable-set-width-columns-example-node-1 expandable-set-width-columns-example-expandable-toggle-1"
|
|
@@ -1684,7 +1684,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1684
1684
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
1685
1685
|
<button
|
|
1686
1686
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1687
|
-
id
|
|
1687
|
+
id="expandable-set-width-columns-example-expandable-toggle-2"
|
|
1688
1688
|
type="button"
|
|
1689
1689
|
aria-expanded="true"
|
|
1690
1690
|
aria-labelledby="expandable-set-width-columns-example-node-2 expandable-set-width-columns-example-expandable-toggle-2"
|
|
@@ -1767,7 +1767,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1767
1767
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
1768
1768
|
<button
|
|
1769
1769
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1770
|
-
id
|
|
1770
|
+
id="expandable-set-width-columns-example-expandable-toggle-3"
|
|
1771
1771
|
type="button"
|
|
1772
1772
|
aria-expanded="true"
|
|
1773
1773
|
aria-labelledby="expandable-set-width-columns-example-node-3 expandable-set-width-columns-example-expandable-toggle-3"
|
|
@@ -1844,7 +1844,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1844
1844
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
1845
1845
|
<button
|
|
1846
1846
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1847
|
-
id
|
|
1847
|
+
id="expandable-set-width-columns-example-expandable-toggle-4"
|
|
1848
1848
|
type="button"
|
|
1849
1849
|
aria-expanded="true"
|
|
1850
1850
|
aria-labelledby="expandable-set-width-columns-example-node-4 expandable-set-width-columns-example-expandable-toggle-4"
|
|
@@ -1939,7 +1939,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
1939
1939
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
1940
1940
|
<button
|
|
1941
1941
|
class="pf-v6-c-button pf-m-plain"
|
|
1942
|
-
id
|
|
1942
|
+
id="table-expandable-nested-table-expandable-toggle-thead"
|
|
1943
1943
|
type="button"
|
|
1944
1944
|
aria-labelledby="table-expandable-nested-table-node-thead table-expandable-nested-table-expandable-toggle-thead"
|
|
1945
1945
|
aria-label="Toggle row"
|
|
@@ -2027,7 +2027,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
2027
2027
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
2028
2028
|
<button
|
|
2029
2029
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
2030
|
-
id
|
|
2030
|
+
id="table-expandable-nested-table-expandable-toggle-1"
|
|
2031
2031
|
type="button"
|
|
2032
2032
|
aria-expanded="true"
|
|
2033
2033
|
aria-labelledby="table-expandable-nested-table-node-1 table-expandable-nested-table-expandable-toggle-1"
|
|
@@ -2261,7 +2261,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
2261
2261
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
2262
2262
|
<button
|
|
2263
2263
|
class="pf-v6-c-button pf-m-plain"
|
|
2264
|
-
id
|
|
2264
|
+
id="table-expandable-nested-table-expandable-toggle-2"
|
|
2265
2265
|
type="button"
|
|
2266
2266
|
aria-labelledby="table-expandable-nested-table-node-2 table-expandable-nested-table-expandable-toggle-2"
|
|
2267
2267
|
aria-label="Toggle row"
|
|
@@ -2338,7 +2338,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
2338
2338
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
2339
2339
|
<button
|
|
2340
2340
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
2341
|
-
id
|
|
2341
|
+
id="table-expandable-nested-table-expandable-toggle-3"
|
|
2342
2342
|
type="button"
|
|
2343
2343
|
aria-expanded="true"
|
|
2344
2344
|
aria-labelledby="table-expandable-nested-table-node-3 table-expandable-nested-table-expandable-toggle-3"
|
|
@@ -2419,7 +2419,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
|
|
|
2419
2419
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
2420
2420
|
<button
|
|
2421
2421
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
2422
|
-
id
|
|
2422
|
+
id="table-expandable-nested-table-expandable-toggle-4"
|
|
2423
2423
|
type="button"
|
|
2424
2424
|
aria-expanded="true"
|
|
2425
2425
|
aria-labelledby="table-expandable-nested-table-node-4 table-expandable-nested-table-expandable-toggle-4"
|
|
@@ -5043,7 +5043,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5043
5043
|
>
|
|
5044
5044
|
<button
|
|
5045
5045
|
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
5046
|
-
id
|
|
5046
|
+
id="table-compact-expandable-expandable-toggle-thead"
|
|
5047
5047
|
type="button"
|
|
5048
5048
|
aria-labelledby="table-compact-expandable-node-thead table-compact-expandable-expandable-toggle-thead"
|
|
5049
5049
|
aria-label="Toggle row"
|
|
@@ -5103,7 +5103,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5103
5103
|
>
|
|
5104
5104
|
<button
|
|
5105
5105
|
class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
|
|
5106
|
-
id
|
|
5106
|
+
id="table-compact-expandable-expandable-toggle-1"
|
|
5107
5107
|
type="button"
|
|
5108
5108
|
aria-expanded="true"
|
|
5109
5109
|
aria-labelledby="table-compact-expandable-node-1 table-compact-expandable-expandable-toggle-1"
|
|
@@ -5209,7 +5209,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5209
5209
|
>
|
|
5210
5210
|
<button
|
|
5211
5211
|
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
5212
|
-
id
|
|
5212
|
+
id="table-compact-expandable-expandable-toggle-2"
|
|
5213
5213
|
type="button"
|
|
5214
5214
|
aria-labelledby="table-compact-expandable-node-2 table-compact-expandable-expandable-toggle-2"
|
|
5215
5215
|
aria-label="Toggle row"
|
|
@@ -5306,7 +5306,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5306
5306
|
>
|
|
5307
5307
|
<button
|
|
5308
5308
|
class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
|
|
5309
|
-
id
|
|
5309
|
+
id="table-compact-expandable-expandable-toggle-3"
|
|
5310
5310
|
type="button"
|
|
5311
5311
|
aria-expanded="true"
|
|
5312
5312
|
aria-labelledby="table-compact-expandable-node-3 table-compact-expandable-expandable-toggle-3"
|
|
@@ -5407,7 +5407,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5407
5407
|
>
|
|
5408
5408
|
<button
|
|
5409
5409
|
class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
|
|
5410
|
-
id
|
|
5410
|
+
id="table-compact-expandable-expandable-toggle-4"
|
|
5411
5411
|
type="button"
|
|
5412
5412
|
aria-expanded="true"
|
|
5413
5413
|
aria-labelledby="table-compact-expandable-node-4 table-compact-expandable-expandable-toggle-4"
|
|
@@ -5508,7 +5508,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5508
5508
|
>
|
|
5509
5509
|
<button
|
|
5510
5510
|
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
5511
|
-
id
|
|
5511
|
+
id="table-compact-expandable-expandable-toggle-5"
|
|
5512
5512
|
type="button"
|
|
5513
5513
|
aria-labelledby="table-compact-expandable-node-5 table-compact-expandable-expandable-toggle-5"
|
|
5514
5514
|
aria-label="Toggle row"
|
|
@@ -5605,7 +5605,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5605
5605
|
>
|
|
5606
5606
|
<button
|
|
5607
5607
|
class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
|
|
5608
|
-
id
|
|
5608
|
+
id="table-compact-expandable-expandable-toggle-6"
|
|
5609
5609
|
type="button"
|
|
5610
5610
|
aria-expanded="true"
|
|
5611
5611
|
aria-labelledby="table-compact-expandable-node-6 table-compact-expandable-expandable-toggle-6"
|
|
@@ -5713,7 +5713,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5713
5713
|
>
|
|
5714
5714
|
<button
|
|
5715
5715
|
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
5716
|
-
id
|
|
5716
|
+
id="table-compact-expandable-expandable-toggle-7"
|
|
5717
5717
|
type="button"
|
|
5718
5718
|
aria-labelledby="table-compact-expandable-node-7 table-compact-expandable-expandable-toggle-7"
|
|
5719
5719
|
aria-label="Toggle row"
|
|
@@ -5810,7 +5810,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5810
5810
|
>
|
|
5811
5811
|
<button
|
|
5812
5812
|
class="pf-v6-c-button pf-m-small pf-m-expanded pf-m-plain"
|
|
5813
|
-
id
|
|
5813
|
+
id="table-compact-expandable-expandable-toggle-8"
|
|
5814
5814
|
type="button"
|
|
5815
5815
|
aria-expanded="true"
|
|
5816
5816
|
aria-labelledby="table-compact-expandable-node-8 table-compact-expandable-expandable-toggle-8"
|
|
@@ -5913,7 +5913,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
5913
5913
|
>
|
|
5914
5914
|
<button
|
|
5915
5915
|
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
5916
|
-
id
|
|
5916
|
+
id="table-compact-expandable-expandable-toggle-9"
|
|
5917
5917
|
type="button"
|
|
5918
5918
|
aria-labelledby="table-compact-expandable-node-9 table-compact-expandable-expandable-toggle-9"
|
|
5919
5919
|
aria-label="Toggle row"
|
|
@@ -6278,7 +6278,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6278
6278
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
6279
6279
|
<button
|
|
6280
6280
|
class="pf-v6-c-button pf-m-plain"
|
|
6281
|
-
id
|
|
6281
|
+
id="table-expandable-clickable-expandable-toggle-1"
|
|
6282
6282
|
type="button"
|
|
6283
6283
|
aria-labelledby="table-expandable-clickable-node-1 table-expandable-clickable-expandable-toggle-1"
|
|
6284
6284
|
aria-label="Toggle row"
|
|
@@ -6363,7 +6363,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6363
6363
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
6364
6364
|
<button
|
|
6365
6365
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
6366
|
-
id
|
|
6366
|
+
id="table-expandable-clickable-expandable-toggle-2"
|
|
6367
6367
|
type="button"
|
|
6368
6368
|
aria-expanded="true"
|
|
6369
6369
|
aria-labelledby="table-expandable-clickable-node-2 table-expandable-clickable-expandable-toggle-2"
|
|
@@ -6454,7 +6454,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6454
6454
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
6455
6455
|
<button
|
|
6456
6456
|
class="pf-v6-c-button pf-m-plain"
|
|
6457
|
-
id
|
|
6457
|
+
id="table-expandable-clickable-expandable-toggle-3"
|
|
6458
6458
|
type="button"
|
|
6459
6459
|
aria-labelledby="table-expandable-clickable-node-3 table-expandable-clickable-expandable-toggle-3"
|
|
6460
6460
|
aria-label="Toggle row"
|
|
@@ -6539,7 +6539,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6539
6539
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
6540
6540
|
<button
|
|
6541
6541
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
6542
|
-
id
|
|
6542
|
+
id="table-expandable-clickable-expandable-toggle-4"
|
|
6543
6543
|
type="button"
|
|
6544
6544
|
aria-expanded="true"
|
|
6545
6545
|
aria-labelledby="table-expandable-clickable-node-4 table-expandable-clickable-expandable-toggle-4"
|
|
@@ -6680,7 +6680,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6680
6680
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
6681
6681
|
<button
|
|
6682
6682
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
6683
|
-
id
|
|
6683
|
+
id="tree-table-basic-example-expandable-toggle-1"
|
|
6684
6684
|
type="button"
|
|
6685
6685
|
aria-expanded="true"
|
|
6686
6686
|
aria-labelledby="tree-table-basic-example-node-1 tree-table-basic-example-expandable-toggle-1"
|
|
@@ -6756,7 +6756,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6756
6756
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
6757
6757
|
<button
|
|
6758
6758
|
class="pf-v6-c-button pf-m-plain"
|
|
6759
|
-
id
|
|
6759
|
+
id="tree-table-basic-example-expandable-toggle-2"
|
|
6760
6760
|
type="button"
|
|
6761
6761
|
aria-labelledby="tree-table-basic-example-node-2 tree-table-basic-example-expandable-toggle-2"
|
|
6762
6762
|
aria-label="Toggle row"
|
|
@@ -7063,7 +7063,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
7063
7063
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
7064
7064
|
<button
|
|
7065
7065
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
7066
|
-
id
|
|
7066
|
+
id="tree-table-basic-example-expandable-toggle-7"
|
|
7067
7067
|
type="button"
|
|
7068
7068
|
aria-expanded="true"
|
|
7069
7069
|
aria-labelledby="tree-table-basic-example-node-7 tree-table-basic-example-expandable-toggle-7"
|
|
@@ -7195,7 +7195,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
7195
7195
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
7196
7196
|
<button
|
|
7197
7197
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
7198
|
-
id
|
|
7198
|
+
id="tree-table-basic-example-expandable-toggle-9"
|
|
7199
7199
|
type="button"
|
|
7200
7200
|
aria-expanded="true"
|
|
7201
7201
|
aria-labelledby="tree-table-basic-example-node-9 tree-table-basic-example-expandable-toggle-9"
|
|
@@ -7386,7 +7386,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
7386
7386
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
7387
7387
|
<button
|
|
7388
7388
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
7389
|
-
id
|
|
7389
|
+
id="tree-table-basic-example-expandable-toggle-12"
|
|
7390
7390
|
type="button"
|
|
7391
7391
|
aria-expanded="true"
|
|
7392
7392
|
aria-labelledby="tree-table-basic-example-node-12 tree-table-basic-example-expandable-toggle-12"
|
|
@@ -7576,7 +7576,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
7576
7576
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
7577
7577
|
<button
|
|
7578
7578
|
class="pf-v6-c-button pf-m-plain"
|
|
7579
|
-
id
|
|
7579
|
+
id="tree-table-basic-example-expandable-toggle-15"
|
|
7580
7580
|
type="button"
|
|
7581
7581
|
aria-labelledby="tree-table-basic-example-node-15 tree-table-basic-example-expandable-toggle-15"
|
|
7582
7582
|
aria-label="Toggle row"
|
|
@@ -7800,7 +7800,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
7800
7800
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
7801
7801
|
<button
|
|
7802
7802
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
7803
|
-
id
|
|
7803
|
+
id="tree-table-with-checkboxes-example-expandable-toggle-1"
|
|
7804
7804
|
type="button"
|
|
7805
7805
|
aria-expanded="true"
|
|
7806
7806
|
aria-labelledby="tree-table-with-checkboxes-example-node-1 tree-table-with-checkboxes-example-expandable-toggle-1"
|
|
@@ -7891,7 +7891,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
7891
7891
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
7892
7892
|
<button
|
|
7893
7893
|
class="pf-v6-c-button pf-m-plain"
|
|
7894
|
-
id
|
|
7894
|
+
id="tree-table-with-checkboxes-example-expandable-toggle-2"
|
|
7895
7895
|
type="button"
|
|
7896
7896
|
aria-labelledby="tree-table-with-checkboxes-example-node-2 tree-table-with-checkboxes-example-expandable-toggle-2"
|
|
7897
7897
|
aria-label="Toggle row"
|
|
@@ -8277,7 +8277,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
8277
8277
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
8278
8278
|
<button
|
|
8279
8279
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
8280
|
-
id
|
|
8280
|
+
id="tree-table-with-checkboxes-example-expandable-toggle-7"
|
|
8281
8281
|
type="button"
|
|
8282
8282
|
aria-expanded="true"
|
|
8283
8283
|
aria-labelledby="tree-table-with-checkboxes-example-node-7 tree-table-with-checkboxes-example-expandable-toggle-7"
|
|
@@ -8440,7 +8440,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
8440
8440
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
8441
8441
|
<button
|
|
8442
8442
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
8443
|
-
id
|
|
8443
|
+
id="tree-table-with-checkboxes-example-expandable-toggle-9"
|
|
8444
8444
|
type="button"
|
|
8445
8445
|
aria-expanded="true"
|
|
8446
8446
|
aria-labelledby="tree-table-with-checkboxes-example-node-9 tree-table-with-checkboxes-example-expandable-toggle-9"
|
|
@@ -8678,7 +8678,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
8678
8678
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
8679
8679
|
<button
|
|
8680
8680
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
8681
|
-
id
|
|
8681
|
+
id="tree-table-with-checkboxes-example-expandable-toggle-12"
|
|
8682
8682
|
type="button"
|
|
8683
8683
|
aria-expanded="true"
|
|
8684
8684
|
aria-labelledby="tree-table-with-checkboxes-example-node-12 tree-table-with-checkboxes-example-expandable-toggle-12"
|
|
@@ -8915,7 +8915,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
8915
8915
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
8916
8916
|
<button
|
|
8917
8917
|
class="pf-v6-c-button pf-m-plain"
|
|
8918
|
-
id
|
|
8918
|
+
id="tree-table-with-checkboxes-example-expandable-toggle-15"
|
|
8919
8919
|
type="button"
|
|
8920
8920
|
aria-labelledby="tree-table-with-checkboxes-example-node-15 tree-table-with-checkboxes-example-expandable-toggle-15"
|
|
8921
8921
|
aria-label="Toggle row"
|
|
@@ -9185,7 +9185,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
9185
9185
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
9186
9186
|
<button
|
|
9187
9187
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
9188
|
-
id
|
|
9188
|
+
id="tree-table-with-checkboxes-icons-example-expandable-toggle-1"
|
|
9189
9189
|
type="button"
|
|
9190
9190
|
aria-expanded="true"
|
|
9191
9191
|
aria-labelledby="tree-table-with-checkboxes-icons-example-node-1 tree-table-with-checkboxes-icons-example-expandable-toggle-1"
|
|
@@ -9279,7 +9279,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
9279
9279
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
9280
9280
|
<button
|
|
9281
9281
|
class="pf-v6-c-button pf-m-plain"
|
|
9282
|
-
id
|
|
9282
|
+
id="tree-table-with-checkboxes-icons-example-expandable-toggle-2"
|
|
9283
9283
|
type="button"
|
|
9284
9284
|
aria-labelledby="tree-table-with-checkboxes-icons-example-node-2 tree-table-with-checkboxes-icons-example-expandable-toggle-2"
|
|
9285
9285
|
aria-label="Toggle row"
|
|
@@ -9680,7 +9680,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
9680
9680
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
9681
9681
|
<button
|
|
9682
9682
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
9683
|
-
id
|
|
9683
|
+
id="tree-table-with-checkboxes-icons-example-expandable-toggle-7"
|
|
9684
9684
|
type="button"
|
|
9685
9685
|
aria-expanded="true"
|
|
9686
9686
|
aria-labelledby="tree-table-with-checkboxes-icons-example-node-7 tree-table-with-checkboxes-icons-example-expandable-toggle-7"
|
|
@@ -9849,7 +9849,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
9849
9849
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
9850
9850
|
<button
|
|
9851
9851
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
9852
|
-
id
|
|
9852
|
+
id="tree-table-with-checkboxes-icons-example-expandable-toggle-9"
|
|
9853
9853
|
type="button"
|
|
9854
9854
|
aria-expanded="true"
|
|
9855
9855
|
aria-labelledby="tree-table-with-checkboxes-icons-example-node-9 tree-table-with-checkboxes-icons-example-expandable-toggle-9"
|
|
@@ -10096,7 +10096,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
10096
10096
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
10097
10097
|
<button
|
|
10098
10098
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
10099
|
-
id
|
|
10099
|
+
id="tree-table-with-checkboxes-icons-example-expandable-toggle-12"
|
|
10100
10100
|
type="button"
|
|
10101
10101
|
aria-expanded="true"
|
|
10102
10102
|
aria-labelledby="tree-table-with-checkboxes-icons-example-node-12 tree-table-with-checkboxes-icons-example-expandable-toggle-12"
|
|
@@ -10342,7 +10342,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
10342
10342
|
<span class="pf-v6-c-table__td pf-v6-c-table__toggle">
|
|
10343
10343
|
<button
|
|
10344
10344
|
class="pf-v6-c-button pf-m-plain"
|
|
10345
|
-
id
|
|
10345
|
+
id="tree-table-with-checkboxes-icons-example-expandable-toggle-15"
|
|
10346
10346
|
type="button"
|
|
10347
10347
|
aria-labelledby="tree-table-with-checkboxes-icons-example-node-15 tree-table-with-checkboxes-icons-example-expandable-toggle-15"
|
|
10348
10348
|
aria-label="Toggle row"
|
|
@@ -11628,7 +11628,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
11628
11628
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
11629
11629
|
<button
|
|
11630
11630
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
11631
|
-
id
|
|
11631
|
+
id="borderless-table-expandable-expandable-toggle-1"
|
|
11632
11632
|
type="button"
|
|
11633
11633
|
aria-expanded="true"
|
|
11634
11634
|
aria-labelledby="borderless-table-expandable-node-1 borderless-table-expandable-expandable-toggle-1"
|
|
@@ -11714,7 +11714,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
11714
11714
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
11715
11715
|
<button
|
|
11716
11716
|
class="pf-v6-c-button pf-m-plain"
|
|
11717
|
-
id
|
|
11717
|
+
id="borderless-table-expandable-expandable-toggle-2"
|
|
11718
11718
|
type="button"
|
|
11719
11719
|
aria-labelledby="borderless-table-expandable-node-2 borderless-table-expandable-expandable-toggle-2"
|
|
11720
11720
|
aria-label="Toggle row"
|
|
@@ -11791,7 +11791,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
11791
11791
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
11792
11792
|
<button
|
|
11793
11793
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
11794
|
-
id
|
|
11794
|
+
id="borderless-table-expandable-expandable-toggle-3"
|
|
11795
11795
|
type="button"
|
|
11796
11796
|
aria-expanded="true"
|
|
11797
11797
|
aria-labelledby="borderless-table-expandable-node-3 borderless-table-expandable-expandable-toggle-3"
|
|
@@ -11872,7 +11872,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
11872
11872
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
11873
11873
|
<button
|
|
11874
11874
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
11875
|
-
id
|
|
11875
|
+
id="borderless-table-expandable-expandable-toggle-4"
|
|
11876
11876
|
type="button"
|
|
11877
11877
|
aria-expanded="true"
|
|
11878
11878
|
aria-labelledby="borderless-table-expandable-node-4 borderless-table-expandable-expandable-toggle-4"
|
|
@@ -18103,7 +18103,7 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
18103
18103
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
18104
18104
|
<button
|
|
18105
18105
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
18106
|
-
id
|
|
18106
|
+
id="nested-columns-expandable-example-expandable-toggle-1"
|
|
18107
18107
|
type="button"
|
|
18108
18108
|
aria-expanded="true"
|
|
18109
18109
|
aria-labelledby="nested-columns-expandable-example-node-1 nested-columns-expandable-example-expandable-toggle-1"
|
|
@@ -18188,7 +18188,7 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
18188
18188
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
18189
18189
|
<button
|
|
18190
18190
|
class="pf-v6-c-button pf-m-plain"
|
|
18191
|
-
id
|
|
18191
|
+
id="nested-columns-expandable-example-expandable-toggle-2"
|
|
18192
18192
|
type="button"
|
|
18193
18193
|
aria-labelledby="nested-columns-expandable-example-node-2 nested-columns-expandable-example-expandable-toggle-2"
|
|
18194
18194
|
aria-label="Toggle row"
|
|
@@ -18269,7 +18269,7 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
18269
18269
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
18270
18270
|
<button
|
|
18271
18271
|
class="pf-v6-c-button pf-m-plain"
|
|
18272
|
-
id
|
|
18272
|
+
id="nested-columns-expandable-example-expandable-toggle-3"
|
|
18273
18273
|
type="button"
|
|
18274
18274
|
aria-labelledby="nested-columns-expandable-example-node-3 nested-columns-expandable-example-expandable-toggle-3"
|
|
18275
18275
|
aria-label="Toggle row"
|
|
@@ -20804,7 +20804,7 @@ Basic striped table rows are supported on tables with a single `<tbody>` element
|
|
|
20804
20804
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
20805
20805
|
<button
|
|
20806
20806
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
20807
|
-
id
|
|
20807
|
+
id="table-striped-expandable-expandable-toggle-1"
|
|
20808
20808
|
type="button"
|
|
20809
20809
|
aria-expanded="true"
|
|
20810
20810
|
aria-labelledby="table-striped-expandable-node-1 table-striped-expandable-expandable-toggle-1"
|
|
@@ -20890,7 +20890,7 @@ Basic striped table rows are supported on tables with a single `<tbody>` element
|
|
|
20890
20890
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
20891
20891
|
<button
|
|
20892
20892
|
class="pf-v6-c-button pf-m-plain"
|
|
20893
|
-
id
|
|
20893
|
+
id="table-striped-expandable-expandable-toggle-2"
|
|
20894
20894
|
type="button"
|
|
20895
20895
|
aria-labelledby="table-striped-expandable-node-2 table-striped-expandable-expandable-toggle-2"
|
|
20896
20896
|
aria-label="Toggle row"
|
|
@@ -20967,7 +20967,7 @@ Basic striped table rows are supported on tables with a single `<tbody>` element
|
|
|
20967
20967
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
20968
20968
|
<button
|
|
20969
20969
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
20970
|
-
id
|
|
20970
|
+
id="table-striped-expandable-expandable-toggle-3"
|
|
20971
20971
|
type="button"
|
|
20972
20972
|
aria-expanded="true"
|
|
20973
20973
|
aria-labelledby="table-striped-expandable-node-3 table-striped-expandable-expandable-toggle-3"
|
|
@@ -21048,7 +21048,7 @@ Basic striped table rows are supported on tables with a single `<tbody>` element
|
|
|
21048
21048
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
21049
21049
|
<button
|
|
21050
21050
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
21051
|
-
id
|
|
21051
|
+
id="table-striped-expandable-expandable-toggle-4"
|
|
21052
21052
|
type="button"
|
|
21053
21053
|
aria-expanded="true"
|
|
21054
21054
|
aria-labelledby="table-striped-expandable-node-4 table-striped-expandable-expandable-toggle-4"
|
|
@@ -845,7 +845,7 @@ wrapperTag: div
|
|
|
845
845
|
</form>
|
|
846
846
|
</div>
|
|
847
847
|
</div>
|
|
848
|
-
<div class="pf-v6-c-drawer__panel pf-m-
|
|
848
|
+
<div class="pf-v6-c-drawer__panel pf-m-width-33">
|
|
849
849
|
<div class="pf-v6-c-drawer__body">
|
|
850
850
|
<div class="pf-v6-c-drawer__head">
|
|
851
851
|
<div class="pf-v6-c-drawer__actions">
|