@patternfly/react-styles 6.0.0-prerelease.5 → 6.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (79) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/components/Alert/alert.css +2 -6
  3. package/css/components/Button/button.css +8 -0
  4. package/css/components/DataList/data-list.css +4 -13
  5. package/css/components/DataList/data-list.d.ts +0 -1
  6. package/css/components/DataList/data-list.js +0 -1
  7. package/css/components/DataList/data-list.mjs +0 -1
  8. package/css/components/Drawer/drawer.css +0 -4
  9. package/css/components/Drawer/drawer.d.ts +1 -2
  10. package/css/components/Drawer/drawer.js +1 -2
  11. package/css/components/Drawer/drawer.mjs +1 -2
  12. package/css/components/FormControl/form-control.css +22 -3
  13. package/css/components/FormControl/form-control.d.ts +2 -1
  14. package/css/components/FormControl/form-control.js +2 -1
  15. package/css/components/FormControl/form-control.mjs +2 -1
  16. package/css/components/MenuToggle/menu-toggle.css +66 -55
  17. package/css/components/MenuToggle/menu-toggle.d.ts +4 -2
  18. package/css/components/MenuToggle/menu-toggle.js +4 -2
  19. package/css/components/MenuToggle/menu-toggle.mjs +4 -2
  20. package/css/components/Page/page.css +10 -8
  21. package/css/components/Page/page.d.ts +0 -1
  22. package/css/components/Page/page.js +0 -1
  23. package/css/components/Page/page.mjs +0 -1
  24. package/css/components/Pagination/pagination.css +31 -17
  25. package/css/components/Pagination/pagination.d.ts +1 -1
  26. package/css/components/Pagination/pagination.js +1 -1
  27. package/css/components/Pagination/pagination.mjs +1 -1
  28. package/css/components/Table/table-grid.css +9 -4
  29. package/css/components/Table/table.css +6 -5
  30. package/css/components/_index.css +158 -115
  31. package/css/components/_index.d.ts +3 -3
  32. package/css/components/_index.js +3 -3
  33. package/css/components/_index.mjs +3 -3
  34. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  35. package/css/docs/utilities/BoxShadow/examples/box-shadow.d.ts +2 -1
  36. package/css/docs/utilities/BoxShadow/examples/box-shadow.js +2 -1
  37. package/css/docs/utilities/BoxShadow/examples/box-shadow.mjs +2 -1
  38. package/package.json +3 -3
  39. package/css/assets/images/PF-Masthead-Logo.svg +0 -1
  40. package/css/assets/images/background-filter.svg +0 -17
  41. package/css/assets/images/g_sizing.png +0 -0
  42. package/css/assets/images/img_avatar-dark.svg +0 -22
  43. package/css/assets/images/img_avatar.svg +0 -21
  44. package/css/assets/images/l_pf-reverse-164x11.png +0 -0
  45. package/css/assets/images/l_pf-reverse.svg +0 -1
  46. package/css/assets/images/logo-dropbox-old.svg +0 -1
  47. package/css/assets/images/logo-dropbox.svg +0 -6
  48. package/css/assets/images/logo-facebook.svg +0 -4
  49. package/css/assets/images/logo-github.svg +0 -4
  50. package/css/assets/images/logo-gitlab.svg +0 -4
  51. package/css/assets/images/logo-google.svg +0 -4
  52. package/css/assets/images/logo-google2.svg +0 -10
  53. package/css/assets/images/logo__pf--reverse--base.png +0 -0
  54. package/css/assets/images/logo__pf--reverse--base.svg +0 -40
  55. package/css/assets/images/logo__pf--reverse-on-md.svg +0 -40
  56. package/css/assets/images/pf-c-brand__logo-base.jpg +0 -0
  57. package/css/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  58. package/css/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  59. package/css/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  60. package/css/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  61. package/css/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  62. package/css/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  63. package/css/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  64. package/css/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  65. package/css/assets/images/pf-c-brand__logo.svg +0 -10
  66. package/css/assets/images/pf-logo.svg +0 -28
  67. package/css/assets/images/pf_logo.svg +0 -37
  68. package/css/assets/images/pf_logo_color.svg +0 -22
  69. package/css/assets/images/pf_logo_white.svg +0 -37
  70. package/css/assets/images/pf_mini_logo_white.svg +0 -1
  71. package/css/assets/images/pfbg_1200.jpg +0 -0
  72. package/css/assets/images/pfbg_2000.jpg +0 -0
  73. package/css/assets/images/pfbg_576.jpg +0 -0
  74. package/css/assets/images/pfbg_576@2x.jpg +0 -0
  75. package/css/assets/images/pfbg_768.jpg +0 -0
  76. package/css/assets/images/pfbg_768@2x.jpg +0 -0
  77. package/css/assets/images/pfbg_992.jpg +0 -0
  78. package/css/assets/images/pfbg_992@2x.jpg +0 -0
  79. package/css/assets/images/status-icon-sprite.svg +0 -38
@@ -391,6 +391,7 @@
391
391
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
392
392
  --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
393
393
  --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
394
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
394
395
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
395
396
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
396
397
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -510,6 +511,7 @@
510
511
  .pf-v6-c-alert__toggle {
511
512
  margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
512
513
  margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
514
+ margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
513
515
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
514
516
  }
515
517
 
@@ -523,9 +525,7 @@
523
525
  }
524
526
 
525
527
  .pf-v6-c-alert__icon {
526
- display: flex;
527
528
  grid-area: icon;
528
- margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
529
529
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
530
530
  font-size: var(--pf-v6-c-alert__icon--FontSize);
531
531
  color: var(--pf-v6-c-alert__icon--Color);
@@ -558,10 +558,6 @@
558
558
  margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
559
559
  margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
560
560
  margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
561
- transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
562
- }
563
- .pf-v6-c-alert__action > .pf-v6-c-button {
564
- --pf-v6-c-button--LineHeight: 1;
565
561
  }
566
562
 
567
563
  .pf-v6-c-alert__action-group {
@@ -1436,6 +1432,7 @@ button.pf-v6-c-breadcrumb__link {
1436
1432
  --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
1437
1433
  --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
1438
1434
  --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
1435
+ --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
1439
1436
  --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
1440
1437
  --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
1441
1438
  --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -1454,6 +1451,7 @@ button.pf-v6-c-breadcrumb__link {
1454
1451
  --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
1455
1452
  --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
1456
1453
  --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
1454
+ --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
1457
1455
  --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
1458
1456
  --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
1459
1457
  --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
@@ -1522,7 +1520,9 @@ button.pf-v6-c-breadcrumb__link {
1522
1520
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
1523
1521
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
1524
1522
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
1523
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
1525
1524
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
1525
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
1526
1526
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
1527
1527
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
1528
1528
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
@@ -1686,6 +1686,7 @@ button.pf-v6-c-breadcrumb__link {
1686
1686
  .pf-v6-c-button.pf-m-secondary {
1687
1687
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
1688
1688
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
1689
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
1689
1690
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
1690
1691
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
1691
1692
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
@@ -1711,6 +1712,7 @@ button.pf-v6-c-breadcrumb__link {
1711
1712
  .pf-v6-c-button.pf-m-tertiary {
1712
1713
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
1713
1714
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
1715
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
1714
1716
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
1715
1717
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
1716
1718
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
@@ -1874,6 +1876,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1874
1876
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
1875
1877
  }
1876
1878
  .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
1879
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
1877
1880
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
1878
1881
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
1879
1882
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
@@ -1905,6 +1908,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1905
1908
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
1906
1909
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
1907
1910
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
1911
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
1908
1912
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
1909
1913
  text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
1910
1914
  }
@@ -3667,11 +3671,11 @@ ul) {
3667
3671
  --pf-v6-c-data-list__item-action--Display: flex;
3668
3672
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3669
3673
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3674
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
3675
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
3670
3676
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
3671
3677
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
3672
3678
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
3673
- --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3674
- --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3675
3679
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
3676
3680
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
3677
3681
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -3701,8 +3705,6 @@ ul) {
3701
3705
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3702
3706
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3703
3707
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
3704
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
3705
- --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
3706
3708
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3707
3709
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
3708
3710
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -3735,8 +3737,6 @@ ul) {
3735
3737
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
3736
3738
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
3737
3739
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
3738
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
3739
- --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
3740
3740
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
3741
3741
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
3742
3742
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -3882,8 +3882,8 @@ ul) {
3882
3882
  gap: var(--pf-v6-c-data-list__item-action--Gap);
3883
3883
  align-content: flex-start;
3884
3884
  align-items: flex-start;
3885
- padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
3886
- padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBlockEnd);
3885
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
3886
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
3887
3887
  margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
3888
3888
  }
3889
3889
  .pf-v6-c-data-list__item-action.pf-m-hidden {
@@ -3930,11 +3930,6 @@ ul) {
3930
3930
  }
3931
3931
  }
3932
3932
 
3933
- .pf-v6-c-data-list__action {
3934
- margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
3935
- margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
3936
- }
3937
-
3938
3933
  .pf-v6-c-data-list__toggle {
3939
3934
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
3940
3935
  margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
@@ -5451,10 +5446,6 @@ ul) {
5451
5446
  flex: 1 1;
5452
5447
  }
5453
5448
 
5454
- .pf-v6-c-drawer__body > .pf-v6-c-page__main {
5455
- height: 100%;
5456
- }
5457
-
5458
5449
  .pf-v6-c-drawer__splitter {
5459
5450
  position: relative;
5460
5451
  display: none;
@@ -6806,6 +6797,10 @@ ul) {
6806
6797
  --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
6807
6798
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
6808
6799
  --pf-v6-c-form-control--textarea--Height: auto;
6800
+ --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6801
+ --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6802
+ --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6803
+ --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6809
6804
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
6810
6805
  --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6811
6806
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -6861,18 +6856,33 @@ ul) {
6861
6856
  background-color: transparent;
6862
6857
  border: none;
6863
6858
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
6859
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
6864
6860
  -moz-appearance: none;
6865
6861
  -webkit-appearance: none;
6866
6862
  }
6867
- .pf-v6-c-form-control > :is(input, select, textarea):focus {
6868
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
6869
- }
6870
6863
  .pf-v6-c-form-control > ::placeholder {
6871
6864
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
6872
6865
  }
6873
6866
  .pf-v6-c-form-control > :is(input, select) {
6874
6867
  text-overflow: ellipsis;
6875
6868
  }
6869
+ .pf-v6-c-form-control.pf-m-textarea {
6870
+ padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
6871
+ padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
6872
+ padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
6873
+ padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
6874
+ }
6875
+ .pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
6876
+ --pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
6877
+ }
6878
+ .pf-v6-c-form-control.pf-m-textarea > textarea {
6879
+ padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
6880
+ padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
6881
+ padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
6882
+ padding-inline-end: calc(var(--pf-v6-c-form-control--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0));
6883
+ outline-offset: 0;
6884
+ scrollbar-gutter: stable;
6885
+ }
6876
6886
  .pf-v6-c-form-control.pf-m-readonly {
6877
6887
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
6878
6888
  --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
@@ -9889,7 +9899,7 @@ ul.pf-v6-c-list {
9889
9899
  }
9890
9900
 
9891
9901
  .pf-v6-c-menu-toggle {
9892
- --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
9902
+ --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
9893
9903
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
9894
9904
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
9895
9905
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -9954,26 +9964,30 @@ ul.pf-v6-c-list {
9954
9964
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
9955
9965
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
9956
9966
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
9957
- --pf-v6-c-menu-toggle__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
9958
9967
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
9959
9968
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
9960
9969
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9961
9970
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
9962
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
9963
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
9964
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-t--global--border--radius--pill);
9965
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
9966
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
9967
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
9968
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
9969
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
9970
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
9971
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
9972
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
9973
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
9974
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
9975
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
9976
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
9977
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
9978
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
9979
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
9980
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
9981
+ --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
9971
9982
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
9983
+ --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
9972
9984
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
9973
9985
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
9974
9986
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
9975
9987
  --pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
9976
9988
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9989
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
9990
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
9977
9991
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
9978
9992
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
9979
9993
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -9981,14 +9995,15 @@ ul.pf-v6-c-list {
9981
9995
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
9982
9996
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
9983
9997
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9984
- --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
9998
+ --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
9999
+ --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
10000
+ --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
9985
10001
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
9986
10002
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
9987
10003
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
9988
10004
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
9989
10005
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
9990
10006
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
9991
- --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
9992
10007
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
9993
10008
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
9994
10009
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -9997,12 +10012,13 @@ ul.pf-v6-c-list {
9997
10012
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
9998
10013
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
9999
10014
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
10015
+ --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
10000
10016
  }
10001
10017
 
10002
10018
  .pf-v6-c-menu-toggle {
10003
10019
  position: relative;
10004
10020
  display: inline-flex;
10005
- column-gap: var(--pf-v6-c-menu-toggle--ColumnGap);
10021
+ gap: var(--pf-v6-c-menu-toggle--Gap);
10006
10022
  align-items: center;
10007
10023
  justify-content: center;
10008
10024
  min-width: var(--pf-v6-c-menu-toggle--MinWidth);
@@ -10088,6 +10104,8 @@ ul.pf-v6-c-list {
10088
10104
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
10089
10105
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
10090
10106
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
10107
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
10108
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
10091
10109
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
10092
10110
  }
10093
10111
  .pf-v6-c-menu-toggle.pf-m-plain::before {
@@ -10116,9 +10134,6 @@ ul.pf-v6-c-list {
10116
10134
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
10117
10135
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
10118
10136
  }
10119
- .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
10120
- background-color: transparent;
10121
- }
10122
10137
  .pf-v6-c-menu-toggle.pf-m-success {
10123
10138
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
10124
10139
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
@@ -10147,7 +10162,8 @@ ul.pf-v6-c-list {
10147
10162
  }
10148
10163
 
10149
10164
  .pf-v6-c-menu-toggle.pf-m-split-button {
10150
- --pf-v6-c-menu-toggle--ColumnGap: 0;
10165
+ --pf-v6-c-menu-toggle--Gap: 0;
10166
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
10151
10167
  padding: 0;
10152
10168
  }
10153
10169
  .pf-v6-c-menu-toggle.pf-m-split-button > * {
@@ -10166,7 +10182,6 @@ ul.pf-v6-c-list {
10166
10182
  border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
10167
10183
  }
10168
10184
  .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
10169
- --pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
10170
10185
  --pf-v6-c-check__label--Color: currentcolor;
10171
10186
  --pf-v6-c-check__label--disabled--Color: currentcolor;
10172
10187
  align-items: center;
@@ -10176,49 +10191,51 @@ ul.pf-v6-c-list {
10176
10191
  --pf-v6-c-check__input--TranslateY: 0;
10177
10192
  align-self: center;
10178
10193
  }
10179
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-plain {
10180
- --pf-v6-c-menu-toggle--BorderColor: transparent;
10181
- }
10182
-
10183
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
10184
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
10194
+ .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
10195
+ border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor);
10185
10196
  }
10186
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
10187
- border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor);
10197
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
10198
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
10188
10199
  }
10189
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
10190
- padding-inline-end: 0;
10200
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
10201
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
10202
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
10191
10203
  }
10192
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
10193
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor);
10204
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
10205
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
10206
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor);
10194
10207
  }
10195
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
10196
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
10208
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
10209
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor);
10197
10210
  }
10198
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:hover, :focus) {
10199
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
10211
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
10212
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
10200
10213
  }
10201
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
10202
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor);
10214
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
10215
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
10216
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
10217
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
10203
10218
  }
10204
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
10205
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor);
10219
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
10220
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
10221
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
10222
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
10206
10223
  }
10207
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
10208
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor);
10209
- }
10210
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
10211
- content: none;
10224
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
10225
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
10212
10226
  }
10213
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
10214
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor);
10227
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
10228
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
10215
10229
  color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
10216
10230
  background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
10217
10231
  }
10232
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
10233
+ content: none;
10234
+ }
10218
10235
 
10219
10236
  .pf-v6-c-menu-toggle.pf-m-typeahead {
10220
10237
  --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
10221
- --pf-v6-c-menu-toggle--ColumnGap: 0;
10238
+ --pf-v6-c-menu-toggle--Gap: 0;
10222
10239
  align-items: stretch;
10223
10240
  padding: 0;
10224
10241
  }
@@ -10236,6 +10253,7 @@ ul.pf-v6-c-list {
10236
10253
  }
10237
10254
 
10238
10255
  .pf-v6-c-menu-toggle__button {
10256
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
10239
10257
  align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
10240
10258
  min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
10241
10259
  padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
@@ -10244,13 +10262,13 @@ ul.pf-v6-c-list {
10244
10262
  background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
10245
10263
  border: 0;
10246
10264
  }
10247
- .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
10248
- padding-inline-start: 0;
10249
- }
10250
10265
  .pf-v6-c-menu-toggle__button.pf-m-text {
10251
10266
  display: inline-flex;
10252
10267
  align-items: baseline;
10253
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
10268
+ }
10269
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
10270
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
10271
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
10254
10272
  }
10255
10273
 
10256
10274
  .pf-v6-c-menu-toggle__text {
@@ -10265,7 +10283,6 @@ ul.pf-v6-c-list {
10265
10283
  flex-wrap: nowrap;
10266
10284
  }
10267
10285
 
10268
- .pf-v6-c-menu-toggle__icon,
10269
10286
  .pf-v6-c-menu-toggle__controls,
10270
10287
  .pf-v6-c-menu-toggle__toggle-icon {
10271
10288
  display: flex;
@@ -10275,11 +10292,16 @@ ul.pf-v6-c-list {
10275
10292
 
10276
10293
  .pf-v6-c-menu-toggle__icon {
10277
10294
  flex-shrink: 0;
10278
- min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
10295
+ }
10296
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
10297
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
10298
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
10299
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
10300
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
10279
10301
  }
10280
10302
 
10281
10303
  .pf-v6-c-menu-toggle__controls {
10282
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
10304
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
10283
10305
  margin-inline-start: auto;
10284
10306
  }
10285
10307
 
@@ -10289,7 +10311,6 @@ ul.pf-v6-c-list {
10289
10311
  }
10290
10312
 
10291
10313
  .pf-v6-c-menu-toggle__status-icon {
10292
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
10293
10314
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
10294
10315
  }
10295
10316
 
@@ -11334,6 +11355,7 @@ ul.pf-v6-c-list {
11334
11355
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
11335
11356
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
11336
11357
  --pf-v6-c-page__sidebar--Width: 18.125rem;
11358
+ --pf-v6-c-page__sidebar--xl--Width: auto;
11337
11359
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11338
11360
  --pf-v6-c-page__sidebar--BoxShadow: none;
11339
11361
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -11342,7 +11364,7 @@ ul.pf-v6-c-list {
11342
11364
  --pf-v6-c-page__sidebar--TranslateZ: 0;
11343
11365
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
11344
11366
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
11345
- --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
11367
+ --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
11346
11368
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11347
11369
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
11348
11370
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
@@ -11355,7 +11377,7 @@ ul.pf-v6-c-list {
11355
11377
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
11356
11378
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
11357
11379
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
11358
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
11380
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
11359
11381
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
11360
11382
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
11361
11383
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
@@ -11368,8 +11390,8 @@ ul.pf-v6-c-list {
11368
11390
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11369
11391
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
11370
11392
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
11371
- --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
11372
- --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
11393
+ --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
11394
+ --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
11373
11395
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
11374
11396
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
11375
11397
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -11426,6 +11448,7 @@ ul.pf-v6-c-list {
11426
11448
  }
11427
11449
  @media (min-width: 75rem) {
11428
11450
  .pf-v6-c-page {
11451
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
11429
11452
  grid-template-areas: "header header" "sidebar main";
11430
11453
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
11431
11454
  }
@@ -11935,11 +11958,11 @@ ul.pf-v6-c-list {
11935
11958
  flex-shrink: 0;
11936
11959
  }
11937
11960
 
11938
- .pf-v6-c-page__drawer {
11939
- grid-area: main;
11961
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
11962
+ align-self: revert;
11940
11963
  }
11941
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
11942
- flex: 1 0 auto;
11964
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
11965
+ flex-grow: 1;
11943
11966
  }
11944
11967
 
11945
11968
  .pf-v6-c-pagination {
@@ -11961,17 +11984,23 @@ ul.pf-v6-c-list {
11961
11984
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11962
11985
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
11963
11986
  --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
11964
- --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11965
11987
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11966
11988
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11967
- --pf-v6-c-pagination--m-sticky--ZIndex: 100;
11989
+ --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11990
+ --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
11968
11991
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
11969
11992
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11970
11993
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
11971
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
11972
- --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11973
- --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11974
11994
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
11995
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
11996
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11997
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11998
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
11999
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12000
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
12001
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
12002
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12003
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
11975
12004
  --pf-v6-c-pagination__page-menu--Display--base: block;
11976
12005
  --pf-v6-c-pagination__page-menu--Display: none;
11977
12006
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -12011,17 +12040,13 @@ ul.pf-v6-c-list {
12011
12040
  position: sticky;
12012
12041
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
12013
12042
  justify-content: center;
12014
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--PaddingInlineStart);
12015
- padding-inline-end: var(--pf-v6-c-pagination--m-bottom--PaddingInlineEnd);
12043
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
12044
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
12045
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
12046
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
12016
12047
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
12017
12048
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
12018
12049
  }
12019
- .pf-v6-c-pagination.pf-m-bottom.pf-m-static {
12020
- --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
12021
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
12022
- position: relative;
12023
- box-shadow: none;
12024
- }
12025
12050
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12026
12051
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
12027
12052
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -12043,6 +12068,10 @@ ul.pf-v6-c-list {
12043
12068
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
12044
12069
  position: relative;
12045
12070
  justify-content: flex-end;
12071
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
12072
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
12073
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
12074
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
12046
12075
  }
12047
12076
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12048
12077
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -12060,15 +12089,23 @@ ul.pf-v6-c-list {
12060
12089
  flex-basis: auto;
12061
12090
  }
12062
12091
  }
12092
+ .pf-v6-c-pagination.pf-m-static {
12093
+ position: relative;
12094
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
12095
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
12096
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
12097
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
12098
+ box-shadow: none;
12099
+ }
12063
12100
  .pf-v6-c-pagination.pf-m-sticky {
12064
12101
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12065
12102
  position: sticky;
12066
12103
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
12067
12104
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
12068
- padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
12069
- padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
12070
- padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
12071
- padding-inline-end: var(--pf-v6-c-pagination--m-sticky--PaddingInlineEnd);
12105
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
12106
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
12107
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
12108
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
12072
12109
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
12073
12110
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
12074
12111
  }
@@ -14540,9 +14577,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14540
14577
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
14541
14578
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
14542
14579
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
14543
- --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14580
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
14544
14581
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
14545
- --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14582
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
14546
14583
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
14547
14584
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14548
14585
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -14572,8 +14609,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14572
14609
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
14573
14610
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14574
14611
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14575
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14576
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14612
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
14613
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
14577
14614
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14578
14615
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
14579
14616
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -14591,6 +14628,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14591
14628
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
14592
14629
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
14593
14630
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
14631
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
14594
14632
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
14595
14633
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
14596
14634
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -14890,6 +14928,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14890
14928
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
14891
14929
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
14892
14930
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
14931
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
14893
14932
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
14894
14933
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
14895
14934
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15192,6 +15231,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15192
15231
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15193
15232
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15194
15233
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
15234
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
15195
15235
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15196
15236
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15197
15237
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15494,6 +15534,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15494
15534
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15495
15535
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15496
15536
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
15537
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
15497
15538
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15498
15539
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15499
15540
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15796,6 +15837,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15796
15837
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15797
15838
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15798
15839
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
15840
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
15799
15841
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15800
15842
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15801
15843
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -16101,7 +16143,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16101
16143
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
16102
16144
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16103
16145
  --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16104
- --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16146
+ --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
16105
16147
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
16106
16148
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
16107
16149
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -16119,7 +16161,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16119
16161
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
16120
16162
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
16121
16163
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
16122
- --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
16164
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
16123
16165
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
16124
16166
  --pf-v6-c-table--cell--MinWidth: 0;
16125
16167
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -16348,10 +16390,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16348
16390
  }
16349
16391
  }
16350
16392
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16351
- padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineStart));
16393
+ padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
16352
16394
  }
16353
16395
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
16354
- padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
16396
+ padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
16355
16397
  }
16356
16398
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
16357
16399
  text-align: center;
@@ -16584,7 +16626,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16584
16626
  .pf-v6-c-table__column-help {
16585
16627
  display: inline-grid;
16586
16628
  grid-template-columns: auto max-content;
16587
- align-items: baseline;
16629
+ align-items: last baseline;
16588
16630
  justify-content: start;
16589
16631
  }
16590
16632
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -16749,6 +16791,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
16749
16791
  }
16750
16792
 
16751
16793
  .pf-v6-c-table__column-help-action {
16794
+ align-self: last baseline;
16752
16795
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
16753
16796
  }
16754
16797