@patternfly/patternfly 6.0.0-alpha.181 → 6.0.0-alpha.183

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.
Files changed (14) hide show
  1. package/components/NotificationDrawer/notification-drawer.css +5 -0
  2. package/components/NotificationDrawer/notification-drawer.scss +8 -0
  3. package/components/Table/table-grid.css +5 -0
  4. package/components/Table/table-grid.scss +1 -0
  5. package/components/Table/table-tree-view.css +20 -0
  6. package/components/Table/table-tree-view.scss +5 -0
  7. package/components/_index.css +30 -0
  8. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +129 -0
  9. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +268 -0
  10. package/package.json +1 -1
  11. package/patternfly-no-globals.css +30 -0
  12. package/patternfly.css +30 -0
  13. package/patternfly.min.css +1 -1
  14. package/patternfly.min.css.map +1 -1
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -602,6 +602,36 @@ section: components
602
602
  class="pf-v6-c-notification-drawer__list-item-timestamp"
603
603
  >50 minutes ago</div>
604
604
  </li>
605
+ <li
606
+ class="pf-v6-c-notification-drawer__list-item pf-m-read pf-m-success"
607
+ >
608
+ <div class="pf-v6-c-notification-drawer__list-item-header">
609
+ <span
610
+ class="pf-v6-c-notification-drawer__list-item-header-icon"
611
+ >
612
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
613
+ </span>
614
+ <h2
615
+ class="pf-v6-c-notification-drawer__list-item-header-title"
616
+ >
617
+ <span class="pf-v6-screen-reader">Success notification:</span>
618
+ Notification drawer item title
619
+ </h2>
620
+ </div>
621
+ <div
622
+ class="pf-v6-c-notification-drawer__list-item-action pf-m-no-offset"
623
+ >
624
+ <button class="pf-v6-c-button pf-m-primary" type="button">
625
+ <span class="pf-v6-c-button__text">Action</span>
626
+ </button>
627
+ </div>
628
+ <div
629
+ class="pf-v6-c-notification-drawer__list-item-description"
630
+ >This example uses ".pf-m-no-offset" on the action wrapper to disable the default offset for button alignment.</div>
631
+ <div
632
+ class="pf-v6-c-notification-drawer__list-item-timestamp"
633
+ >55 minutes ago</div>
634
+ </li>
605
635
  </ul>
606
636
  </div>
607
637
  </div>
@@ -1216,6 +1246,36 @@ section: components
1216
1246
  class="pf-v6-c-notification-drawer__list-item-timestamp"
1217
1247
  >50 minutes ago</div>
1218
1248
  </li>
1249
+ <li
1250
+ class="pf-v6-c-notification-drawer__list-item pf-m-read pf-m-success"
1251
+ >
1252
+ <div class="pf-v6-c-notification-drawer__list-item-header">
1253
+ <span
1254
+ class="pf-v6-c-notification-drawer__list-item-header-icon"
1255
+ >
1256
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
1257
+ </span>
1258
+ <h2
1259
+ class="pf-v6-c-notification-drawer__list-item-header-title"
1260
+ >
1261
+ <span class="pf-v6-screen-reader">Success notification:</span>
1262
+ Notification drawer item title
1263
+ </h2>
1264
+ </div>
1265
+ <div
1266
+ class="pf-v6-c-notification-drawer__list-item-action pf-m-no-offset"
1267
+ >
1268
+ <button class="pf-v6-c-button pf-m-primary" type="button">
1269
+ <span class="pf-v6-c-button__text">Action</span>
1270
+ </button>
1271
+ </div>
1272
+ <div
1273
+ class="pf-v6-c-notification-drawer__list-item-description"
1274
+ >This example uses ".pf-m-no-offset" on the action wrapper to disable the default offset for button alignment.</div>
1275
+ <div
1276
+ class="pf-v6-c-notification-drawer__list-item-timestamp"
1277
+ >55 minutes ago</div>
1278
+ </li>
1219
1279
  </ul>
1220
1280
  </div>
1221
1281
  </div>
@@ -1833,6 +1893,36 @@ section: components
1833
1893
  class="pf-v6-c-notification-drawer__list-item-timestamp"
1834
1894
  >50 minutes ago</div>
1835
1895
  </li>
1896
+ <li
1897
+ class="pf-v6-c-notification-drawer__list-item pf-m-read pf-m-success"
1898
+ >
1899
+ <div class="pf-v6-c-notification-drawer__list-item-header">
1900
+ <span
1901
+ class="pf-v6-c-notification-drawer__list-item-header-icon"
1902
+ >
1903
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
1904
+ </span>
1905
+ <h2
1906
+ class="pf-v6-c-notification-drawer__list-item-header-title"
1907
+ >
1908
+ <span class="pf-v6-screen-reader">Success notification:</span>
1909
+ Notification drawer item title
1910
+ </h2>
1911
+ </div>
1912
+ <div
1913
+ class="pf-v6-c-notification-drawer__list-item-action pf-m-no-offset"
1914
+ >
1915
+ <button class="pf-v6-c-button pf-m-primary" type="button">
1916
+ <span class="pf-v6-c-button__text">Action</span>
1917
+ </button>
1918
+ </div>
1919
+ <div
1920
+ class="pf-v6-c-notification-drawer__list-item-description"
1921
+ >This example uses ".pf-m-no-offset" on the action wrapper to disable the default offset for button alignment.</div>
1922
+ <div
1923
+ class="pf-v6-c-notification-drawer__list-item-timestamp"
1924
+ >55 minutes ago</div>
1925
+ </li>
1836
1926
  </ul>
1837
1927
  </div>
1838
1928
  </div>
@@ -2445,6 +2535,36 @@ section: components
2445
2535
  class="pf-v6-c-notification-drawer__list-item-timestamp"
2446
2536
  >50 minutes ago</div>
2447
2537
  </li>
2538
+ <li
2539
+ class="pf-v6-c-notification-drawer__list-item pf-m-read pf-m-success"
2540
+ >
2541
+ <div class="pf-v6-c-notification-drawer__list-item-header">
2542
+ <span
2543
+ class="pf-v6-c-notification-drawer__list-item-header-icon"
2544
+ >
2545
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
2546
+ </span>
2547
+ <h2
2548
+ class="pf-v6-c-notification-drawer__list-item-header-title"
2549
+ >
2550
+ <span class="pf-v6-screen-reader">Success notification:</span>
2551
+ Notification drawer item title
2552
+ </h2>
2553
+ </div>
2554
+ <div
2555
+ class="pf-v6-c-notification-drawer__list-item-action pf-m-no-offset"
2556
+ >
2557
+ <button class="pf-v6-c-button pf-m-primary" type="button">
2558
+ <span class="pf-v6-c-button__text">Action</span>
2559
+ </button>
2560
+ </div>
2561
+ <div
2562
+ class="pf-v6-c-notification-drawer__list-item-description"
2563
+ >This example uses ".pf-m-no-offset" on the action wrapper to disable the default offset for button alignment.</div>
2564
+ <div
2565
+ class="pf-v6-c-notification-drawer__list-item-timestamp"
2566
+ >55 minutes ago</div>
2567
+ </li>
2448
2568
  </ul>
2449
2569
  </div>
2450
2570
  </div>
@@ -3134,6 +3254,43 @@ section: components
3134
3254
  class="pf-v6-c-notification-drawer__list-item-timestamp"
3135
3255
  >50 minutes ago</div>
3136
3256
  </li>
3257
+ <li
3258
+ class="pf-v6-c-notification-drawer__list-item pf-m-read pf-m-success"
3259
+ >
3260
+ <div
3261
+ class="pf-v6-c-notification-drawer__list-item-header"
3262
+ >
3263
+ <span
3264
+ class="pf-v6-c-notification-drawer__list-item-header-icon"
3265
+ >
3266
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
3267
+ </span>
3268
+ <h2
3269
+ class="pf-v6-c-notification-drawer__list-item-header-title"
3270
+ >
3271
+ <span
3272
+ class="pf-v6-screen-reader"
3273
+ >Success notification:</span>
3274
+ Notification drawer item title
3275
+ </h2>
3276
+ </div>
3277
+ <div
3278
+ class="pf-v6-c-notification-drawer__list-item-action pf-m-no-offset"
3279
+ >
3280
+ <button
3281
+ class="pf-v6-c-button pf-m-primary"
3282
+ type="button"
3283
+ >
3284
+ <span class="pf-v6-c-button__text">Action</span>
3285
+ </button>
3286
+ </div>
3287
+ <div
3288
+ class="pf-v6-c-notification-drawer__list-item-description"
3289
+ >This example uses ".pf-m-no-offset" on the action wrapper to disable the default offset for button alignment.</div>
3290
+ <div
3291
+ class="pf-v6-c-notification-drawer__list-item-timestamp"
3292
+ >55 minutes ago</div>
3293
+ </li>
3137
3294
  </ul>
3138
3295
  </section>
3139
3296
  <section
@@ -3470,6 +3627,43 @@ section: components
3470
3627
  class="pf-v6-c-notification-drawer__list-item-timestamp"
3471
3628
  >50 minutes ago</div>
3472
3629
  </li>
3630
+ <li
3631
+ class="pf-v6-c-notification-drawer__list-item pf-m-read pf-m-success"
3632
+ >
3633
+ <div
3634
+ class="pf-v6-c-notification-drawer__list-item-header"
3635
+ >
3636
+ <span
3637
+ class="pf-v6-c-notification-drawer__list-item-header-icon"
3638
+ >
3639
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
3640
+ </span>
3641
+ <h2
3642
+ class="pf-v6-c-notification-drawer__list-item-header-title"
3643
+ >
3644
+ <span
3645
+ class="pf-v6-screen-reader"
3646
+ >Success notification:</span>
3647
+ Notification drawer item title
3648
+ </h2>
3649
+ </div>
3650
+ <div
3651
+ class="pf-v6-c-notification-drawer__list-item-action pf-m-no-offset"
3652
+ >
3653
+ <button
3654
+ class="pf-v6-c-button pf-m-primary"
3655
+ type="button"
3656
+ >
3657
+ <span class="pf-v6-c-button__text">Action</span>
3658
+ </button>
3659
+ </div>
3660
+ <div
3661
+ class="pf-v6-c-notification-drawer__list-item-description"
3662
+ >This example uses ".pf-m-no-offset" on the action wrapper to disable the default offset for button alignment.</div>
3663
+ <div
3664
+ class="pf-v6-c-notification-drawer__list-item-timestamp"
3665
+ >55 minutes ago</div>
3666
+ </li>
3473
3667
  </ul>
3474
3668
  </section>
3475
3669
  <section class="pf-v6-c-notification-drawer__group">
@@ -3808,6 +4002,43 @@ section: components
3808
4002
  class="pf-v6-c-notification-drawer__list-item-timestamp"
3809
4003
  >50 minutes ago</div>
3810
4004
  </li>
4005
+ <li
4006
+ class="pf-v6-c-notification-drawer__list-item pf-m-read pf-m-success"
4007
+ >
4008
+ <div
4009
+ class="pf-v6-c-notification-drawer__list-item-header"
4010
+ >
4011
+ <span
4012
+ class="pf-v6-c-notification-drawer__list-item-header-icon"
4013
+ >
4014
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
4015
+ </span>
4016
+ <h2
4017
+ class="pf-v6-c-notification-drawer__list-item-header-title"
4018
+ >
4019
+ <span
4020
+ class="pf-v6-screen-reader"
4021
+ >Success notification:</span>
4022
+ Notification drawer item title
4023
+ </h2>
4024
+ </div>
4025
+ <div
4026
+ class="pf-v6-c-notification-drawer__list-item-action pf-m-no-offset"
4027
+ >
4028
+ <button
4029
+ class="pf-v6-c-button pf-m-primary"
4030
+ type="button"
4031
+ >
4032
+ <span class="pf-v6-c-button__text">Action</span>
4033
+ </button>
4034
+ </div>
4035
+ <div
4036
+ class="pf-v6-c-notification-drawer__list-item-description"
4037
+ >This example uses ".pf-m-no-offset" on the action wrapper to disable the default offset for button alignment.</div>
4038
+ <div
4039
+ class="pf-v6-c-notification-drawer__list-item-timestamp"
4040
+ >55 minutes ago</div>
4041
+ </li>
3811
4042
  </ul>
3812
4043
  </section>
3813
4044
  <section class="pf-v6-c-notification-drawer__group">
@@ -4146,6 +4377,43 @@ section: components
4146
4377
  class="pf-v6-c-notification-drawer__list-item-timestamp"
4147
4378
  >50 minutes ago</div>
4148
4379
  </li>
4380
+ <li
4381
+ class="pf-v6-c-notification-drawer__list-item pf-m-read pf-m-success"
4382
+ >
4383
+ <div
4384
+ class="pf-v6-c-notification-drawer__list-item-header"
4385
+ >
4386
+ <span
4387
+ class="pf-v6-c-notification-drawer__list-item-header-icon"
4388
+ >
4389
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
4390
+ </span>
4391
+ <h2
4392
+ class="pf-v6-c-notification-drawer__list-item-header-title"
4393
+ >
4394
+ <span
4395
+ class="pf-v6-screen-reader"
4396
+ >Success notification:</span>
4397
+ Notification drawer item title
4398
+ </h2>
4399
+ </div>
4400
+ <div
4401
+ class="pf-v6-c-notification-drawer__list-item-action pf-m-no-offset"
4402
+ >
4403
+ <button
4404
+ class="pf-v6-c-button pf-m-primary"
4405
+ type="button"
4406
+ >
4407
+ <span class="pf-v6-c-button__text">Action</span>
4408
+ </button>
4409
+ </div>
4410
+ <div
4411
+ class="pf-v6-c-notification-drawer__list-item-description"
4412
+ >This example uses ".pf-m-no-offset" on the action wrapper to disable the default offset for button alignment.</div>
4413
+ <div
4414
+ class="pf-v6-c-notification-drawer__list-item-timestamp"
4415
+ >55 minutes ago</div>
4416
+ </li>
4149
4417
  </ul>
4150
4418
  </section>
4151
4419
  </div>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.181",
4
+ "version": "6.0.0-alpha.183",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -17106,6 +17106,7 @@ ul.pf-v6-c-list {
17106
17106
  --pf-v6-c-notification-drawer__list-item-header-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
17107
17107
  --pf-v6-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
17108
17108
  --pf-v6-c-notification-drawer__list-item-header-title--max-lines: 1;
17109
+ --pf-v6-c-notification-drawer__list-item-action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17109
17110
  --pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd: var(--pf-t--global--spacer--sm);
17110
17111
  --pf-v6-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
17111
17112
  --pf-v6-c-notification-drawer__list-item-timestamp--FontSize: var(--pf-t--global--font--size--body--default);
@@ -17256,6 +17257,10 @@ ul.pf-v6-c-list {
17256
17257
  .pf-v6-c-notification-drawer__list-item-action {
17257
17258
  grid-row: 1/3;
17258
17259
  grid-column: 2/3;
17260
+ margin-block-start: var(--pf-v6-c-notification-drawer__list-item-action--MarginBlockStart);
17261
+ }
17262
+ .pf-v6-c-notification-drawer__list-item-action.pf-m-no-offset {
17263
+ --pf-v6-c-notification-drawer__list-item-action--MarginBlockStart: 0;
17259
17264
  }
17260
17265
 
17261
17266
  .pf-v6-c-notification-drawer__list-item-description {
@@ -20831,6 +20836,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20831
20836
  grid-column: 2;
20832
20837
  }
20833
20838
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
20839
+ position: revert;
20834
20840
  font-weight: bold;
20835
20841
  text-align: start;
20836
20842
  content: attr(data-label);
@@ -21130,6 +21136,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21130
21136
  grid-column: 2;
21131
21137
  }
21132
21138
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
21139
+ position: revert;
21133
21140
  font-weight: bold;
21134
21141
  text-align: start;
21135
21142
  content: attr(data-label);
@@ -21432,6 +21439,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21432
21439
  grid-column: 2;
21433
21440
  }
21434
21441
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
21442
+ position: revert;
21435
21443
  font-weight: bold;
21436
21444
  text-align: start;
21437
21445
  content: attr(data-label);
@@ -21734,6 +21742,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21734
21742
  grid-column: 2;
21735
21743
  }
21736
21744
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
21745
+ position: revert;
21737
21746
  font-weight: bold;
21738
21747
  text-align: start;
21739
21748
  content: attr(data-label);
@@ -22036,6 +22045,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22036
22045
  grid-column: 2;
22037
22046
  }
22038
22047
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22048
+ position: revert;
22039
22049
  font-weight: bold;
22040
22050
  text-align: start;
22041
22051
  content: attr(data-label);
@@ -23344,10 +23354,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23344
23354
  grid-column: 2;
23345
23355
  }
23346
23356
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
23357
+ position: revert;
23347
23358
  font-weight: var(--pf-t--global--font--weight--body--bold);
23348
23359
  text-align: start;
23349
23360
  content: attr(data-label);
23350
23361
  }
23362
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
23363
+ border-inline-end: 0;
23364
+ }
23351
23365
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
23352
23366
  padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
23353
23367
  }
@@ -23484,10 +23498,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23484
23498
  grid-column: 2;
23485
23499
  }
23486
23500
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
23501
+ position: revert;
23487
23502
  font-weight: var(--pf-t--global--font--weight--body--bold);
23488
23503
  text-align: start;
23489
23504
  content: attr(data-label);
23490
23505
  }
23506
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
23507
+ border-inline-end: 0;
23508
+ }
23491
23509
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
23492
23510
  padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
23493
23511
  }
@@ -23625,10 +23643,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23625
23643
  grid-column: 2;
23626
23644
  }
23627
23645
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
23646
+ position: revert;
23628
23647
  font-weight: var(--pf-t--global--font--weight--body--bold);
23629
23648
  text-align: start;
23630
23649
  content: attr(data-label);
23631
23650
  }
23651
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
23652
+ border-inline-end: 0;
23653
+ }
23632
23654
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
23633
23655
  padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
23634
23656
  }
@@ -23766,10 +23788,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23766
23788
  grid-column: 2;
23767
23789
  }
23768
23790
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
23791
+ position: revert;
23769
23792
  font-weight: var(--pf-t--global--font--weight--body--bold);
23770
23793
  text-align: start;
23771
23794
  content: attr(data-label);
23772
23795
  }
23796
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
23797
+ border-inline-end: 0;
23798
+ }
23773
23799
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
23774
23800
  padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
23775
23801
  }
@@ -23907,10 +23933,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23907
23933
  grid-column: 2;
23908
23934
  }
23909
23935
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
23936
+ position: revert;
23910
23937
  font-weight: var(--pf-t--global--font--weight--body--bold);
23911
23938
  text-align: start;
23912
23939
  content: attr(data-label);
23913
23940
  }
23941
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
23942
+ border-inline-end: 0;
23943
+ }
23914
23944
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
23915
23945
  padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
23916
23946
  }
package/patternfly.css CHANGED
@@ -17227,6 +17227,7 @@ ul.pf-v6-c-list {
17227
17227
  --pf-v6-c-notification-drawer__list-item-header-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
17228
17228
  --pf-v6-c-notification-drawer__list-item-header-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
17229
17229
  --pf-v6-c-notification-drawer__list-item-header-title--max-lines: 1;
17230
+ --pf-v6-c-notification-drawer__list-item-action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
17230
17231
  --pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd: var(--pf-t--global--spacer--sm);
17231
17232
  --pf-v6-c-notification-drawer__list-item-timestamp--Color: var(--pf-t--global--text--color--subtle);
17232
17233
  --pf-v6-c-notification-drawer__list-item-timestamp--FontSize: var(--pf-t--global--font--size--body--default);
@@ -17377,6 +17378,10 @@ ul.pf-v6-c-list {
17377
17378
  .pf-v6-c-notification-drawer__list-item-action {
17378
17379
  grid-row: 1/3;
17379
17380
  grid-column: 2/3;
17381
+ margin-block-start: var(--pf-v6-c-notification-drawer__list-item-action--MarginBlockStart);
17382
+ }
17383
+ .pf-v6-c-notification-drawer__list-item-action.pf-m-no-offset {
17384
+ --pf-v6-c-notification-drawer__list-item-action--MarginBlockStart: 0;
17380
17385
  }
17381
17386
 
17382
17387
  .pf-v6-c-notification-drawer__list-item-description {
@@ -20952,6 +20957,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20952
20957
  grid-column: 2;
20953
20958
  }
20954
20959
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
20960
+ position: revert;
20955
20961
  font-weight: bold;
20956
20962
  text-align: start;
20957
20963
  content: attr(data-label);
@@ -21251,6 +21257,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21251
21257
  grid-column: 2;
21252
21258
  }
21253
21259
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
21260
+ position: revert;
21254
21261
  font-weight: bold;
21255
21262
  text-align: start;
21256
21263
  content: attr(data-label);
@@ -21553,6 +21560,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21553
21560
  grid-column: 2;
21554
21561
  }
21555
21562
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
21563
+ position: revert;
21556
21564
  font-weight: bold;
21557
21565
  text-align: start;
21558
21566
  content: attr(data-label);
@@ -21855,6 +21863,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21855
21863
  grid-column: 2;
21856
21864
  }
21857
21865
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
21866
+ position: revert;
21858
21867
  font-weight: bold;
21859
21868
  text-align: start;
21860
21869
  content: attr(data-label);
@@ -22157,6 +22166,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22157
22166
  grid-column: 2;
22158
22167
  }
22159
22168
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
22169
+ position: revert;
22160
22170
  font-weight: bold;
22161
22171
  text-align: start;
22162
22172
  content: attr(data-label);
@@ -23465,10 +23475,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23465
23475
  grid-column: 2;
23466
23476
  }
23467
23477
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
23478
+ position: revert;
23468
23479
  font-weight: var(--pf-t--global--font--weight--body--bold);
23469
23480
  text-align: start;
23470
23481
  content: attr(data-label);
23471
23482
  }
23483
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
23484
+ border-inline-end: 0;
23485
+ }
23472
23486
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
23473
23487
  padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
23474
23488
  }
@@ -23605,10 +23619,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23605
23619
  grid-column: 2;
23606
23620
  }
23607
23621
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
23622
+ position: revert;
23608
23623
  font-weight: var(--pf-t--global--font--weight--body--bold);
23609
23624
  text-align: start;
23610
23625
  content: attr(data-label);
23611
23626
  }
23627
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
23628
+ border-inline-end: 0;
23629
+ }
23612
23630
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
23613
23631
  padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
23614
23632
  }
@@ -23746,10 +23764,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23746
23764
  grid-column: 2;
23747
23765
  }
23748
23766
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
23767
+ position: revert;
23749
23768
  font-weight: var(--pf-t--global--font--weight--body--bold);
23750
23769
  text-align: start;
23751
23770
  content: attr(data-label);
23752
23771
  }
23772
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
23773
+ border-inline-end: 0;
23774
+ }
23753
23775
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
23754
23776
  padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
23755
23777
  }
@@ -23887,10 +23909,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23887
23909
  grid-column: 2;
23888
23910
  }
23889
23911
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
23912
+ position: revert;
23890
23913
  font-weight: var(--pf-t--global--font--weight--body--bold);
23891
23914
  text-align: start;
23892
23915
  content: attr(data-label);
23893
23916
  }
23917
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
23918
+ border-inline-end: 0;
23919
+ }
23894
23920
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
23895
23921
  padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
23896
23922
  }
@@ -24028,10 +24054,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24028
24054
  grid-column: 2;
24029
24055
  }
24030
24056
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label]::before {
24057
+ position: revert;
24031
24058
  font-weight: var(--pf-t--global--font--weight--body--bold);
24032
24059
  text-align: start;
24033
24060
  content: attr(data-label);
24034
24061
  }
24062
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tr > :where(th, td).pf-m-border-right::before {
24063
+ border-inline-end: 0;
24064
+ }
24035
24065
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
24036
24066
  padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
24037
24067
  }