@patternfly/patternfly 6.0.0-prerelease.13 → 6.0.0-prerelease.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -59
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +12 -4
  7. package/base/tokens/tokens-default.scss +44 -27
  8. package/base/tokens/tokens-local.scss +30 -30
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/Alert/alert.css +2 -6
  11. package/components/Alert/alert.scss +2 -7
  12. package/components/Button/button.css +8 -0
  13. package/components/Button/button.scss +8 -0
  14. package/components/DataList/data-list.css +4 -13
  15. package/components/DataList/data-list.scss +4 -14
  16. package/components/Drawer/drawer.css +0 -4
  17. package/components/Drawer/drawer.scss +0 -5
  18. package/components/FormControl/form-control.css +22 -3
  19. package/components/FormControl/form-control.scss +27 -4
  20. package/components/MenuToggle/menu-toggle.css +66 -55
  21. package/components/MenuToggle/menu-toggle.scss +76 -65
  22. package/components/Page/page.css +10 -8
  23. package/components/Page/page.scss +11 -8
  24. package/components/Pagination/pagination.css +31 -17
  25. package/components/Pagination/pagination.scss +35 -23
  26. package/components/Table/table-grid.css +9 -4
  27. package/components/Table/table-grid.scss +5 -4
  28. package/components/Table/table.css +6 -5
  29. package/components/Table/table.scss +6 -5
  30. package/components/_index.css +158 -115
  31. package/docs/components/Brand/examples/Brand.md +2 -2
  32. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  33. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  34. package/docs/components/DataList/examples/DataList.md +187 -221
  35. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  36. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  37. package/docs/components/Form/examples/Form.md +4 -2
  38. package/docs/components/FormControl/examples/FormControl.md +10 -10
  39. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  40. package/docs/components/Login/examples/Login.md +6 -6
  41. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  42. package/docs/components/Pagination/examples/Pagination.md +12 -12
  43. package/docs/components/Table/examples/Table.md +1 -1
  44. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  45. package/docs/demos/Card/examples/Card.md +4 -4
  46. package/docs/demos/CardView/examples/CardView.md +10 -4
  47. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  48. package/docs/demos/DataList/examples/DataList.md +37 -13
  49. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  50. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  51. package/docs/demos/Page/examples/Page.md +2 -2
  52. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  53. package/docs/demos/Table/examples/Table.md +214 -70
  54. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  55. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  56. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  57. package/package.json +5 -5
  58. package/patternfly-base-no-globals.css +84 -59
  59. package/patternfly-base.css +99 -59
  60. package/patternfly-no-globals.css +242 -174
  61. package/patternfly.css +257 -174
  62. package/patternfly.min.css +1 -1
  63. package/patternfly.min.css.map +1 -1
  64. package/assets/images/PF-Masthead-Logo.svg +0 -1
  65. package/assets/images/background-filter.svg +0 -17
  66. package/assets/images/g_sizing.png +0 -0
  67. package/assets/images/img_avatar-dark.svg +0 -22
  68. package/assets/images/img_avatar.svg +0 -21
  69. package/assets/images/l_pf-reverse-164x11.png +0 -0
  70. package/assets/images/l_pf-reverse.svg +0 -1
  71. package/assets/images/logo-dropbox-old.svg +0 -1
  72. package/assets/images/logo-dropbox.svg +0 -6
  73. package/assets/images/logo-facebook.svg +0 -4
  74. package/assets/images/logo-github.svg +0 -4
  75. package/assets/images/logo-gitlab.svg +0 -4
  76. package/assets/images/logo-google.svg +0 -4
  77. package/assets/images/logo-google2.svg +0 -10
  78. package/assets/images/logo__pf--reverse--base.png +0 -0
  79. package/assets/images/logo__pf--reverse--base.svg +0 -40
  80. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  81. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  82. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  83. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  84. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  85. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  86. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  87. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  88. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  89. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  90. package/assets/images/pf-c-brand__logo.svg +0 -10
  91. package/assets/images/pf-logo.svg +0 -28
  92. package/assets/images/pf_logo.svg +0 -37
  93. package/assets/images/pf_logo_color.svg +0 -22
  94. package/assets/images/pf_logo_white.svg +0 -37
  95. package/assets/images/pf_mini_logo_white.svg +0 -1
  96. package/assets/images/pfbg_1200.jpg +0 -0
  97. package/assets/images/pfbg_2000.jpg +0 -0
  98. package/assets/images/pfbg_576.jpg +0 -0
  99. package/assets/images/pfbg_576@2x.jpg +0 -0
  100. package/assets/images/pfbg_768.jpg +0 -0
  101. package/assets/images/pfbg_768@2x.jpg +0 -0
  102. package/assets/images/pfbg_992.jpg +0 -0
  103. package/assets/images/pfbg_992@2x.jpg +0 -0
  104. package/assets/images/status-icon-sprite.svg +0 -38
package/patternfly.css CHANGED
@@ -30,6 +30,21 @@ h6) {
30
30
  *::before,
31
31
  *::after {
32
32
  box-sizing: border-box;
33
+ scrollbar-color: var(--pf-t--global--border--color--default) transparent;
34
+ }
35
+
36
+ *::-webkit-scrollbar-thumb {
37
+ background-color: var(--pf-t--global--border--color--default);
38
+ border-radius: var(--pf-t--global--spacer--xs);
39
+ }
40
+
41
+ *::-webkit-scrollbar-track {
42
+ background-color: transparent;
43
+ }
44
+
45
+ *::-webkit-scrollbar {
46
+ max-width: var(--pf-t--global--spacer--sm);
47
+ max-height: var(--pf-t--global--spacer--sm);
33
48
  }
34
49
 
35
50
  :where(html,
@@ -6423,26 +6438,33 @@ button) {
6423
6438
  --pf-t--global--border--width--100: 1px;
6424
6439
  --pf-t--global--border--width--200: 2px;
6425
6440
  --pf-t--global--border--width--300: 3px;
6426
- --pf-t--global--box-shadow--X--100: -8px;
6441
+ --pf-t--global--box-shadow--X--100: -10px;
6427
6442
  --pf-t--global--box-shadow--X--200: -4px;
6428
6443
  --pf-t--global--box-shadow--X--300: -1px;
6429
6444
  --pf-t--global--box-shadow--X--400: 0px;
6445
+ --pf-t--global--box-shadow--X--50: -20px;
6430
6446
  --pf-t--global--box-shadow--X--500: 1px;
6431
6447
  --pf-t--global--box-shadow--X--600: 4px;
6432
- --pf-t--global--box-shadow--X--700: 8px;
6433
- --pf-t--global--box-shadow--Y--100: -8px;
6448
+ --pf-t--global--box-shadow--X--700: 10px;
6449
+ --pf-t--global--box-shadow--X--800: 20px;
6450
+ --pf-t--global--box-shadow--Y--100: -10px;
6434
6451
  --pf-t--global--box-shadow--Y--200: -4px;
6435
6452
  --pf-t--global--box-shadow--Y--300: -1px;
6436
6453
  --pf-t--global--box-shadow--Y--400: 0px;
6454
+ --pf-t--global--box-shadow--Y--50: -20px;
6437
6455
  --pf-t--global--box-shadow--Y--500: 1px;
6438
6456
  --pf-t--global--box-shadow--Y--600: 4px;
6439
- --pf-t--global--box-shadow--Y--700: 8px;
6457
+ --pf-t--global--box-shadow--Y--700: 10px;
6458
+ --pf-t--global--box-shadow--Y--800: 20px;
6440
6459
  --pf-t--global--box-shadow--blur--100: 4px;
6441
- --pf-t--global--box-shadow--blur--200: 8px;
6442
- --pf-t--global--box-shadow--blur--300: 24px;
6443
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
6444
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
6460
+ --pf-t--global--box-shadow--blur--200: 9px;
6461
+ --pf-t--global--box-shadow--blur--300: 20px;
6462
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6463
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6445
6464
  --pf-t--global--box-shadow--spread--100: 0px;
6465
+ --pf-t--global--box-shadow--spread--200: -4px;
6466
+ --pf-t--global--box-shadow--spread--300: -8px;
6467
+ --pf-t--global--box-shadow--spread--400: -20px;
6446
6468
  --pf-t--global--breakpoint--100: 0rem;
6447
6469
  --pf-t--global--breakpoint--200: 36rem;
6448
6470
  --pf-t--global--breakpoint--250: 40rem;
@@ -6511,11 +6533,13 @@ button) {
6511
6533
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
6512
6534
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
6513
6535
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
6536
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
6514
6537
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
6515
6538
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
6516
6539
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6517
6540
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6518
6541
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6542
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6519
6543
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6520
6544
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6521
6545
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
@@ -6545,43 +6569,49 @@ button) {
6545
6569
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
6546
6570
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
6547
6571
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
6548
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
6549
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
6572
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
6573
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
6550
6574
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
6551
6575
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
6552
6576
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
6553
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
6554
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
6577
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
6578
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
6555
6579
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
6556
6580
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
6557
6581
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
6558
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
6559
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
6582
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
6583
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
6560
6584
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
6561
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
6585
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
6562
6586
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
6563
6587
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
6564
6588
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
6565
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
6566
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
6589
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
6590
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
6567
6591
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
6568
6592
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
6569
6593
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
6570
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
6571
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
6594
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
6595
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
6572
6596
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
6573
6597
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
6574
6598
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
6575
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
6599
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
6576
6600
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
6577
6601
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
6578
6602
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
6579
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
6580
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
6581
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
6582
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
6583
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
6584
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
6603
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
6604
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
6605
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
6606
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
6607
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
6608
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
6609
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
6610
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
6611
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
6612
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
6613
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
6614
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
6585
6615
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
6586
6616
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
6587
6617
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
@@ -6728,7 +6758,9 @@ button) {
6728
6758
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
6729
6759
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
6730
6760
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
6761
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
6731
6762
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
6763
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
6732
6764
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
6733
6765
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
6734
6766
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
@@ -7090,92 +7122,92 @@ button) {
7090
7122
  var(--pf-t--global--box-shadow--X--sm--default)
7091
7123
  var(--pf-t--global--box-shadow--Y--sm--default)
7092
7124
  var(--pf-t--global--box-shadow--blur--sm)
7093
- var(--pf-t--global--box-shadow--spread--sm)
7094
- var(--pf-t--global--box-shadow--color--sm);
7125
+ var(--pf-t--global--box-shadow--spread--sm--default)
7126
+ var(--pf-t--global--box-shadow--color--sm--default);
7095
7127
  --pf-t--global--box-shadow--sm--top:
7096
7128
  var(--pf-t--global--box-shadow--X--sm--top)
7097
7129
  var(--pf-t--global--box-shadow--Y--sm--top)
7098
7130
  var(--pf-t--global--box-shadow--blur--sm)
7099
- var(--pf-t--global--box-shadow--spread--sm)
7100
- var(--pf-t--global--box-shadow--color--sm);
7131
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7132
+ var(--pf-t--global--box-shadow--color--sm--directional);
7101
7133
  --pf-t--global--box-shadow--sm--bottom:
7102
7134
  var(--pf-t--global--box-shadow--X--sm--bottom)
7103
7135
  var(--pf-t--global--box-shadow--Y--sm--bottom)
7104
7136
  var(--pf-t--global--box-shadow--blur--sm)
7105
- var(--pf-t--global--box-shadow--spread--sm)
7106
- var(--pf-t--global--box-shadow--color--sm);
7137
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7138
+ var(--pf-t--global--box-shadow--color--sm--directional);
7107
7139
  --pf-t--global--box-shadow--sm--left:
7108
7140
  var(--pf-t--global--box-shadow--X--sm--left)
7109
7141
  var(--pf-t--global--box-shadow--Y--sm--left)
7110
7142
  var(--pf-t--global--box-shadow--blur--sm)
7111
- var(--pf-t--global--box-shadow--spread--sm)
7112
- var(--pf-t--global--box-shadow--color--sm);
7143
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7144
+ var(--pf-t--global--box-shadow--color--sm--directional);
7113
7145
  --pf-t--global--box-shadow--sm--right:
7114
7146
  var(--pf-t--global--box-shadow--X--sm--right)
7115
7147
  var(--pf-t--global--box-shadow--Y--sm--right)
7116
7148
  var(--pf-t--global--box-shadow--blur--sm)
7117
- var(--pf-t--global--box-shadow--spread--sm)
7118
- var(--pf-t--global--box-shadow--color--sm);
7149
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7150
+ var(--pf-t--global--box-shadow--color--sm--directional);
7119
7151
  --pf-t--global--box-shadow--md:
7120
7152
  var(--pf-t--global--box-shadow--X--md--default)
7121
7153
  var(--pf-t--global--box-shadow--Y--md--default)
7122
7154
  var(--pf-t--global--box-shadow--blur--md)
7123
- var(--pf-t--global--box-shadow--spread--md)
7124
- var(--pf-t--global--box-shadow--color--md);
7155
+ var(--pf-t--global--box-shadow--spread--md--default)
7156
+ var(--pf-t--global--box-shadow--color--md--default);
7125
7157
  --pf-t--global--box-shadow--md--top:
7126
7158
  var(--pf-t--global--box-shadow--X--md--top)
7127
7159
  var(--pf-t--global--box-shadow--Y--md--top)
7128
7160
  var(--pf-t--global--box-shadow--blur--md)
7129
- var(--pf-t--global--box-shadow--spread--md)
7130
- var(--pf-t--global--box-shadow--color--md);
7161
+ var(--pf-t--global--box-shadow--spread--md--directional)
7162
+ var(--pf-t--global--box-shadow--color--md--directional);
7131
7163
  --pf-t--global--box-shadow--md--bottom:
7132
7164
  var(--pf-t--global--box-shadow--X--md--bottom)
7133
7165
  var(--pf-t--global--box-shadow--Y--md--bottom)
7134
7166
  var(--pf-t--global--box-shadow--blur--md)
7135
- var(--pf-t--global--box-shadow--spread--md)
7136
- var(--pf-t--global--box-shadow--color--md);
7167
+ var(--pf-t--global--box-shadow--spread--md--directional)
7168
+ var(--pf-t--global--box-shadow--color--md--directional);
7137
7169
  --pf-t--global--box-shadow--md--left:
7138
7170
  var(--pf-t--global--box-shadow--X--md--left)
7139
7171
  var(--pf-t--global--box-shadow--Y--md--left)
7140
7172
  var(--pf-t--global--box-shadow--blur--md)
7141
- var(--pf-t--global--box-shadow--spread--md)
7142
- var(--pf-t--global--box-shadow--color--md);
7173
+ var(--pf-t--global--box-shadow--spread--md--directional)
7174
+ var(--pf-t--global--box-shadow--color--md--directional);
7143
7175
  --pf-t--global--box-shadow--md--right:
7144
7176
  var(--pf-t--global--box-shadow--X--md--right)
7145
7177
  var(--pf-t--global--box-shadow--Y--md--right)
7146
7178
  var(--pf-t--global--box-shadow--blur--md)
7147
- var(--pf-t--global--box-shadow--spread--md)
7148
- var(--pf-t--global--box-shadow--color--md);
7179
+ var(--pf-t--global--box-shadow--spread--md--directional)
7180
+ var(--pf-t--global--box-shadow--color--md--directional);
7149
7181
  --pf-t--global--box-shadow--lg:
7150
7182
  var(--pf-t--global--box-shadow--X--lg--default)
7151
7183
  var(--pf-t--global--box-shadow--Y--lg--default)
7152
7184
  var(--pf-t--global--box-shadow--blur--lg)
7153
- var(--pf-t--global--box-shadow--spread--lg)
7154
- var(--pf-t--global--box-shadow--color--lg);
7185
+ var(--pf-t--global--box-shadow--spread--lg--default)
7186
+ var(--pf-t--global--box-shadow--color--lg--default);
7155
7187
  --pf-t--global--box-shadow--lg--top:
7156
7188
  var(--pf-t--global--box-shadow--X--lg--top)
7157
7189
  var(--pf-t--global--box-shadow--Y--lg--top)
7158
7190
  var(--pf-t--global--box-shadow--blur--lg)
7159
- var(--pf-t--global--box-shadow--spread--lg)
7160
- var(--pf-t--global--box-shadow--color--lg);
7191
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7192
+ var(--pf-t--global--box-shadow--color--lg--directional);
7161
7193
  --pf-t--global--box-shadow--lg--bottom:
7162
7194
  var(--pf-t--global--box-shadow--X--lg--bottom)
7163
7195
  var(--pf-t--global--box-shadow--Y--lg--bottom)
7164
7196
  var(--pf-t--global--box-shadow--blur--lg)
7165
- var(--pf-t--global--box-shadow--spread--lg)
7166
- var(--pf-t--global--box-shadow--color--lg);
7197
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7198
+ var(--pf-t--global--box-shadow--color--lg--directional);
7167
7199
  --pf-t--global--box-shadow--lg--left:
7168
7200
  var(--pf-t--global--box-shadow--X--lg--left)
7169
7201
  var(--pf-t--global--box-shadow--Y--lg--left)
7170
7202
  var(--pf-t--global--box-shadow--blur--lg)
7171
- var(--pf-t--global--box-shadow--spread--lg)
7172
- var(--pf-t--global--box-shadow--color--lg);
7203
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7204
+ var(--pf-t--global--box-shadow--color--lg--directional);
7173
7205
  --pf-t--global--box-shadow--lg--right:
7174
7206
  var(--pf-t--global--box-shadow--X--lg--right)
7175
7207
  var(--pf-t--global--box-shadow--Y--lg--right)
7176
7208
  var(--pf-t--global--box-shadow--blur--lg)
7177
- var(--pf-t--global--box-shadow--spread--lg)
7178
- var(--pf-t--global--box-shadow--color--lg);
7209
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7210
+ var(--pf-t--global--box-shadow--color--lg--directional);
7179
7211
  --pf-t--global--list-style: disc outside;
7180
7212
  --pf-t--temp--dev--tbd: #BC11E0;
7181
7213
  }
@@ -7185,16 +7217,22 @@ button) {
7185
7217
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7186
7218
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7187
7219
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7220
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7188
7221
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7189
7222
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7190
7223
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7191
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
7192
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
7193
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
7224
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7225
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7226
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
7227
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
7228
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
7229
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
7230
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
7194
7231
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
7195
7232
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
7196
7233
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
7197
7234
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
7235
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
7198
7236
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
7199
7237
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7200
7238
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -7273,7 +7311,9 @@ button) {
7273
7311
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
7274
7312
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
7275
7313
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
7314
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
7276
7315
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
7316
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
7277
7317
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
7278
7318
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
7279
7319
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
@@ -7949,6 +7989,7 @@ button) {
7949
7989
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
7950
7990
  --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
7951
7991
  --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
7992
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
7952
7993
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7953
7994
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
7954
7995
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -8068,6 +8109,7 @@ button) {
8068
8109
  .pf-v6-c-alert__toggle {
8069
8110
  margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
8070
8111
  margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
8112
+ margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
8071
8113
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
8072
8114
  }
8073
8115
 
@@ -8081,9 +8123,7 @@ button) {
8081
8123
  }
8082
8124
 
8083
8125
  .pf-v6-c-alert__icon {
8084
- display: flex;
8085
8126
  grid-area: icon;
8086
- margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
8087
8127
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
8088
8128
  font-size: var(--pf-v6-c-alert__icon--FontSize);
8089
8129
  color: var(--pf-v6-c-alert__icon--Color);
@@ -8116,10 +8156,6 @@ button) {
8116
8156
  margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
8117
8157
  margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
8118
8158
  margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
8119
- transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
8120
- }
8121
- .pf-v6-c-alert__action > .pf-v6-c-button {
8122
- --pf-v6-c-button--LineHeight: 1;
8123
8159
  }
8124
8160
 
8125
8161
  .pf-v6-c-alert__action-group {
@@ -8994,6 +9030,7 @@ button.pf-v6-c-breadcrumb__link {
8994
9030
  --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
8995
9031
  --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
8996
9032
  --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
9033
+ --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
8997
9034
  --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
8998
9035
  --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
8999
9036
  --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -9012,6 +9049,7 @@ button.pf-v6-c-breadcrumb__link {
9012
9049
  --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
9013
9050
  --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
9014
9051
  --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
9052
+ --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
9015
9053
  --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
9016
9054
  --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
9017
9055
  --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
@@ -9080,7 +9118,9 @@ button.pf-v6-c-breadcrumb__link {
9080
9118
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
9081
9119
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
9082
9120
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
9121
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
9083
9122
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
9123
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
9084
9124
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
9085
9125
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
9086
9126
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
@@ -9244,6 +9284,7 @@ button.pf-v6-c-breadcrumb__link {
9244
9284
  .pf-v6-c-button.pf-m-secondary {
9245
9285
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
9246
9286
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
9287
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
9247
9288
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
9248
9289
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
9249
9290
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
@@ -9269,6 +9310,7 @@ button.pf-v6-c-breadcrumb__link {
9269
9310
  .pf-v6-c-button.pf-m-tertiary {
9270
9311
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
9271
9312
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
9313
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
9272
9314
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
9273
9315
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
9274
9316
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
@@ -9432,6 +9474,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9432
9474
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
9433
9475
  }
9434
9476
  .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
9477
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
9435
9478
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
9436
9479
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
9437
9480
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
@@ -9463,6 +9506,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9463
9506
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9464
9507
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9465
9508
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9509
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9466
9510
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9467
9511
  text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
9468
9512
  }
@@ -11225,11 +11269,11 @@ ul) {
11225
11269
  --pf-v6-c-data-list__item-action--Display: flex;
11226
11270
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
11227
11271
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11272
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
11273
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
11228
11274
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11229
11275
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
11230
11276
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
11231
- --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11232
- --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11233
11277
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
11234
11278
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
11235
11279
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -11259,8 +11303,6 @@ ul) {
11259
11303
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11260
11304
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11261
11305
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11262
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
11263
- --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
11264
11306
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11265
11307
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
11266
11308
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -11293,8 +11335,6 @@ ul) {
11293
11335
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
11294
11336
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
11295
11337
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
11296
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
11297
- --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
11298
11338
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
11299
11339
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
11300
11340
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -11440,8 +11480,8 @@ ul) {
11440
11480
  gap: var(--pf-v6-c-data-list__item-action--Gap);
11441
11481
  align-content: flex-start;
11442
11482
  align-items: flex-start;
11443
- padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
11444
- padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBlockEnd);
11483
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
11484
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
11445
11485
  margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
11446
11486
  }
11447
11487
  .pf-v6-c-data-list__item-action.pf-m-hidden {
@@ -11488,11 +11528,6 @@ ul) {
11488
11528
  }
11489
11529
  }
11490
11530
 
11491
- .pf-v6-c-data-list__action {
11492
- margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
11493
- margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
11494
- }
11495
-
11496
11531
  .pf-v6-c-data-list__toggle {
11497
11532
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
11498
11533
  margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
@@ -13009,10 +13044,6 @@ ul) {
13009
13044
  flex: 1 1;
13010
13045
  }
13011
13046
 
13012
- .pf-v6-c-drawer__body > .pf-v6-c-page__main {
13013
- height: 100%;
13014
- }
13015
-
13016
13047
  .pf-v6-c-drawer__splitter {
13017
13048
  position: relative;
13018
13049
  display: none;
@@ -14364,6 +14395,10 @@ ul) {
14364
14395
  --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));
14365
14396
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
14366
14397
  --pf-v6-c-form-control--textarea--Height: auto;
14398
+ --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14399
+ --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14400
+ --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14401
+ --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14367
14402
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
14368
14403
  --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
14369
14404
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -14419,18 +14454,33 @@ ul) {
14419
14454
  background-color: transparent;
14420
14455
  border: none;
14421
14456
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
14457
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14422
14458
  -moz-appearance: none;
14423
14459
  -webkit-appearance: none;
14424
14460
  }
14425
- .pf-v6-c-form-control > :is(input, select, textarea):focus {
14426
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14427
- }
14428
14461
  .pf-v6-c-form-control > ::placeholder {
14429
14462
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
14430
14463
  }
14431
14464
  .pf-v6-c-form-control > :is(input, select) {
14432
14465
  text-overflow: ellipsis;
14433
14466
  }
14467
+ .pf-v6-c-form-control.pf-m-textarea {
14468
+ padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
14469
+ padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
14470
+ padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
14471
+ padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
14472
+ }
14473
+ .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 {
14474
+ --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));
14475
+ }
14476
+ .pf-v6-c-form-control.pf-m-textarea > textarea {
14477
+ padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
14478
+ padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
14479
+ padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
14480
+ 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));
14481
+ outline-offset: 0;
14482
+ scrollbar-gutter: stable;
14483
+ }
14434
14484
  .pf-v6-c-form-control.pf-m-readonly {
14435
14485
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
14436
14486
  --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
@@ -17447,7 +17497,7 @@ ul.pf-v6-c-list {
17447
17497
  }
17448
17498
 
17449
17499
  .pf-v6-c-menu-toggle {
17450
- --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
17500
+ --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
17451
17501
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
17452
17502
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17453
17503
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -17512,26 +17562,30 @@ ul.pf-v6-c-list {
17512
17562
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
17513
17563
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
17514
17564
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
17515
- --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));
17516
17565
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
17517
17566
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
17518
17567
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
17519
17568
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17520
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
17521
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17522
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-t--global--border--radius--pill);
17523
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17524
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17525
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17526
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17527
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
17528
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
17569
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
17570
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17571
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
17572
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17573
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
17574
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
17575
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17576
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17577
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17578
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
17579
+ --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
17529
17580
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
17581
+ --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
17530
17582
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
17531
17583
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
17532
17584
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
17533
17585
  --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));
17534
17586
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
17587
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
17588
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17535
17589
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
17536
17590
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
17537
17591
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -17539,14 +17593,15 @@ ul.pf-v6-c-list {
17539
17593
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17540
17594
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17541
17595
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17542
- --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
17596
+ --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
17597
+ --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
17598
+ --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
17543
17599
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
17544
17600
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
17545
17601
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
17546
17602
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
17547
17603
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17548
17604
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17549
- --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
17550
17605
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
17551
17606
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
17552
17607
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -17555,12 +17610,13 @@ ul.pf-v6-c-list {
17555
17610
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
17556
17611
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
17557
17612
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17613
+ --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
17558
17614
  }
17559
17615
 
17560
17616
  .pf-v6-c-menu-toggle {
17561
17617
  position: relative;
17562
17618
  display: inline-flex;
17563
- column-gap: var(--pf-v6-c-menu-toggle--ColumnGap);
17619
+ gap: var(--pf-v6-c-menu-toggle--Gap);
17564
17620
  align-items: center;
17565
17621
  justify-content: center;
17566
17622
  min-width: var(--pf-v6-c-menu-toggle--MinWidth);
@@ -17646,6 +17702,8 @@ ul.pf-v6-c-list {
17646
17702
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
17647
17703
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
17648
17704
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
17705
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17706
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17649
17707
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
17650
17708
  }
17651
17709
  .pf-v6-c-menu-toggle.pf-m-plain::before {
@@ -17674,9 +17732,6 @@ ul.pf-v6-c-list {
17674
17732
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
17675
17733
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
17676
17734
  }
17677
- .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
17678
- background-color: transparent;
17679
- }
17680
17735
  .pf-v6-c-menu-toggle.pf-m-success {
17681
17736
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
17682
17737
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
@@ -17705,7 +17760,8 @@ ul.pf-v6-c-list {
17705
17760
  }
17706
17761
 
17707
17762
  .pf-v6-c-menu-toggle.pf-m-split-button {
17708
- --pf-v6-c-menu-toggle--ColumnGap: 0;
17763
+ --pf-v6-c-menu-toggle--Gap: 0;
17764
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
17709
17765
  padding: 0;
17710
17766
  }
17711
17767
  .pf-v6-c-menu-toggle.pf-m-split-button > * {
@@ -17724,7 +17780,6 @@ ul.pf-v6-c-list {
17724
17780
  border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
17725
17781
  }
17726
17782
  .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
17727
- --pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
17728
17783
  --pf-v6-c-check__label--Color: currentcolor;
17729
17784
  --pf-v6-c-check__label--disabled--Color: currentcolor;
17730
17785
  align-items: center;
@@ -17734,49 +17789,51 @@ ul.pf-v6-c-list {
17734
17789
  --pf-v6-c-check__input--TranslateY: 0;
17735
17790
  align-self: center;
17736
17791
  }
17737
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-plain {
17738
- --pf-v6-c-menu-toggle--BorderColor: transparent;
17739
- }
17740
-
17741
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
17742
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
17743
- }
17744
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
17745
- 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);
17792
+ .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
17793
+ 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);
17746
17794
  }
17747
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
17748
- padding-inline-end: 0;
17795
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
17796
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
17749
17797
  }
17750
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
17751
- --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);
17798
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
17799
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
17800
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
17752
17801
  }
17753
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
17754
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
17802
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
17803
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
17804
+ --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);
17755
17805
  }
17756
- .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) {
17757
- --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);
17806
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
17807
+ --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);
17758
17808
  }
17759
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
17760
- --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);
17809
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
17810
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
17761
17811
  }
17762
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
17763
- --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);
17812
+ .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,
17813
+ .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,
17814
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
17815
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
17764
17816
  }
17765
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
17766
- --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);
17817
+ .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,
17818
+ .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,
17819
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
17820
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
17767
17821
  }
17768
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
17769
- content: none;
17822
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
17823
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
17770
17824
  }
17771
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
17772
- --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);
17825
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
17826
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
17773
17827
  color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
17774
17828
  background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
17775
17829
  }
17830
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
17831
+ content: none;
17832
+ }
17776
17833
 
17777
17834
  .pf-v6-c-menu-toggle.pf-m-typeahead {
17778
17835
  --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
17779
- --pf-v6-c-menu-toggle--ColumnGap: 0;
17836
+ --pf-v6-c-menu-toggle--Gap: 0;
17780
17837
  align-items: stretch;
17781
17838
  padding: 0;
17782
17839
  }
@@ -17794,6 +17851,7 @@ ul.pf-v6-c-list {
17794
17851
  }
17795
17852
 
17796
17853
  .pf-v6-c-menu-toggle__button {
17854
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
17797
17855
  align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
17798
17856
  min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
17799
17857
  padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
@@ -17802,13 +17860,13 @@ ul.pf-v6-c-list {
17802
17860
  background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
17803
17861
  border: 0;
17804
17862
  }
17805
- .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
17806
- padding-inline-start: 0;
17807
- }
17808
17863
  .pf-v6-c-menu-toggle__button.pf-m-text {
17809
17864
  display: inline-flex;
17810
17865
  align-items: baseline;
17811
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
17866
+ }
17867
+ .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) {
17868
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
17869
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
17812
17870
  }
17813
17871
 
17814
17872
  .pf-v6-c-menu-toggle__text {
@@ -17823,7 +17881,6 @@ ul.pf-v6-c-list {
17823
17881
  flex-wrap: nowrap;
17824
17882
  }
17825
17883
 
17826
- .pf-v6-c-menu-toggle__icon,
17827
17884
  .pf-v6-c-menu-toggle__controls,
17828
17885
  .pf-v6-c-menu-toggle__toggle-icon {
17829
17886
  display: flex;
@@ -17833,11 +17890,16 @@ ul.pf-v6-c-list {
17833
17890
 
17834
17891
  .pf-v6-c-menu-toggle__icon {
17835
17892
  flex-shrink: 0;
17836
- min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
17893
+ }
17894
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
17895
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
17896
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
17897
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
17898
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
17837
17899
  }
17838
17900
 
17839
17901
  .pf-v6-c-menu-toggle__controls {
17840
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
17902
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
17841
17903
  margin-inline-start: auto;
17842
17904
  }
17843
17905
 
@@ -17847,7 +17909,6 @@ ul.pf-v6-c-list {
17847
17909
  }
17848
17910
 
17849
17911
  .pf-v6-c-menu-toggle__status-icon {
17850
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
17851
17912
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
17852
17913
  }
17853
17914
 
@@ -18892,6 +18953,7 @@ ul.pf-v6-c-list {
18892
18953
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
18893
18954
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
18894
18955
  --pf-v6-c-page__sidebar--Width: 18.125rem;
18956
+ --pf-v6-c-page__sidebar--xl--Width: auto;
18895
18957
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18896
18958
  --pf-v6-c-page__sidebar--BoxShadow: none;
18897
18959
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -18900,7 +18962,7 @@ ul.pf-v6-c-list {
18900
18962
  --pf-v6-c-page__sidebar--TranslateZ: 0;
18901
18963
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
18902
18964
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
18903
- --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
18965
+ --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
18904
18966
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
18905
18967
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
18906
18968
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
@@ -18913,7 +18975,7 @@ ul.pf-v6-c-list {
18913
18975
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
18914
18976
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
18915
18977
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
18916
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
18978
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
18917
18979
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
18918
18980
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
18919
18981
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
@@ -18926,8 +18988,8 @@ ul.pf-v6-c-list {
18926
18988
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18927
18989
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
18928
18990
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
18929
- --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
18930
- --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
18991
+ --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
18992
+ --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
18931
18993
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
18932
18994
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
18933
18995
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -18984,6 +19046,7 @@ ul.pf-v6-c-list {
18984
19046
  }
18985
19047
  @media (min-width: 75rem) {
18986
19048
  .pf-v6-c-page {
19049
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
18987
19050
  grid-template-areas: "header header" "sidebar main";
18988
19051
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
18989
19052
  }
@@ -19493,11 +19556,11 @@ ul.pf-v6-c-list {
19493
19556
  flex-shrink: 0;
19494
19557
  }
19495
19558
 
19496
- .pf-v6-c-page__drawer {
19497
- grid-area: main;
19559
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
19560
+ align-self: revert;
19498
19561
  }
19499
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
19500
- flex: 1 0 auto;
19562
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
19563
+ flex-grow: 1;
19501
19564
  }
19502
19565
 
19503
19566
  .pf-v6-c-pagination {
@@ -19519,17 +19582,23 @@ ul.pf-v6-c-list {
19519
19582
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19520
19583
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
19521
19584
  --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
19522
- --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19523
19585
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19524
19586
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19525
- --pf-v6-c-pagination--m-sticky--ZIndex: 100;
19587
+ --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19588
+ --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
19526
19589
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
19527
19590
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19528
19591
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19529
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19530
- --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19531
- --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19532
19592
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19593
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19594
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19595
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19596
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19597
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19598
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
19599
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
19600
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19601
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19533
19602
  --pf-v6-c-pagination__page-menu--Display--base: block;
19534
19603
  --pf-v6-c-pagination__page-menu--Display: none;
19535
19604
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -19569,17 +19638,13 @@ ul.pf-v6-c-list {
19569
19638
  position: sticky;
19570
19639
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
19571
19640
  justify-content: center;
19572
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--PaddingInlineStart);
19573
- padding-inline-end: var(--pf-v6-c-pagination--m-bottom--PaddingInlineEnd);
19641
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19642
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19643
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19644
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19574
19645
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
19575
19646
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
19576
19647
  }
19577
- .pf-v6-c-pagination.pf-m-bottom.pf-m-static {
19578
- --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
19579
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
19580
- position: relative;
19581
- box-shadow: none;
19582
- }
19583
19648
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19584
19649
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
19585
19650
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -19601,6 +19666,10 @@ ul.pf-v6-c-list {
19601
19666
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
19602
19667
  position: relative;
19603
19668
  justify-content: flex-end;
19669
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19670
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19671
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19672
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19604
19673
  }
19605
19674
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19606
19675
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -19618,15 +19687,23 @@ ul.pf-v6-c-list {
19618
19687
  flex-basis: auto;
19619
19688
  }
19620
19689
  }
19690
+ .pf-v6-c-pagination.pf-m-static {
19691
+ position: relative;
19692
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19693
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19694
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19695
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19696
+ box-shadow: none;
19697
+ }
19621
19698
  .pf-v6-c-pagination.pf-m-sticky {
19622
19699
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19623
19700
  position: sticky;
19624
19701
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
19625
19702
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
19626
- padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
19627
- padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
19628
- padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
19629
- padding-inline-end: var(--pf-v6-c-pagination--m-sticky--PaddingInlineEnd);
19703
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19704
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19705
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19706
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19630
19707
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
19631
19708
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
19632
19709
  }
@@ -22098,9 +22175,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22098
22175
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
22099
22176
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22100
22177
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
22101
- --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22178
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
22102
22179
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22103
- --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22180
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
22104
22181
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
22105
22182
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22106
22183
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -22130,8 +22207,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22130
22207
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
22131
22208
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22132
22209
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22133
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22134
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22210
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
22211
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
22135
22212
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22136
22213
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22137
22214
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -22149,6 +22226,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22149
22226
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22150
22227
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22151
22228
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22229
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22152
22230
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22153
22231
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22154
22232
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22448,6 +22526,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22448
22526
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22449
22527
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22450
22528
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22529
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22451
22530
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22452
22531
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22453
22532
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22750,6 +22829,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22750
22829
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22751
22830
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22752
22831
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22832
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22753
22833
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22754
22834
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22755
22835
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23052,6 +23132,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23052
23132
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23053
23133
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23054
23134
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
23135
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
23055
23136
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23056
23137
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23057
23138
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23354,6 +23435,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23354
23435
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23355
23436
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23356
23437
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
23438
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
23357
23439
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23358
23440
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23359
23441
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23659,7 +23741,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23659
23741
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
23660
23742
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
23661
23743
  --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
23662
- --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--lg);
23744
+ --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
23663
23745
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
23664
23746
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
23665
23747
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -23677,7 +23759,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23677
23759
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
23678
23760
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
23679
23761
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
23680
- --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
23762
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
23681
23763
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23682
23764
  --pf-v6-c-table--cell--MinWidth: 0;
23683
23765
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -23906,10 +23988,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23906
23988
  }
23907
23989
  }
23908
23990
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23909
- padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineStart));
23991
+ padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
23910
23992
  }
23911
23993
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
23912
- padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
23994
+ padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
23913
23995
  }
23914
23996
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
23915
23997
  text-align: center;
@@ -24142,7 +24224,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24142
24224
  .pf-v6-c-table__column-help {
24143
24225
  display: inline-grid;
24144
24226
  grid-template-columns: auto max-content;
24145
- align-items: baseline;
24227
+ align-items: last baseline;
24146
24228
  justify-content: start;
24147
24229
  }
24148
24230
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -24307,6 +24389,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24307
24389
  }
24308
24390
 
24309
24391
  .pf-v6-c-table__column-help-action {
24392
+ align-self: last baseline;
24310
24393
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24311
24394
  }
24312
24395