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

Sign up to get free protection for your applications and to get access to all the features.
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