@patternfly/react-styles 6.0.0-alpha.25 → 6.0.0-alpha.27

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 (53) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/assets/images/pf-background.svg +21 -21
  3. package/css/components/ActionList/action-list.css +4 -4
  4. package/css/components/Alert/alert-group.css +2 -1
  5. package/css/components/Banner/banner.css +10 -10
  6. package/css/components/Banner/banner.d.ts +2 -2
  7. package/css/components/Banner/banner.js +2 -2
  8. package/css/components/Banner/banner.mjs +2 -2
  9. package/css/components/Brand/brand.css +4 -1
  10. package/css/components/Button/button.css +33 -14
  11. package/css/components/CalendarMonth/calendar-month.css +1 -1
  12. package/css/components/Card/card.css +11 -1
  13. package/css/components/ClipboardCopy/clipboard-copy.css +11 -19
  14. package/css/components/ClipboardCopy/clipboard-copy.d.ts +2 -1
  15. package/css/components/ClipboardCopy/clipboard-copy.js +2 -1
  16. package/css/components/ClipboardCopy/clipboard-copy.mjs +2 -1
  17. package/css/components/JumpLinks/jump-links.css +4 -14
  18. package/css/components/JumpLinks/jump-links.d.ts +0 -1
  19. package/css/components/JumpLinks/jump-links.js +0 -1
  20. package/css/components/JumpLinks/jump-links.mjs +0 -1
  21. package/css/components/Label/label.css +34 -34
  22. package/css/components/Label/label.d.ts +2 -2
  23. package/css/components/Label/label.js +2 -2
  24. package/css/components/Label/label.mjs +2 -2
  25. package/css/components/List/list.css +4 -1
  26. package/css/components/LogViewer/log-viewer.css +4 -1
  27. package/css/components/Menu/menu.css +11 -0
  28. package/css/components/MenuToggle/menu-toggle.css +7 -0
  29. package/css/components/Nav/nav.css +1 -0
  30. package/css/components/Page/page.css +38 -54
  31. package/css/components/Pagination/pagination.css +6 -3
  32. package/css/components/Panel/panel.css +17 -14
  33. package/css/components/Popover/popover.css +4 -1
  34. package/css/components/Table/table-grid.css +1 -1
  35. package/css/components/Table/table.css +10 -3
  36. package/css/components/TextInputGroup/text-input-group.css +20 -18
  37. package/css/components/Toolbar/toolbar.css +1 -0
  38. package/css/components/Truncate/truncate.css +1 -1
  39. package/css/components/_index.css +239 -196
  40. package/css/components/_index.d.ts +2 -2
  41. package/css/components/_index.js +2 -2
  42. package/css/components/_index.mjs +2 -2
  43. package/css/docs/components/Page/examples/Page.css +5 -9
  44. package/css/docs/components/Page/examples/Page.d.ts +2 -0
  45. package/css/docs/components/Page/examples/Page.js +2 -0
  46. package/css/docs/components/Page/examples/Page.mjs +2 -0
  47. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -0
  48. package/css/docs/components/Truncate/examples/Truncate.css +0 -1
  49. package/package.json +3 -3
  50. package/css/docs/components/Pagination/examples/Pagination.css +0 -3
  51. package/css/docs/components/Pagination/examples/Pagination.d.ts +0 -3
  52. package/css/docs/components/Pagination/examples/Pagination.js +0 -4
  53. package/css/docs/components/Pagination/examples/Pagination.mjs +0 -2
@@ -346,10 +346,10 @@
346
346
  }
347
347
 
348
348
  :where(:root, .pf-v6-c-action-list) {
349
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--sm);
350
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--2xl);
351
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--md);
352
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--sm);
349
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
350
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
351
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
352
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
353
353
  }
354
354
 
355
355
  .pf-v6-c-action-list,
@@ -582,7 +582,7 @@
582
582
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
583
583
  }
584
584
 
585
- .pf-v6-c-alert-group {
585
+ :where(:root, .pf-v6-c-alert-group) {
586
586
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
587
587
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
588
588
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
@@ -605,6 +605,7 @@
605
605
  --pf-v6-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
606
606
  --pf-v6-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
607
607
  }
608
+
608
609
  .pf-v6-c-alert-group > * + * {
609
610
  margin-block-start: var(--pf-v6-c-alert-group__item--MarginBlockStart);
610
611
  }
@@ -1072,12 +1073,12 @@
1072
1073
  --pf-v6-c-banner--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
1073
1074
  --pf-v6-c-banner--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
1074
1075
  --pf-v6-c-banner--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
1075
- --pf-v6-c-banner--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
1076
- --pf-v6-c-banner--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
1076
+ --pf-v6-c-banner--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
1077
+ --pf-v6-c-banner--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
1077
1078
  --pf-v6-c-banner--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
1078
1079
  --pf-v6-c-banner--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
1079
- --pf-v6-c-banner--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
1080
- --pf-v6-c-banner--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
1080
+ --pf-v6-c-banner--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
1081
+ --pf-v6-c-banner--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
1081
1082
  --pf-v6-c-banner--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
1082
1083
  --pf-v6-c-banner--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
1083
1084
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
@@ -1133,17 +1134,17 @@
1133
1134
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-orange--BackgroundColor);
1134
1135
  --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-orange--Color);
1135
1136
  }
1136
- .pf-v6-c-banner.pf-m-gold {
1137
- --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-gold--BackgroundColor);
1138
- --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-gold--Color);
1137
+ .pf-v6-c-banner.pf-m-yellow {
1138
+ --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-yellow--BackgroundColor);
1139
+ --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-yellow--Color);
1139
1140
  }
1140
1141
  .pf-v6-c-banner.pf-m-green {
1141
1142
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-green--BackgroundColor);
1142
1143
  --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-green--Color);
1143
1144
  }
1144
- .pf-v6-c-banner.pf-m-cyan {
1145
- --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-cyan--BackgroundColor);
1146
- --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-cyan--Color);
1145
+ .pf-v6-c-banner.pf-m-teal {
1146
+ --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-teal--BackgroundColor);
1147
+ --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-teal--Color);
1147
1148
  }
1148
1149
  .pf-v6-c-banner.pf-m-blue {
1149
1150
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-blue--BackgroundColor);
@@ -1187,9 +1188,12 @@
1187
1188
  cursor: not-allowed;
1188
1189
  }
1189
1190
 
1190
- .pf-v6-c-brand {
1191
+ :where(:root, .pf-v6-c-brand) {
1191
1192
  --pf-v6-c-brand--Width: auto;
1192
1193
  --pf-v6-c-brand--Height: auto;
1194
+ }
1195
+
1196
+ .pf-v6-c-brand {
1193
1197
  width: var(--pf-v6-c-brand--Width--base);
1194
1198
  height: var(--pf-v6-c-brand--Height--base);
1195
1199
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
@@ -1356,7 +1360,10 @@ button.pf-v6-c-breadcrumb__link {
1356
1360
  }
1357
1361
 
1358
1362
  :where(:root, .pf-v6-c-button) {
1359
- --pf-v6-c-button--Display: inline-block;
1363
+ --pf-v6-c-button--Display: inline-flex;
1364
+ --pf-v6-c-button--AlignItems: baseline;
1365
+ --pf-v6-c-button--JustifyContent: center;
1366
+ --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
1360
1367
  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1361
1368
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
1362
1369
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -1437,6 +1444,7 @@ button.pf-v6-c-breadcrumb__link {
1437
1444
  --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
1438
1445
  --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
1439
1446
  --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
1447
+ --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
1440
1448
  --pf-v6-c-button--m-link--m-inline--FontSize: initial;
1441
1449
  --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
1442
1450
  --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
@@ -1449,6 +1457,9 @@ button.pf-v6-c-breadcrumb__link {
1449
1457
  --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
1450
1458
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
1451
1459
  --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
1460
+ --pf-v6-c-button--span--m-link--m-inline--Display: inline;
1461
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
1462
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
1452
1463
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
1453
1464
  --pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1454
1465
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -1461,7 +1472,8 @@ button.pf-v6-c-breadcrumb__link {
1461
1472
  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
1462
1473
  --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
1463
1474
  --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
1464
- --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
1475
+ --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
1476
+ --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
1465
1477
  --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
1466
1478
  --pf-v6-c-button--m-plain--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1467
1479
  --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -1556,8 +1568,10 @@ button.pf-v6-c-breadcrumb__link {
1556
1568
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
1557
1569
  --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
1558
1570
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
1559
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
1560
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
1571
+ --pf-v6-c-button__icon--MarginInlineStart: 0;
1572
+ --pf-v6-c-button__icon--MarginInlineEnd: 0;
1573
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
1574
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
1561
1575
  --pf-v6-c-button__progress--width: calc(var(--pf-v6-c-spinner--m-md--diameter) + var(--pf-t--global--spacer--sm));
1562
1576
  --pf-v6-c-button__progress--Opacity: 0;
1563
1577
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -1572,16 +1586,17 @@ button.pf-v6-c-breadcrumb__link {
1572
1586
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
1573
1587
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
1574
1588
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
1575
- --pf-v6-c-button__count--MarginInlineStart: var(--pf-t--global--spacer--sm);
1576
1589
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
1590
+ --pf-v6-c-button--m-block--Display: flex;
1591
+ --pf-v6-c-button--m-block--Width: 100%;
1577
1592
  }
1578
1593
 
1579
1594
  .pf-v6-c-button {
1580
1595
  position: relative;
1581
1596
  display: var(--pf-v6-c-button--Display);
1582
- flex: var(--pf-v6-c-button--Flex, initial);
1583
- align-items: var(--pf-v6-c-button--AlignItems, initial);
1584
- justify-content: var(--pf-v6-c-button--JustifyContent, initial);
1597
+ gap: var(--pf-v6-c-button--Gap);
1598
+ align-items: var(--pf-v6-c-button--AlignItems);
1599
+ justify-content: var(--pf-v6-c-button--JustifyContent);
1585
1600
  padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
1586
1601
  padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
1587
1602
  padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
@@ -1680,6 +1695,7 @@ button.pf-v6-c-breadcrumb__link {
1680
1695
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
1681
1696
  }
1682
1697
  .pf-v6-c-button.pf-m-link.pf-m-inline {
1698
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
1683
1699
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
1684
1700
  --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
1685
1701
  --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
@@ -1695,11 +1711,16 @@ button.pf-v6-c-breadcrumb__link {
1695
1711
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
1696
1712
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
1697
1713
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
1698
- display: inline;
1699
1714
  text-align: start;
1700
1715
  white-space: normal;
1701
1716
  outline-offset: 0.125rem;
1702
1717
  }
1718
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1719
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
1720
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
1721
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
1722
+ }
1723
+
1703
1724
  .pf-v6-c-button.pf-m-link.pf-m-danger {
1704
1725
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
1705
1726
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -1805,6 +1826,7 @@ button.pf-v6-c-breadcrumb__link {
1805
1826
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
1806
1827
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
1807
1828
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
1829
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
1808
1830
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
1809
1831
  --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
1810
1832
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
@@ -1823,8 +1845,8 @@ button.pf-v6-c-breadcrumb__link {
1823
1845
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
1824
1846
  }
1825
1847
  .pf-v6-c-button.pf-m-block {
1826
- display: block;
1827
- width: 100%;
1848
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
1849
+ width: var(--pf-v6-c-button--m-block--Width);
1828
1850
  }
1829
1851
  .pf-v6-c-button.pf-m-small {
1830
1852
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
@@ -1891,13 +1913,15 @@ button.pf-v6-c-breadcrumb__link {
1891
1913
  }
1892
1914
 
1893
1915
  .pf-v6-c-button__icon {
1916
+ margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
1917
+ margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
1894
1918
  color: var(--pf-v6-c-button__icon--Color);
1895
1919
  }
1896
1920
  .pf-v6-c-button__icon.pf-m-start {
1897
- margin-inline-end: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
1921
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
1898
1922
  }
1899
1923
  .pf-v6-c-button__icon.pf-m-end {
1900
- margin-inline-start: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
1924
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
1901
1925
  }
1902
1926
 
1903
1927
  .pf-v6-c-button__progress {
@@ -1915,7 +1939,6 @@ button.pf-v6-c-breadcrumb__link {
1915
1939
  .pf-v6-c-button__count {
1916
1940
  display: inline-flex;
1917
1941
  align-items: center;
1918
- margin-inline-start: var(--pf-v6-c-button__count--MarginInlineStart);
1919
1942
  }
1920
1943
 
1921
1944
  :where(:root, .pf-v6-c-calendar-month) {
@@ -1978,7 +2001,7 @@ button.pf-v6-c-breadcrumb__link {
1978
2001
  --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
1979
2002
  }
1980
2003
 
1981
- :where(.pf-v6-c-calendar-month) {
2004
+ .pf-v6-c-calendar-month {
1982
2005
  display: inline-flex;
1983
2006
  flex-direction: column;
1984
2007
  padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
@@ -2202,14 +2225,24 @@ button.pf-v6-c-breadcrumb__link {
2202
2225
  flex-direction: column;
2203
2226
  overflow: auto;
2204
2227
  background-color: var(--pf-v6-c-card--BackgroundColor);
2205
- border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
2228
+ border: 0;
2206
2229
  border-radius: var(--pf-v6-c-card--BorderRadius);
2207
2230
  }
2231
+ .pf-v6-c-card::before {
2232
+ position: absolute;
2233
+ inset: 0;
2234
+ pointer-events: none;
2235
+ content: "";
2236
+ border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
2237
+ border-radius: inherit;
2238
+ }
2208
2239
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
2209
2240
  gap: 0;
2210
2241
  }
2211
2242
  .pf-v6-c-card.pf-m-selectable, .pf-v6-c-card.pf-m-clickable {
2212
2243
  isolation: isolate;
2244
+ }
2245
+ .pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
2213
2246
  border: none;
2214
2247
  }
2215
2248
  .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label,
@@ -2536,18 +2569,15 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2536
2569
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
2537
2570
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
2538
2571
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
2539
- --pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart: 0;
2540
- --pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd: 0;
2541
2572
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
2573
+ --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
2542
2574
  --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2575
+ --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
2576
+ --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
2577
+ --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
2578
+ --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
2543
2579
  --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
2544
2580
  --pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
2545
- --pf-v6-c-clipboard-copy__actions-item--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--xs));
2546
- --pf-v6-c-clipboard-copy__actions-item--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--xs));
2547
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2548
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
2549
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2550
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
2551
2581
  }
2552
2582
 
2553
2583
  .pf-v6-c-clipboard-copy.pf-m-expanded .pf-v6-c-clipboard-copy__toggle-icon {
@@ -2555,9 +2585,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2555
2585
  }
2556
2586
  .pf-v6-c-clipboard-copy.pf-m-inline {
2557
2587
  display: inline;
2558
- padding-block-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);
2559
- padding-block-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);
2560
2588
  padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
2589
+ padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
2561
2590
  white-space: nowrap;
2562
2591
  background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
2563
2592
  }
@@ -2612,17 +2641,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2612
2641
 
2613
2642
  .pf-v6-c-clipboard-copy__actions {
2614
2643
  display: inline-flex;
2644
+ gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
2645
+ margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
2615
2646
  }
2616
2647
 
2617
- .pf-v6-c-clipboard-copy__actions-item {
2618
- margin-block-start: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart));
2619
- margin-block-end: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd));
2620
- }
2621
- .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button {
2622
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);
2623
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);
2624
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);
2625
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
2648
+ .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
2649
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
2650
+ --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
2626
2651
  }
2627
2652
 
2628
2653
  :where(:root, .pf-v6-c-code-block) {
@@ -7575,18 +7600,14 @@ label.pf-v6-c-input-group__text {
7575
7600
  --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
7576
7601
  --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
7577
7602
  --pf-v6-c-jump-links__label--Display: block;
7578
- --pf-v6-c-jump-links__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
7579
- --pf-v6-c-jump-links__toggle--MarginBlockEnd--base: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
7580
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base);
7581
- --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: calc(var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base) + var(--pf-t--global--spacer--md));
7582
- --pf-v6-c-jump-links__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--md));
7603
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
7604
+ --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
7583
7605
  --pf-v6-c-jump-links__toggle--Display: none;
7584
- --pf-v6-c-jump-links__toggle-icon--Color: currentcolor;
7606
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7585
7607
  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
7586
7608
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
7587
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7588
7609
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
7589
- --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
7610
+ --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
7590
7611
  --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
7591
7612
  }
7592
7613
 
@@ -7770,13 +7791,7 @@ label.pf-v6-c-input-group__text {
7770
7791
 
7771
7792
  .pf-v6-c-jump-links__toggle {
7772
7793
  display: var(--pf-v6-c-jump-links__toggle--Display);
7773
- margin-block-start: var(--pf-v6-c-jump-links__toggle--MarginBlockStart);
7774
7794
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
7775
- margin-inline-start: var(--pf-v6-c-jump-links__toggle--MarginInlineStart);
7776
- }
7777
- .pf-v6-c-jump-links__toggle .pf-v6-c-button {
7778
- display: flex;
7779
- align-items: center;
7780
7795
  }
7781
7796
 
7782
7797
  .pf-v6-c-jump-links__toggle-icon {
@@ -7844,14 +7859,14 @@ label.pf-v6-c-input-group__text {
7844
7859
  --pf-v6-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
7845
7860
  --pf-v6-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
7846
7861
  --pf-v6-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
7847
- --pf-v6-c-label--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
7848
- --pf-v6-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
7849
- --pf-v6-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
7850
- --pf-v6-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--hover);
7851
- --pf-v6-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
7852
- --pf-v6-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
7853
- --pf-v6-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
7854
- --pf-v6-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
7862
+ --pf-v6-c-label--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
7863
+ --pf-v6-c-label--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
7864
+ --pf-v6-c-label--m-yellow__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
7865
+ --pf-v6-c-label--m-yellow--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--hover);
7866
+ --pf-v6-c-label--m-yellow--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--hover);
7867
+ --pf-v6-c-label--m-yellow--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--hover);
7868
+ --pf-v6-c-label--m-yellow--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
7869
+ --pf-v6-c-label--m-yellow--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--hover);
7855
7870
  --pf-v6-c-label--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
7856
7871
  --pf-v6-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
7857
7872
  --pf-v6-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
@@ -7860,14 +7875,14 @@ label.pf-v6-c-input-group__text {
7860
7875
  --pf-v6-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
7861
7876
  --pf-v6-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
7862
7877
  --pf-v6-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
7863
- --pf-v6-c-label--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
7864
- --pf-v6-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
7865
- --pf-v6-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
7866
- --pf-v6-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--hover);
7867
- --pf-v6-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
7868
- --pf-v6-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
7869
- --pf-v6-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
7870
- --pf-v6-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
7878
+ --pf-v6-c-label--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
7879
+ --pf-v6-c-label--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
7880
+ --pf-v6-c-label--m-teal__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
7881
+ --pf-v6-c-label--m-teal--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--hover);
7882
+ --pf-v6-c-label--m-teal--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-teal--hover);
7883
+ --pf-v6-c-label--m-teal--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--hover);
7884
+ --pf-v6-c-label--m-teal--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
7885
+ --pf-v6-c-label--m-teal--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--hover);
7871
7886
  --pf-v6-c-label--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
7872
7887
  --pf-v6-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
7873
7888
  --pf-v6-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
@@ -8041,15 +8056,15 @@ label.pf-v6-c-input-group__text {
8041
8056
  --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-orangered--m-outline--BorderColor);
8042
8057
  --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor);
8043
8058
  }
8044
- .pf-v6-c-label.pf-m-gold {
8045
- --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-gold--BackgroundColor);
8046
- --pf-v6-c-label--Color: var(--pf-v6-c-label--m-gold--Color);
8047
- --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-gold__icon--Color);
8048
- --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-gold--m-clickable--hover--BackgroundColor);
8049
- --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-gold--m-clickable--hover--Color);
8050
- --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-gold--m-clickable--hover__icon--Color);
8051
- --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-gold--m-outline--BorderColor);
8052
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-gold--m-outline--m-clickable--hover--BorderColor);
8059
+ .pf-v6-c-label.pf-m-yellow {
8060
+ --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-yellow--BackgroundColor);
8061
+ --pf-v6-c-label--Color: var(--pf-v6-c-label--m-yellow--Color);
8062
+ --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-yellow__icon--Color);
8063
+ --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-yellow--m-clickable--hover--BackgroundColor);
8064
+ --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-yellow--m-clickable--hover--Color);
8065
+ --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-yellow--m-clickable--hover__icon--Color);
8066
+ --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-yellow--m-outline--BorderColor);
8067
+ --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-yellow--m-outline--m-clickable--hover--BorderColor);
8053
8068
  }
8054
8069
  .pf-v6-c-label.pf-m-green {
8055
8070
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-green--BackgroundColor);
@@ -8061,15 +8076,15 @@ label.pf-v6-c-input-group__text {
8061
8076
  --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-green--m-outline--BorderColor);
8062
8077
  --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-green--m-outline--m-clickable--hover--BorderColor);
8063
8078
  }
8064
- .pf-v6-c-label.pf-m-cyan {
8065
- --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-cyan--BackgroundColor);
8066
- --pf-v6-c-label--Color: var(--pf-v6-c-label--m-cyan--Color);
8067
- --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-cyan__icon--Color);
8068
- --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-cyan--m-clickable--hover--BackgroundColor);
8069
- --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-cyan--m-clickable--hover--Color);
8070
- --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-cyan--m-clickable--hover__icon--Color);
8071
- --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-cyan--m-outline--BorderColor);
8072
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor);
8079
+ .pf-v6-c-label.pf-m-teal {
8080
+ --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-teal--BackgroundColor);
8081
+ --pf-v6-c-label--Color: var(--pf-v6-c-label--m-teal--Color);
8082
+ --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-teal__icon--Color);
8083
+ --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-teal--m-clickable--hover--BackgroundColor);
8084
+ --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-teal--m-clickable--hover--Color);
8085
+ --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-teal--m-clickable--hover__icon--Color);
8086
+ --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-teal--m-outline--BorderColor);
8087
+ --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-teal--m-outline--m-clickable--hover--BorderColor);
8073
8088
  }
8074
8089
  .pf-v6-c-label.pf-m-purple {
8075
8090
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-purple--BackgroundColor);
@@ -8422,7 +8437,7 @@ input.pf-v6-c-label__content {
8422
8437
  display: none;
8423
8438
  }
8424
8439
 
8425
- .pf-v6-c-list {
8440
+ :where(:root, .pf-v6-c-list) {
8426
8441
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8427
8442
  --pf-v6-c-list--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
8428
8443
  --pf-v6-c-list--nested--MarginInlineStart: var(--pf-t--global--spacer--sm);
@@ -8440,6 +8455,9 @@ input.pf-v6-c-label__content {
8440
8455
  --pf-v6-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-t--global--icon--size--lg);
8441
8456
  --pf-v6-c-list--m-icon-lg__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
8442
8457
  --pf-v6-c-list--m-icon-lg__item-icon--FontSize: var(--pf-t--global--icon--size--lg);
8458
+ }
8459
+
8460
+ .pf-v6-c-list {
8443
8461
  padding-inline-start: var(--pf-v6-c-list--PaddingInlineStart);
8444
8462
  }
8445
8463
  .pf-v6-c-list ol,
@@ -8497,7 +8515,7 @@ ul.pf-v6-c-list {
8497
8515
  --pf-v6-c-list--m-bordered--li--BorderBlockEndWidth: 0;
8498
8516
  }
8499
8517
 
8500
- .pf-v6-c-log-viewer {
8518
+ :where(:root, .pf-v6-c-log-viewer) {
8501
8519
  --pf-v6-c-log-viewer--Height: 100%;
8502
8520
  --pf-v6-c-log-viewer--MaxHeight: auto;
8503
8521
  --pf-v6-c-log-viewer--m-line-numbers__index--Display: inline;
@@ -8544,6 +8562,9 @@ ul.pf-v6-c-list {
8544
8562
  --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
8545
8563
  --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
8546
8564
  --pf-v6-c-log-viewer--m-dark__main--BorderWidth: 0;
8565
+ }
8566
+
8567
+ .pf-v6-c-log-viewer {
8547
8568
  display: flex;
8548
8569
  flex-direction: column;
8549
8570
  height: var(--pf-v6-c-log-viewer--Height);
@@ -9374,6 +9395,8 @@ ul.pf-v6-c-list {
9374
9395
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
9375
9396
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
9376
9397
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
9398
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
9399
+ --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9377
9400
  --pf-v6-c-menu--m-plain--BoxShadow: none;
9378
9401
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
9379
9402
  --pf-v6-c-menu__content--Height: auto;
@@ -9387,6 +9410,9 @@ ul.pf-v6-c-list {
9387
9410
  --pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
9388
9411
  --pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
9389
9412
  --pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9413
+ --pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
9414
+ --pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9415
+ --pf-v6-c-menu__list-item--TransitionProperty: background-color;
9390
9416
  --pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
9391
9417
  --pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
9392
9418
  --pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
@@ -9557,6 +9583,8 @@ ul.pf-v6-c-list {
9557
9583
  background-color: var(--pf-v6-c-menu--BackgroundColor);
9558
9584
  border-radius: var(--pf-v6-c-menu--BorderRadius);
9559
9585
  box-shadow: var(--pf-v6-c-menu--BoxShadow);
9586
+ transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
9587
+ transition-duration: var(--pf-v6-c-menu--TransitionDuration) !important;
9560
9588
  }
9561
9589
  .pf-v6-c-menu .pf-v6-c-menu {
9562
9590
  min-width: 100%;
@@ -9728,6 +9756,9 @@ ul.pf-v6-c-list {
9728
9756
  .pf-v6-c-menu__list-item {
9729
9757
  align-items: baseline;
9730
9758
  min-width: 0;
9759
+ transition-timing-function: var(--pf-v6-c-menu__list-item--TransitionTimingFunction);
9760
+ transition-duration: var(--pf-v6-c-menu__list-item--TransitionDuration);
9761
+ transition-property: var(--pf-v6-c-menu__list-item--TransitionProperty);
9731
9762
  }
9732
9763
  .pf-v6-c-menu__list-item > * {
9733
9764
  position: relative;
@@ -9737,6 +9768,7 @@ ul.pf-v6-c-list {
9737
9768
  inset: 0;
9738
9769
  content: "";
9739
9770
  background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
9771
+ transition: inherit;
9740
9772
  }
9741
9773
  .pf-v6-c-menu__list-item.pf-m-load {
9742
9774
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__list-item--m-load__item--Color);
@@ -9945,6 +9977,9 @@ ul.pf-v6-c-list {
9945
9977
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
9946
9978
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
9947
9979
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
9980
+ --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
9981
+ --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
9982
+ --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
9948
9983
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
9949
9984
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
9950
9985
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
@@ -10068,6 +10103,9 @@ ul.pf-v6-c-list {
10068
10103
  cursor: pointer;
10069
10104
  background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
10070
10105
  border: 0;
10106
+ transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
10107
+ transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
10108
+ transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
10071
10109
  }
10072
10110
  .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
10073
10111
  border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
@@ -10082,6 +10120,7 @@ ul.pf-v6-c-list {
10082
10120
  pointer-events: none;
10083
10121
  content: "";
10084
10122
  border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
10123
+ transition: inherit;
10085
10124
  }
10086
10125
  .pf-v6-c-menu-toggle.pf-m-primary {
10087
10126
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
@@ -10929,6 +10968,7 @@ ul.pf-v6-c-list {
10929
10968
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
10930
10969
  color: var(--pf-v6-c-nav__link--Color);
10931
10970
  text-align: start;
10971
+ text-decoration: none;
10932
10972
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
10933
10973
  border: none;
10934
10974
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
@@ -11487,11 +11527,11 @@ ul.pf-v6-c-list {
11487
11527
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
11488
11528
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
11489
11529
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
11490
- --pf-v6-c-page__main-section--MarginBlockStart: var(--pf-t--global--spacer--md);
11491
- --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--lg);
11492
- --pf-v6-c-page__main-section--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11493
- --pf-v6-c-page__main-section--PaddingBlockEnd: 0;
11494
- --pf-v6-c-page__main-section--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11530
+ --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
11531
+ --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11532
+ --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11533
+ --pf-v6-c-page__main-section--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11534
+ --pf-v6-c-page__main-section--RowGap: var(--pf-t--global--spacer--lg);
11495
11535
  --pf-v6-c-page__main-breadcrumb--main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
11496
11536
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11497
11537
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -11526,6 +11566,7 @@ ul.pf-v6-c-list {
11526
11566
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
11527
11567
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
11528
11568
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
11569
+ --pf-v6-c-page__main-tabs--PaddingInlineStart: 0;
11529
11570
  --pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11530
11571
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11531
11572
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
@@ -11637,21 +11678,11 @@ ul.pf-v6-c-list {
11637
11678
  flex-grow: 0;
11638
11679
  }
11639
11680
 
11640
- .pf-v6-c-page__main-nav.pf-m-limit-width,
11641
- .pf-v6-c-page__main-breadcrumb.pf-m-limit-width,
11642
- .pf-v6-c-page__main-tabs.pf-m-limit-width,
11643
- .pf-v6-c-page__main-section.pf-m-limit-width,
11644
- .pf-v6-c-page__main-wizard.pf-m-limit-width {
11645
- display: flex;
11646
- flex-direction: column;
11647
- padding: 0;
11648
- }
11649
11681
  .pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
11650
11682
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
11651
11683
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
11652
11684
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
11653
11685
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
11654
- flex: 1;
11655
11686
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
11656
11687
  }
11657
11688
  .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
@@ -11676,6 +11707,8 @@ ul.pf-v6-c-list {
11676
11707
  .pf-v6-c-page__main-wizard,
11677
11708
  .pf-v6-c-page__main-group,
11678
11709
  .pf-v6-c-page__main-subnav {
11710
+ display: flex;
11711
+ flex-direction: column;
11679
11712
  flex-shrink: 0;
11680
11713
  }
11681
11714
  .pf-v6-c-page__main-nav.pf-m-overflow-scroll,
@@ -11896,6 +11929,7 @@ ul.pf-v6-c-list {
11896
11929
  .pf-v6-c-page__main-list {
11897
11930
  display: flex;
11898
11931
  flex-direction: column;
11932
+ flex-grow: 1;
11899
11933
  }
11900
11934
 
11901
11935
  .pf-v6-c-page__main-nav {
@@ -12010,10 +12044,11 @@ ul.pf-v6-c-list {
12010
12044
  }
12011
12045
 
12012
12046
  .pf-v6-c-page__main-section {
12047
+ gap: var(--pf-v6-c-page__main-section--RowGap);
12013
12048
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12014
12049
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12015
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12016
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12050
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12051
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12017
12052
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
12018
12053
  }
12019
12054
  .pf-v6-c-page__main-section.pf-m-secondary {
@@ -12022,8 +12057,8 @@ ul.pf-v6-c-list {
12022
12057
  .pf-v6-c-page__main-section.pf-m-padding {
12023
12058
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12024
12059
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12025
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12026
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12060
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12061
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12027
12062
  }
12028
12063
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
12029
12064
  padding: 0;
@@ -12031,8 +12066,8 @@ ul.pf-v6-c-list {
12031
12066
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
12032
12067
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12033
12068
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12034
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12035
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12069
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12070
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12036
12071
  }
12037
12072
  .pf-v6-c-page__main-section.pf-m-no-padding, .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
12038
12073
  padding: 0;
@@ -12041,8 +12076,8 @@ ul.pf-v6-c-list {
12041
12076
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
12042
12077
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12043
12078
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12044
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12045
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12079
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12080
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12046
12081
  }
12047
12082
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
12048
12083
  padding: 0;
@@ -12050,8 +12085,8 @@ ul.pf-v6-c-list {
12050
12085
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
12051
12086
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12052
12087
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12053
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12054
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12088
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12089
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12055
12090
  }
12056
12091
  .pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
12057
12092
  padding: 0;
@@ -12061,8 +12096,8 @@ ul.pf-v6-c-list {
12061
12096
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
12062
12097
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12063
12098
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12064
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12065
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12099
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12100
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12066
12101
  }
12067
12102
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
12068
12103
  padding: 0;
@@ -12070,8 +12105,8 @@ ul.pf-v6-c-list {
12070
12105
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
12071
12106
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12072
12107
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12073
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12074
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12108
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12109
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12075
12110
  }
12076
12111
  .pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
12077
12112
  padding: 0;
@@ -12081,8 +12116,8 @@ ul.pf-v6-c-list {
12081
12116
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
12082
12117
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12083
12118
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12084
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12085
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12119
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12120
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12086
12121
  }
12087
12122
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
12088
12123
  padding: 0;
@@ -12090,8 +12125,8 @@ ul.pf-v6-c-list {
12090
12125
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
12091
12126
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12092
12127
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12093
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12094
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12128
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12129
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12095
12130
  }
12096
12131
  .pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
12097
12132
  padding: 0;
@@ -12101,8 +12136,8 @@ ul.pf-v6-c-list {
12101
12136
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12102
12137
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12103
12138
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12104
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12105
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12139
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12140
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12106
12141
  }
12107
12142
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
12108
12143
  padding: 0;
@@ -12110,8 +12145,8 @@ ul.pf-v6-c-list {
12110
12145
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
12111
12146
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12112
12147
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12113
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12114
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12148
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12149
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12115
12150
  }
12116
12151
  .pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
12117
12152
  padding: 0;
@@ -12121,8 +12156,8 @@ ul.pf-v6-c-list {
12121
12156
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12122
12157
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12123
12158
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12124
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12125
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12159
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12160
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12126
12161
  }
12127
12162
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
12128
12163
  padding: 0;
@@ -12130,8 +12165,8 @@ ul.pf-v6-c-list {
12130
12165
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
12131
12166
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12132
12167
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12133
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12134
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12168
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12169
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12135
12170
  }
12136
12171
  .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
12137
12172
  padding: 0;
@@ -12157,25 +12192,14 @@ ul.pf-v6-c-list {
12157
12192
  }
12158
12193
 
12159
12194
  .pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
12160
- padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
12161
12195
  padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
12162
12196
  padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
12163
12197
  }
12164
12198
  .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
12165
- padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
12166
- padding-block-end: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd);
12167
- padding-inline-start: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineStart);
12168
- padding-inline-end: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd);
12169
- }
12170
- .pf-v6-c-page__main-section .pf-v6-c-page__main-body {
12171
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12172
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12173
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12174
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12199
+ padding-inline-start: 0;
12200
+ padding-inline-end: 0;
12175
12201
  }
12176
12202
  .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
12177
- padding-block-start: var(--pf-v6-c-page__main-tabs--PaddingBlockStart);
12178
- padding-block-end: var(--pf-v6-c-page__main-tabs--PaddingBlockEnd);
12179
12203
  padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
12180
12204
  padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
12181
12205
  }
@@ -12217,14 +12241,17 @@ ul.pf-v6-c-list {
12217
12241
  --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12218
12242
  --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12219
12243
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12244
+ --pf-v6-c-pagination__page-menu--Display--base: block;
12220
12245
  --pf-v6-c-pagination__page-menu--Display: none;
12221
12246
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
12222
- --pf-v6-c-pagination--m-display-full__page-menu--Display: inline-flex;
12247
+ --pf-v6-c-pagination--m-display-full__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12248
+ --pf-v6-c-pagination--m-bottom__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12249
+ --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12223
12250
  }
12224
12251
  @media screen and (min-width: 768px) {
12225
12252
  :where(:root, .pf-v6-c-pagination) {
12226
12253
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
12227
- --pf-v6-c-pagination__page-menu--Display: inline-flex;
12254
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
12228
12255
  --pf-v6-c-pagination__nav--Display: inline-flex;
12229
12256
  --pf-v6-c-pagination__total-items--Display: none;
12230
12257
  }
@@ -12271,7 +12298,7 @@ ul.pf-v6-c-list {
12271
12298
  }
12272
12299
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__page-menu {
12273
12300
  position: absolute;
12274
- display: block;
12301
+ display: var(--pf-v6-c-pagination--m-bottom__page-menu--Display);
12275
12302
  }
12276
12303
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav {
12277
12304
  display: flex;
@@ -12535,43 +12562,44 @@ ul.pf-v6-c-list {
12535
12562
  --pf-v6-c-panel--Width: auto;
12536
12563
  --pf-v6-c-panel--MinWidth: auto;
12537
12564
  --pf-v6-c-panel--MaxWidth: none;
12538
- --pf-v6-c-panel--ZIndex: auto;
12539
12565
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12540
12566
  --pf-v6-c-panel--BoxShadow: none;
12567
+ --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
12541
12568
  --pf-v6-c-panel--before--BorderWidth: 0;
12542
12569
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
12543
12570
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
12544
- --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--regular);
12571
+ --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
12545
12572
  --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
12546
- --pf-v6-c-panel--m-raised--ZIndex: var(--pf-t--global--z-index--sm);
12547
12573
  --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
12548
12574
  --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
12549
- --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12575
+ --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12550
12576
  --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12551
- --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
12577
+ --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12552
12578
  --pf-v6-c-panel__main--MaxHeight: none;
12553
12579
  --pf-v6-c-panel__main--Overflow: visible;
12554
12580
  --pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
12555
- --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12581
+ --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12556
12582
  --pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12557
- --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--md);
12558
- --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
12559
- --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12560
- --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12561
- --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
12583
+ --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12584
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12585
+ --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12586
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12587
+ --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12562
12588
  --pf-v6-c-panel__footer--BoxShadow: none;
12563
12589
  --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
12564
12590
  --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
12565
- --pf-v6-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(0 0 0 / 16%);
12591
+ --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
12592
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
12593
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12566
12594
  }
12567
12595
 
12568
12596
  .pf-v6-c-panel {
12569
12597
  position: relative;
12570
- z-index: var(--pf-v6-c-panel--ZIndex);
12571
12598
  width: var(--pf-v6-c-panel--Width);
12572
12599
  min-width: var(--pf-v6-c-panel--MinWidth);
12573
12600
  max-width: var(--pf-v6-c-panel--MaxWidth);
12574
12601
  background-color: var(--pf-v6-c-panel--BackgroundColor);
12602
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
12575
12603
  box-shadow: var(--pf-v6-c-panel--BoxShadow);
12576
12604
  }
12577
12605
  .pf-v6-c-panel::before {
@@ -12580,6 +12608,7 @@ ul.pf-v6-c-list {
12580
12608
  pointer-events: none;
12581
12609
  content: "";
12582
12610
  border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
12611
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
12583
12612
  }
12584
12613
  .pf-v6-c-panel.pf-m-bordered {
12585
12614
  --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
@@ -12590,12 +12619,13 @@ ul.pf-v6-c-list {
12590
12619
  .pf-v6-c-panel.pf-m-raised {
12591
12620
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
12592
12621
  --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
12593
- --pf-v6-c-panel--ZIndex: var(--pf-v6-c-panel--m-raised--ZIndex);
12594
12622
  }
12595
12623
  .pf-v6-c-panel.pf-m-scrollable {
12596
12624
  --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
12597
12625
  --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
12598
12626
  --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
12627
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
12628
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
12599
12629
  }
12600
12630
 
12601
12631
  .pf-v6-c-panel__header {
@@ -12625,7 +12655,7 @@ ul.pf-v6-c-list {
12625
12655
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
12626
12656
  }
12627
12657
 
12628
- .pf-v6-c-popover {
12658
+ :where(:root, .pf-v6-c-popover) {
12629
12659
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
12630
12660
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
12631
12661
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -12674,6 +12704,9 @@ ul.pf-v6-c-list {
12674
12704
  --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
12675
12705
  --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
12676
12706
  --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
12707
+ }
12708
+
12709
+ .pf-v6-c-popover {
12677
12710
  position: relative;
12678
12711
  min-width: var(--pf-v6-c-popover--MinWidth);
12679
12712
  max-width: var(--pf-v6-c-popover--MaxWidth);
@@ -14767,7 +14800,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14767
14800
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
14768
14801
  }
14769
14802
 
14770
- .pf-v6-c-table[class*=pf-m-grid] {
14803
+ :where(:root, .pf-v6-c-table[class*=pf-m-grid]) {
14771
14804
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
14772
14805
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
14773
14806
  --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
@@ -16827,6 +16860,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16827
16860
  .pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
16828
16861
  border-block-end: 0;
16829
16862
  }
16863
+ .pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
16864
+ --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
16865
+ }
16830
16866
 
16831
16867
  .pf-v6-c-table__text {
16832
16868
  --pf-v6-c-table--cell--MaxWidth: 100%;
@@ -16922,14 +16958,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16922
16958
  .pf-v6-c-table .pf-v6-c-table__check,
16923
16959
  .pf-v6-c-table .pf-v6-c-table__toggle,
16924
16960
  .pf-v6-c-table .pf-v6-c-table__action,
16925
- .pf-v6-c-table .pf-v6-c-table__favorite,
16926
- .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-favorite,
16927
16961
  .pf-v6-c-table .pf-v6-c-table__inline-edit-action,
16928
16962
  .pf-v6-c-table .pf-v6-c-table__draggable {
16929
16963
  --pf-v6-c-table--cell--MinWidth: 0;
16930
16964
  --pf-v6-c-table--cell--Width: 1%;
16931
16965
  }
16932
16966
 
16967
+ .pf-v6-c-table .pf-v6-c-table__favorite {
16968
+ --pf-v6-c-table--cell--MaxWidth: auto;
16969
+ }
16970
+
16933
16971
  .pf-v6-c-table__toggle {
16934
16972
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
16935
16973
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
@@ -17067,8 +17105,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17067
17105
  .pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
17068
17106
  color: var(--pf-v6-c-table__sort__button__text--Color);
17069
17107
  }
17070
- .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
17108
+ .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button {
17071
17109
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
17110
+ }
17111
+ .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button .pf-v6-c-table__text, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button .pf-v6-c-table__text {
17072
17112
  color: var(--pf-v6-c-table__sort--m-selected__button--Color);
17073
17113
  }
17074
17114
  .pf-v6-c-table__sort.pf-m-help {
@@ -18967,15 +19007,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18967
19007
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
18968
19008
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
18969
19009
  --pf-v6-c-text-input-group--BorderWidth: var(--pf-t--global--border--width--control--default);
18970
- --pf-v6-c-text-input-group--BorderRadius: var(--pf-t--global--border--radius--small);
18971
19010
  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-t--global--border--color--hover);
18972
19011
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--xs);
18973
19012
  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--xl);
18974
19013
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
18975
19014
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
18976
- --pf-v6-c-text-input-group--c-chip-group__main--PaddingBlockStart: var(--pf-t--global--spacer--xs);
18977
- --pf-v6-c-text-input-group--c-chip-group__main--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
18978
- --pf-v6-c-text-input-group--c-chip-group__main--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
19015
+ --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
19016
+ --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
19017
+ --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
19018
+ --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
19019
+ --pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
19020
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19021
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
19022
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
18979
19023
  --pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--sm);
18980
19024
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
18981
19025
  --pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -19001,15 +19045,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19001
19045
  width: 100%;
19002
19046
  color: var(--pf-v6-c-text-input-group--Color, inherit);
19003
19047
  background-color: var(--pf-v6-c-text-input-group--BackgroundColor);
19004
- border-radius: var(--pf-v6-c-text-input-group--BorderRadius);
19005
- }
19006
- .pf-v6-c-text-input-group::before {
19007
- position: absolute;
19008
- inset: 0;
19009
- pointer-events: none;
19010
- content: "";
19011
- border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
19012
- border-radius: var(--pf-v6-c-text-input-group--BorderRadius);
19013
19048
  }
19014
19049
  .pf-v6-c-text-input-group:hover {
19015
19050
  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
@@ -19023,7 +19058,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19023
19058
  .pf-v6-c-text-input-group.pf-m-plain {
19024
19059
  --pf-v6-c-text-input-group--BackgroundColor: transparent;
19025
19060
  }
19026
- .pf-v6-c-text-input-group.pf-m-plain .pf-v6-c-text-input-group__text::before, .pf-v6-c-text-input-group.pf-m-plain .pf-v6-c-text-input-group__text::after {
19061
+ .pf-v6-c-text-input-group.pf-m-plain .pf-v6-c-text-input-group__text::before {
19027
19062
  border: 0;
19028
19063
  }
19029
19064
 
@@ -19038,12 +19073,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19038
19073
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart);
19039
19074
  }
19040
19075
  .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
19076
+ padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
19077
+ padding-block-end: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockEnd);
19041
19078
  margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
19042
19079
  }
19043
19080
  .pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
19044
- padding-block-start: var(--pf-v6-c-text-input-group--c-chip-group__main--PaddingBlockStart);
19045
- padding-block-end: var(--pf-v6-c-text-input-group--c-chip-group__main--PaddingBlockEnd);
19046
- padding-inline-end: var(--pf-v6-c-text-input-group--c-chip-group__main--PaddingInlineEnd);
19081
+ padding-block-start: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart);
19082
+ padding-block-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd);
19083
+ padding-inline-end: var(--pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd);
19047
19084
  }
19048
19085
 
19049
19086
  .pf-v6-c-text-input-group__text {
@@ -19052,11 +19089,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19052
19089
  grid-template-areas: "text-input";
19053
19090
  grid-template-columns: 1fr;
19054
19091
  }
19055
- .pf-v6-c-text-input-group__text::before, .pf-v6-c-text-input-group__text::after {
19092
+ .pf-v6-c-text-input-group__text::before {
19056
19093
  position: absolute;
19057
19094
  inset: 0;
19058
19095
  pointer-events: none;
19059
19096
  content: "";
19097
+ border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
19098
+ border-start-start-radius: var(--pf-v6-c-text-input-group__text--BorderStartStartRadius);
19099
+ border-start-end-radius: var(--pf-v6-c-text-input-group__text--BorderStartEndRadius);
19100
+ border-end-start-radius: var(--pf-v6-c-text-input-group__text--BorderEndStartRadius);
19101
+ border-end-end-radius: var(--pf-v6-c-text-input-group__text--BorderEndEndRadius);
19060
19102
  }
19061
19103
 
19062
19104
  .pf-v6-c-text-input-group__icon {
@@ -19494,6 +19536,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19494
19536
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
19495
19537
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
19496
19538
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
19539
+ --pf-v6-c-toolbar__content--PaddingBlockStart: 0;
19497
19540
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
19498
19541
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
19499
19542
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -22520,7 +22563,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22520
22563
  }
22521
22564
 
22522
22565
  :where(:root, .pf-v6-c-truncate) {
22523
- --pf-v6-c-truncate--MinWidth: 12ch;
22566
+ --pf-v6-c-truncate--MinWidth: 6ch;
22524
22567
  --pf-v6-c-truncate__start--MinWidth: 6ch;
22525
22568
  }
22526
22569