@patternfly/patternfly 6.6.0-prerelease.6 → 6.6.0-prerelease.8
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/assets/images/img_avatar-rhds.svg +22 -0
- package/components/Avatar/avatar.css +141 -0
- package/components/Avatar/avatar.scss +160 -0
- package/components/Table/table.css +27 -0
- package/components/Table/table.scss +43 -4
- package/components/_index.css +168 -0
- package/docs/components/Avatar/examples/Avatar.md +320 -7
- package/docs/components/MenuToggle/examples/MenuToggle.md +3 -3
- package/docs/components/Table/examples/Table.css +6 -0
- package/docs/components/Table/examples/Table.md +280 -0
- package/docs/demos/Compass/examples/Compass.md +4 -4
- package/package.json +1 -1
- package/patternfly-no-globals.css +168 -0
- package/patternfly.css +168 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -24318,6 +24318,174 @@ This example shows the use of `.pf-m-sticky-header-base` and `.pf-m-sticky-heade
|
|
|
24318
24318
|
|
|
24319
24319
|
```
|
|
24320
24320
|
|
|
24321
|
+
### Sticky footer
|
|
24322
|
+
|
|
24323
|
+
```html
|
|
24324
|
+
<table
|
|
24325
|
+
class="pf-v6-c-table pf-m-grid-md pf-m-sticky-footer"
|
|
24326
|
+
role="grid"
|
|
24327
|
+
aria-label="This is a table with a sticky footer"
|
|
24328
|
+
id="table-sticky-footer"
|
|
24329
|
+
>
|
|
24330
|
+
<thead class="pf-v6-c-table__thead">
|
|
24331
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
24332
|
+
<th class="pf-v6-c-table__th" role="columnheader" scope="col">Repositories</th>
|
|
24333
|
+
|
|
24334
|
+
<th class="pf-v6-c-table__th" role="columnheader" scope="col">Branches</th>
|
|
24335
|
+
|
|
24336
|
+
<th
|
|
24337
|
+
class="pf-v6-c-table__th"
|
|
24338
|
+
role="columnheader"
|
|
24339
|
+
scope="col"
|
|
24340
|
+
>Pull requests</th>
|
|
24341
|
+
|
|
24342
|
+
<th class="pf-v6-c-table__th" role="columnheader" scope="col">Workspaces</th>
|
|
24343
|
+
|
|
24344
|
+
<th class="pf-v6-c-table__th" role="columnheader" scope="col">Last commit</th>
|
|
24345
|
+
</tr>
|
|
24346
|
+
</thead>
|
|
24347
|
+
|
|
24348
|
+
<tbody class="pf-v6-c-table__tbody" role="rowgroup">
|
|
24349
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
24350
|
+
<td
|
|
24351
|
+
class="pf-v6-c-table__td"
|
|
24352
|
+
role="cell"
|
|
24353
|
+
data-label="Repository name"
|
|
24354
|
+
>Repository 1</td>
|
|
24355
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
24356
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
24357
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
24358
|
+
<td
|
|
24359
|
+
class="pf-v6-c-table__td"
|
|
24360
|
+
role="cell"
|
|
24361
|
+
data-label="Last commit"
|
|
24362
|
+
>2 days ago</td>
|
|
24363
|
+
</tr>
|
|
24364
|
+
|
|
24365
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
24366
|
+
<td
|
|
24367
|
+
class="pf-v6-c-table__td"
|
|
24368
|
+
role="cell"
|
|
24369
|
+
data-label="Repository name"
|
|
24370
|
+
>Repository 2</td>
|
|
24371
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
24372
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
24373
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
24374
|
+
<td
|
|
24375
|
+
class="pf-v6-c-table__td"
|
|
24376
|
+
role="cell"
|
|
24377
|
+
data-label="Last commit"
|
|
24378
|
+
>2 days ago</td>
|
|
24379
|
+
</tr>
|
|
24380
|
+
|
|
24381
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
24382
|
+
<td
|
|
24383
|
+
class="pf-v6-c-table__td"
|
|
24384
|
+
role="cell"
|
|
24385
|
+
data-label="Repository name"
|
|
24386
|
+
>Repository 3</td>
|
|
24387
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
24388
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
24389
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
24390
|
+
<td
|
|
24391
|
+
class="pf-v6-c-table__td"
|
|
24392
|
+
role="cell"
|
|
24393
|
+
data-label="Last commit"
|
|
24394
|
+
>2 days ago</td>
|
|
24395
|
+
</tr>
|
|
24396
|
+
|
|
24397
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
24398
|
+
<td
|
|
24399
|
+
class="pf-v6-c-table__td"
|
|
24400
|
+
role="cell"
|
|
24401
|
+
data-label="Repository name"
|
|
24402
|
+
>Repository 4</td>
|
|
24403
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
24404
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
24405
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
24406
|
+
<td
|
|
24407
|
+
class="pf-v6-c-table__td"
|
|
24408
|
+
role="cell"
|
|
24409
|
+
data-label="Last commit"
|
|
24410
|
+
>2 days ago</td>
|
|
24411
|
+
</tr>
|
|
24412
|
+
|
|
24413
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
24414
|
+
<td
|
|
24415
|
+
class="pf-v6-c-table__td"
|
|
24416
|
+
role="cell"
|
|
24417
|
+
data-label="Repository name"
|
|
24418
|
+
>Repository 5</td>
|
|
24419
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
24420
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
24421
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
24422
|
+
<td
|
|
24423
|
+
class="pf-v6-c-table__td"
|
|
24424
|
+
role="cell"
|
|
24425
|
+
data-label="Last commit"
|
|
24426
|
+
>2 days ago</td>
|
|
24427
|
+
</tr>
|
|
24428
|
+
|
|
24429
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
24430
|
+
<td
|
|
24431
|
+
class="pf-v6-c-table__td"
|
|
24432
|
+
role="cell"
|
|
24433
|
+
data-label="Repository name"
|
|
24434
|
+
>Repository 6</td>
|
|
24435
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
24436
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
24437
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
24438
|
+
<td
|
|
24439
|
+
class="pf-v6-c-table__td"
|
|
24440
|
+
role="cell"
|
|
24441
|
+
data-label="Last commit"
|
|
24442
|
+
>2 days ago</td>
|
|
24443
|
+
</tr>
|
|
24444
|
+
|
|
24445
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
24446
|
+
<td
|
|
24447
|
+
class="pf-v6-c-table__td"
|
|
24448
|
+
role="cell"
|
|
24449
|
+
data-label="Repository name"
|
|
24450
|
+
>Repository 7</td>
|
|
24451
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
24452
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
24453
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
24454
|
+
<td
|
|
24455
|
+
class="pf-v6-c-table__td"
|
|
24456
|
+
role="cell"
|
|
24457
|
+
data-label="Last commit"
|
|
24458
|
+
>2 days ago</td>
|
|
24459
|
+
</tr>
|
|
24460
|
+
|
|
24461
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
24462
|
+
<td
|
|
24463
|
+
class="pf-v6-c-table__td"
|
|
24464
|
+
role="cell"
|
|
24465
|
+
data-label="Repository name"
|
|
24466
|
+
>Repository 8</td>
|
|
24467
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
24468
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
24469
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
24470
|
+
<td
|
|
24471
|
+
class="pf-v6-c-table__td"
|
|
24472
|
+
role="cell"
|
|
24473
|
+
data-label="Last commit"
|
|
24474
|
+
>2 days ago</td>
|
|
24475
|
+
</tr>
|
|
24476
|
+
</tbody>
|
|
24477
|
+
|
|
24478
|
+
<tfoot class="pf-v6-c-table__tfoot">
|
|
24479
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
24480
|
+
<th class="pf-v6-c-table__th" role="columnheader" scope="row">Total nodes</th>
|
|
24481
|
+
|
|
24482
|
+
<td class="pf-v6-c-table__td" role="cell" colspan="4">4</td>
|
|
24483
|
+
</tr>
|
|
24484
|
+
</tfoot>
|
|
24485
|
+
</table>
|
|
24486
|
+
|
|
24487
|
+
```
|
|
24488
|
+
|
|
24321
24489
|
### Sticky column
|
|
24322
24490
|
|
|
24323
24491
|
```html
|
|
@@ -31503,6 +31671,118 @@ Basic striped table rows are supported on tables with a single `<tbody>` element
|
|
|
31503
31671
|
| `.pf-m-striped` | `.pf-v6-c-table`, `tbody`, `tr` | Modifies odd table rows to be striped. |
|
|
31504
31672
|
| `.pf-m-striped-even` | `tbody` | Modifies even table rows to be striped. For use in tables with multiple `tbody` elements where adjacent `tbody` elements need even row striping to maintain visual consistency. |
|
|
31505
31673
|
|
|
31674
|
+
## Table footer
|
|
31675
|
+
|
|
31676
|
+
### Table footer example
|
|
31677
|
+
|
|
31678
|
+
```html
|
|
31679
|
+
<table
|
|
31680
|
+
class="pf-v6-c-table pf-m-grid-md"
|
|
31681
|
+
role="grid"
|
|
31682
|
+
aria-label="This is a table with a footer example"
|
|
31683
|
+
id="table-footer"
|
|
31684
|
+
>
|
|
31685
|
+
<thead class="pf-v6-c-table__thead">
|
|
31686
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
31687
|
+
<th class="pf-v6-c-table__th" role="columnheader" scope="col">Repositories</th>
|
|
31688
|
+
|
|
31689
|
+
<th class="pf-v6-c-table__th" role="columnheader" scope="col">Branches</th>
|
|
31690
|
+
|
|
31691
|
+
<th
|
|
31692
|
+
class="pf-v6-c-table__th"
|
|
31693
|
+
role="columnheader"
|
|
31694
|
+
scope="col"
|
|
31695
|
+
>Pull requests</th>
|
|
31696
|
+
|
|
31697
|
+
<th class="pf-v6-c-table__th" role="columnheader" scope="col">Workspaces</th>
|
|
31698
|
+
|
|
31699
|
+
<th class="pf-v6-c-table__th" role="columnheader" scope="col">Last commit</th>
|
|
31700
|
+
</tr>
|
|
31701
|
+
</thead>
|
|
31702
|
+
|
|
31703
|
+
<tbody class="pf-v6-c-table__tbody" role="rowgroup">
|
|
31704
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
31705
|
+
<td
|
|
31706
|
+
class="pf-v6-c-table__td"
|
|
31707
|
+
role="cell"
|
|
31708
|
+
data-label="Repository name"
|
|
31709
|
+
>Repository 1</td>
|
|
31710
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
31711
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
31712
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
31713
|
+
<td
|
|
31714
|
+
class="pf-v6-c-table__td"
|
|
31715
|
+
role="cell"
|
|
31716
|
+
data-label="Last commit"
|
|
31717
|
+
>2 days ago</td>
|
|
31718
|
+
</tr>
|
|
31719
|
+
|
|
31720
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
31721
|
+
<td
|
|
31722
|
+
class="pf-v6-c-table__td"
|
|
31723
|
+
role="cell"
|
|
31724
|
+
data-label="Repository name"
|
|
31725
|
+
>Repository 2</td>
|
|
31726
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
31727
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
31728
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
31729
|
+
<td
|
|
31730
|
+
class="pf-v6-c-table__td"
|
|
31731
|
+
role="cell"
|
|
31732
|
+
data-label="Last commit"
|
|
31733
|
+
>2 days ago</td>
|
|
31734
|
+
</tr>
|
|
31735
|
+
|
|
31736
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
31737
|
+
<td
|
|
31738
|
+
class="pf-v6-c-table__td"
|
|
31739
|
+
role="cell"
|
|
31740
|
+
data-label="Repository name"
|
|
31741
|
+
>Repository 3</td>
|
|
31742
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
31743
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
31744
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
31745
|
+
<td
|
|
31746
|
+
class="pf-v6-c-table__td"
|
|
31747
|
+
role="cell"
|
|
31748
|
+
data-label="Last commit"
|
|
31749
|
+
>2 days ago</td>
|
|
31750
|
+
</tr>
|
|
31751
|
+
|
|
31752
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
31753
|
+
<td
|
|
31754
|
+
class="pf-v6-c-table__td"
|
|
31755
|
+
role="cell"
|
|
31756
|
+
data-label="Repository name"
|
|
31757
|
+
>Repository 4</td>
|
|
31758
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
|
|
31759
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
|
|
31760
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
|
|
31761
|
+
<td
|
|
31762
|
+
class="pf-v6-c-table__td"
|
|
31763
|
+
role="cell"
|
|
31764
|
+
data-label="Last commit"
|
|
31765
|
+
>2 days ago</td>
|
|
31766
|
+
</tr>
|
|
31767
|
+
</tbody>
|
|
31768
|
+
|
|
31769
|
+
<tfoot class="pf-v6-c-table__tfoot">
|
|
31770
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
31771
|
+
<th class="pf-v6-c-table__th" role="columnheader" scope="row">Total nodes</th>
|
|
31772
|
+
|
|
31773
|
+
<td class="pf-v6-c-table__td" role="cell" colspan="4">4</td>
|
|
31774
|
+
</tr>
|
|
31775
|
+
</tfoot>
|
|
31776
|
+
</table>
|
|
31777
|
+
|
|
31778
|
+
```
|
|
31779
|
+
|
|
31780
|
+
### Table footer usage
|
|
31781
|
+
|
|
31782
|
+
| Class | Applied to | Outcome |
|
|
31783
|
+
| -- | -- | -- |
|
|
31784
|
+
| `.pf-v6-c-table__tfoot` | `tfoot` | Initiates a table footer. |
|
|
31785
|
+
|
|
31506
31786
|
## Documentation
|
|
31507
31787
|
|
|
31508
31788
|
### Overview
|
|
@@ -446,7 +446,7 @@ This demo populates the main Compass section with a card view, which is one of t
|
|
|
446
446
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
447
447
|
<img
|
|
448
448
|
class="pf-v6-c-avatar pf-m-md"
|
|
449
|
-
alt
|
|
449
|
+
alt
|
|
450
450
|
src="/assets/images/img_avatar-light.svg"
|
|
451
451
|
/>
|
|
452
452
|
</span>
|
|
@@ -2097,7 +2097,7 @@ This demo populates the main Compass section with a dashboard, which is often us
|
|
|
2097
2097
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2098
2098
|
<img
|
|
2099
2099
|
class="pf-v6-c-avatar pf-m-md"
|
|
2100
|
-
alt
|
|
2100
|
+
alt
|
|
2101
2101
|
src="/assets/images/img_avatar-light.svg"
|
|
2102
2102
|
/>
|
|
2103
2103
|
</span>
|
|
@@ -4033,7 +4033,7 @@ Without a glass panel component wrapping all of the content, there is no rounded
|
|
|
4033
4033
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4034
4034
|
<img
|
|
4035
4035
|
class="pf-v6-c-avatar pf-m-md"
|
|
4036
|
-
alt
|
|
4036
|
+
alt
|
|
4037
4037
|
src="/assets/images/img_avatar-light.svg"
|
|
4038
4038
|
/>
|
|
4039
4039
|
</span>
|
|
@@ -6630,7 +6630,7 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
6630
6630
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
6631
6631
|
<img
|
|
6632
6632
|
class="pf-v6-c-avatar pf-m-md"
|
|
6633
|
-
alt
|
|
6633
|
+
alt
|
|
6634
6634
|
src="/assets/images/img_avatar-light.svg"
|
|
6635
6635
|
/>
|
|
6636
6636
|
</span>
|
package/package.json
CHANGED
|
@@ -10144,21 +10144,74 @@
|
|
|
10144
10144
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
10145
10145
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
10146
10146
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
10147
|
+
--pf-v6-c-avatar--FontSize: 2.25rem;
|
|
10147
10148
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
10148
10149
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
10150
|
+
--pf-v6-c-avatar--m-sm--FontSize: 1.5rem;
|
|
10149
10151
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
10150
10152
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
10153
|
+
--pf-v6-c-avatar--m-md--FontSize: 2.25rem;
|
|
10151
10154
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
10152
10155
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
10156
|
+
--pf-v6-c-avatar--m-lg--FontSize: 4.5rem;
|
|
10153
10157
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
10154
10158
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
10159
|
+
--pf-v6-c-avatar--m-xl--FontSize: 8rem;
|
|
10155
10160
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
10156
10161
|
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10162
|
+
--pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10163
|
+
--pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10164
|
+
--pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
10165
|
+
--pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
|
|
10166
|
+
--pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
10167
|
+
--pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
10168
|
+
--pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
10169
|
+
--pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
10170
|
+
--pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
10171
|
+
--pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
10172
|
+
--pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
10173
|
+
--pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
10174
|
+
--pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
10175
|
+
--pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
10176
|
+
--pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
|
|
10177
|
+
--pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
|
|
10178
|
+
--pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
10179
|
+
--pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
10180
|
+
--pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
10181
|
+
--pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
10182
|
+
--pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
|
|
10183
|
+
--pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
|
|
10184
|
+
--pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
10185
|
+
--pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
10186
|
+
--pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
10187
|
+
--pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10188
|
+
--pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
10189
|
+
--pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
10190
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
10191
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10192
|
+
--pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
10193
|
+
--pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10194
|
+
--pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
|
|
10195
|
+
--pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
10196
|
+
--pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10197
|
+
--pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
|
|
10198
|
+
--pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10199
|
+
--pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10200
|
+
--pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
10201
|
+
--pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
10202
|
+
--pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
10203
|
+
--pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
10204
|
+
--pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
10205
|
+
--pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
10206
|
+
--pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
10207
|
+
--pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
10208
|
+
--pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10157
10209
|
}
|
|
10158
10210
|
|
|
10159
10211
|
.pf-v6-c-avatar {
|
|
10160
10212
|
width: var(--pf-v6-c-avatar--Width);
|
|
10161
10213
|
height: var(--pf-v6-c-avatar--Height);
|
|
10214
|
+
font-size: var(--pf-v6-c-avatar--FontSize);
|
|
10162
10215
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
10163
10216
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
10164
10217
|
}
|
|
@@ -10390,6 +10443,94 @@
|
|
|
10390
10443
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
10391
10444
|
}
|
|
10392
10445
|
}
|
|
10446
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
10447
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
|
|
10448
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
|
|
10449
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
|
|
10450
|
+
}
|
|
10451
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
10452
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
|
|
10453
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
|
|
10454
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
|
|
10455
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
|
|
10456
|
+
}
|
|
10457
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
10458
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
|
|
10459
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
|
|
10460
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
|
|
10461
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
|
|
10462
|
+
}
|
|
10463
|
+
.pf-v6-c-avatar.pf-m-colorful {
|
|
10464
|
+
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
|
|
10465
|
+
display: inline-flex;
|
|
10466
|
+
align-items: center;
|
|
10467
|
+
justify-content: center;
|
|
10468
|
+
overflow: clip;
|
|
10469
|
+
vertical-align: middle;
|
|
10470
|
+
color: var(--pf-v6-c-avatar--m-colorful--Color, inherit);
|
|
10471
|
+
background-color: var(--pf-v6-c-avatar--m-colorful--BackgroundColor, transparent);
|
|
10472
|
+
border-color: var(--pf-v6-c-avatar--m-colorful--BorderColor, transparent);
|
|
10473
|
+
}
|
|
10474
|
+
.pf-v6-c-avatar.pf-m-colorful.pf-m-red {
|
|
10475
|
+
--pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
|
|
10476
|
+
--pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-red--Color);
|
|
10477
|
+
--pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
|
|
10478
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
|
|
10479
|
+
}
|
|
10480
|
+
.pf-v6-c-avatar.pf-m-colorful.pf-m-orangered {
|
|
10481
|
+
--pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
|
|
10482
|
+
--pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-orangered--Color);
|
|
10483
|
+
--pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
|
|
10484
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
|
|
10485
|
+
}
|
|
10486
|
+
.pf-v6-c-avatar.pf-m-colorful.pf-m-orange {
|
|
10487
|
+
--pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
|
|
10488
|
+
--pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-orange--Color);
|
|
10489
|
+
--pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
|
|
10490
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
|
|
10491
|
+
}
|
|
10492
|
+
.pf-v6-c-avatar.pf-m-colorful.pf-m-yellow {
|
|
10493
|
+
--pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
|
|
10494
|
+
--pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-yellow--Color);
|
|
10495
|
+
--pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
|
|
10496
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
|
|
10497
|
+
}
|
|
10498
|
+
.pf-v6-c-avatar.pf-m-colorful.pf-m-green {
|
|
10499
|
+
--pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
|
|
10500
|
+
--pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-green--Color);
|
|
10501
|
+
--pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
|
|
10502
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
|
|
10503
|
+
}
|
|
10504
|
+
.pf-v6-c-avatar.pf-m-colorful.pf-m-teal {
|
|
10505
|
+
--pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
|
|
10506
|
+
--pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-teal--Color);
|
|
10507
|
+
--pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
|
|
10508
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
|
|
10509
|
+
}
|
|
10510
|
+
.pf-v6-c-avatar.pf-m-colorful.pf-m-blue {
|
|
10511
|
+
--pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
|
|
10512
|
+
--pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-blue--Color);
|
|
10513
|
+
--pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
|
|
10514
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
|
|
10515
|
+
}
|
|
10516
|
+
.pf-v6-c-avatar.pf-m-colorful.pf-m-purple {
|
|
10517
|
+
--pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
|
|
10518
|
+
--pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-purple--Color);
|
|
10519
|
+
--pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
|
|
10520
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
|
|
10521
|
+
}
|
|
10522
|
+
.pf-v6-c-avatar.pf-m-colorful.pf-m-gray {
|
|
10523
|
+
--pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
|
|
10524
|
+
--pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-gray--Color);
|
|
10525
|
+
--pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
|
|
10526
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
|
|
10527
|
+
}
|
|
10528
|
+
.pf-v6-c-avatar .pf-v6-c-avatar__initials {
|
|
10529
|
+
font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
|
|
10530
|
+
font-size: var(--pf-v6-c-avatar__initials--FontSize);
|
|
10531
|
+
font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
|
|
10532
|
+
color: var(--pf-v6-c-avatar__initials--Color);
|
|
10533
|
+
}
|
|
10393
10534
|
|
|
10394
10535
|
.pf-v6-c-backdrop {
|
|
10395
10536
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -28733,6 +28874,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28733
28874
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
28734
28875
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
28735
28876
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
28877
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
28878
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28736
28879
|
}
|
|
28737
28880
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
28738
28881
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -28802,6 +28945,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28802
28945
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
28803
28946
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
28804
28947
|
}
|
|
28948
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
28949
|
+
position: sticky;
|
|
28950
|
+
inset-block-end: 0;
|
|
28951
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
28952
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
28953
|
+
}
|
|
28954
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
28955
|
+
position: absolute;
|
|
28956
|
+
inset: 0;
|
|
28957
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
28958
|
+
pointer-events: none;
|
|
28959
|
+
content: "";
|
|
28960
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
28961
|
+
}
|
|
28962
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
28963
|
+
border-block-end: 0;
|
|
28964
|
+
}
|
|
28965
|
+
.pf-v6-c-table.pf-m-plain {
|
|
28966
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
28967
|
+
}
|
|
28805
28968
|
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
|
|
28806
28969
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
28807
28970
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -29536,6 +29699,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29536
29699
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29537
29700
|
}
|
|
29538
29701
|
|
|
29702
|
+
.pf-v6-c-table__tfoot {
|
|
29703
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
29704
|
+
vertical-align: top;
|
|
29705
|
+
}
|
|
29706
|
+
|
|
29539
29707
|
.pf-v6-c-table__icon-inline {
|
|
29540
29708
|
display: flex;
|
|
29541
29709
|
align-items: center;
|