@patternfly/patternfly 6.0.0-prerelease.8 → 6.0.0

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 (194) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -62
  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 -35
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/AboutModalBox/about-modal-box.css +0 -7
  11. package/components/Accordion/accordion.css +0 -1
  12. package/components/ActionList/action-list.css +1 -2
  13. package/components/ActionList/action-list.scss +1 -1
  14. package/components/Alert/alert-group.css +0 -1
  15. package/components/Alert/alert.css +2 -7
  16. package/components/Alert/alert.scss +2 -7
  17. package/components/Avatar/avatar.css +0 -1
  18. package/components/BackToTop/back-to-top.css +0 -2
  19. package/components/Backdrop/backdrop.css +0 -1
  20. package/components/BackgroundImage/background-image.css +0 -1
  21. package/components/Badge/badge.css +0 -1
  22. package/components/Banner/banner.css +0 -2
  23. package/components/Brand/brand.css +0 -1
  24. package/components/Breadcrumb/breadcrumb.css +0 -1
  25. package/components/Button/button.css +8 -1
  26. package/components/Button/button.scss +8 -0
  27. package/components/CalendarMonth/calendar-month.css +0 -1
  28. package/components/Card/card.css +0 -1
  29. package/components/Check/check.css +0 -1
  30. package/components/ClipboardCopy/clipboard-copy.css +0 -1
  31. package/components/CodeBlock/code-block.css +0 -1
  32. package/components/CodeEditor/code-editor.css +0 -1
  33. package/components/Content/content.css +2 -3
  34. package/components/Content/content.scss +2 -2
  35. package/components/DataList/data-list.css +4 -16
  36. package/components/DataList/data-list.scss +4 -14
  37. package/components/DatePicker/date-picker.css +0 -1
  38. package/components/DescriptionList/description-list.css +2 -9
  39. package/components/DescriptionList/description-list.scss +2 -2
  40. package/components/Divider/divider.css +0 -1
  41. package/components/DragDrop/drag-drop.css +0 -2
  42. package/components/Drawer/drawer.css +5 -8
  43. package/components/Drawer/drawer.scss +4 -6
  44. package/components/DualListSelector/dual-list-selector.css +0 -1
  45. package/components/EmptyState/empty-state.css +1 -2
  46. package/components/EmptyState/empty-state.scss +1 -1
  47. package/components/ExpandableSection/expandable-section.css +0 -1
  48. package/components/FileUpload/file-upload.css +0 -1
  49. package/components/Form/form.css +1 -2
  50. package/components/Form/form.scss +1 -1
  51. package/components/FormControl/form-control.css +22 -4
  52. package/components/FormControl/form-control.scss +27 -4
  53. package/components/HelperText/helper-text.css +0 -1
  54. package/components/Hint/hint.css +0 -1
  55. package/components/Icon/icon.css +0 -1
  56. package/components/InlineEdit/inline-edit.css +0 -1
  57. package/components/InputGroup/input-group.css +0 -1
  58. package/components/JumpLinks/jump-links.css +0 -1
  59. package/components/Label/label-group.css +0 -1
  60. package/components/Label/label.css +0 -1
  61. package/components/List/list.css +0 -1
  62. package/components/Login/login.css +0 -9
  63. package/components/Masthead/masthead.css +0 -1
  64. package/components/Menu/menu.css +0 -1
  65. package/components/MenuToggle/menu-toggle.css +66 -56
  66. package/components/MenuToggle/menu-toggle.scss +76 -65
  67. package/components/ModalBox/modal-box.css +0 -2
  68. package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  69. package/components/Nav/nav.css +0 -1
  70. package/components/NotificationDrawer/notification-drawer.css +0 -1
  71. package/components/NumberInput/number-input.css +0 -1
  72. package/components/OverflowMenu/overflow-menu.css +0 -1
  73. package/components/Page/page.css +10 -10
  74. package/components/Page/page.scss +11 -8
  75. package/components/Pagination/pagination.css +31 -20
  76. package/components/Pagination/pagination.scss +35 -23
  77. package/components/Panel/panel.css +0 -1
  78. package/components/Popover/popover.css +0 -1
  79. package/components/Progress/progress.css +0 -1
  80. package/components/ProgressStepper/progress-stepper.css +0 -2
  81. package/components/Radio/radio.css +0 -1
  82. package/components/Sidebar/sidebar.css +0 -1
  83. package/components/SimpleList/simple-list.css +0 -1
  84. package/components/Skeleton/skeleton.css +0 -1
  85. package/components/SkipToContent/skip-to-content.css +0 -1
  86. package/components/Slider/slider.css +0 -1
  87. package/components/Spinner/spinner.css +0 -1
  88. package/components/Switch/switch.css +0 -1
  89. package/components/TabContent/tab-content.css +0 -1
  90. package/components/Table/table-grid.css +9 -5
  91. package/components/Table/table-grid.scss +5 -4
  92. package/components/Table/table-scrollable.css +0 -1
  93. package/components/Table/table-tree-view.css +0 -1
  94. package/components/Table/table.css +6 -6
  95. package/components/Table/table.scss +6 -5
  96. package/components/Tabs/tabs.css +0 -1
  97. package/components/TextInputGroup/text-input-group.css +2 -3
  98. package/components/TextInputGroup/text-input-group.scss +2 -2
  99. package/components/Tile/tile.css +0 -1
  100. package/components/Timestamp/timestamp.css +0 -1
  101. package/components/Title/title.css +0 -1
  102. package/components/ToggleGroup/toggle-group.css +0 -1
  103. package/components/Toolbar/toolbar.css +0 -1
  104. package/components/Tooltip/tooltip.css +0 -1
  105. package/components/TreeView/tree-view.css +0 -1
  106. package/components/Truncate/truncate.css +0 -1
  107. package/components/Wizard/wizard.css +0 -2
  108. package/components/_index.css +172 -240
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  111. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  112. package/docs/components/Content/examples/Content.md +188 -204
  113. package/docs/components/DataList/examples/DataList.md +187 -221
  114. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  115. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  116. package/docs/components/Form/examples/Form.md +4 -2
  117. package/docs/components/FormControl/examples/FormControl.md +10 -10
  118. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  119. package/docs/components/Login/examples/Login.md +6 -6
  120. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  121. package/docs/components/Pagination/examples/Pagination.md +12 -12
  122. package/docs/components/Table/examples/Table.md +1 -1
  123. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  124. package/docs/demos/Card/examples/Card.md +4 -4
  125. package/docs/demos/CardView/examples/CardView.md +10 -4
  126. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  127. package/docs/demos/DataList/examples/DataList.md +37 -13
  128. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  129. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  130. package/docs/demos/Page/examples/Page.md +2 -2
  131. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  132. package/docs/demos/Table/examples/Table.md +235 -91
  133. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  134. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  135. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  136. package/layouts/Bullseye/bullseye.css +0 -1
  137. package/layouts/Flex/flex.css +0 -1
  138. package/layouts/Gallery/gallery.css +0 -1
  139. package/layouts/Grid/grid.css +0 -1
  140. package/layouts/Level/level.css +0 -1
  141. package/layouts/Split/split.css +0 -1
  142. package/layouts/Stack/stack.css +0 -1
  143. package/layouts/_index.css +0 -7
  144. package/package.json +5 -5
  145. package/patternfly-base-no-globals.css +84 -62
  146. package/patternfly-base.css +99 -62
  147. package/patternfly-charts.css +2 -2
  148. package/patternfly-charts.scss +2 -2
  149. package/patternfly-no-globals.css +256 -309
  150. package/patternfly.css +271 -309
  151. package/patternfly.min.css +1 -1
  152. package/patternfly.min.css.map +1 -1
  153. package/sass-utilities/mixins.scss +3 -3
  154. package/assets/images/PF-Masthead-Logo.svg +0 -1
  155. package/assets/images/background-filter.svg +0 -17
  156. package/assets/images/g_sizing.png +0 -0
  157. package/assets/images/img_avatar-dark.svg +0 -22
  158. package/assets/images/img_avatar.svg +0 -21
  159. package/assets/images/l_pf-reverse-164x11.png +0 -0
  160. package/assets/images/l_pf-reverse.svg +0 -1
  161. package/assets/images/logo-dropbox-old.svg +0 -1
  162. package/assets/images/logo-dropbox.svg +0 -6
  163. package/assets/images/logo-facebook.svg +0 -4
  164. package/assets/images/logo-github.svg +0 -4
  165. package/assets/images/logo-gitlab.svg +0 -4
  166. package/assets/images/logo-google.svg +0 -4
  167. package/assets/images/logo-google2.svg +0 -10
  168. package/assets/images/logo__pf--reverse--base.png +0 -0
  169. package/assets/images/logo__pf--reverse--base.svg +0 -40
  170. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  171. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  172. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  173. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  175. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  177. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  179. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  180. package/assets/images/pf-c-brand__logo.svg +0 -10
  181. package/assets/images/pf-logo.svg +0 -28
  182. package/assets/images/pf_logo.svg +0 -37
  183. package/assets/images/pf_logo_color.svg +0 -22
  184. package/assets/images/pf_logo_white.svg +0 -37
  185. package/assets/images/pf_mini_logo_white.svg +0 -1
  186. package/assets/images/pfbg_1200.jpg +0 -0
  187. package/assets/images/pfbg_2000.jpg +0 -0
  188. package/assets/images/pfbg_576.jpg +0 -0
  189. package/assets/images/pfbg_576@2x.jpg +0 -0
  190. package/assets/images/pfbg_768.jpg +0 -0
  191. package/assets/images/pfbg_768@2x.jpg +0 -0
  192. package/assets/images/pfbg_992.jpg +0 -0
  193. package/assets/images/pfbg_992@2x.jpg +0 -0
  194. 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,97 +7122,94 @@ 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
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7182
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7183
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7184
7213
  }
7185
7214
 
7186
7215
  :root:where(.pf-v6-theme-dark) {
@@ -7188,16 +7217,22 @@ button) {
7188
7217
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7189
7218
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7190
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);
7191
7221
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7192
7222
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7193
7223
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7194
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
7195
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
7196
- --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);
7197
7231
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
7198
7232
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
7199
7233
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
7200
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);
7201
7236
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
7202
7237
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7203
7238
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -7276,7 +7311,9 @@ button) {
7276
7311
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
7277
7312
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
7278
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);
7279
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);
7280
7317
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
7281
7318
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
7282
7319
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
@@ -7560,7 +7597,6 @@ button) {
7560
7597
  --pf-v6-global--inverse--multiplier: -1;
7561
7598
  }
7562
7599
 
7563
- :root,
7564
7600
  .pf-v6-c-about-modal-box {
7565
7601
  --pf-v6-c-about-modal-box--BackgroundImage: none;
7566
7602
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -7607,7 +7643,6 @@ button) {
7607
7643
  --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
7608
7644
  }
7609
7645
  @media screen and (min-width: 36rem) {
7610
- :root,
7611
7646
  .pf-v6-c-about-modal-box {
7612
7647
  --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
7613
7648
  --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
@@ -7615,32 +7650,27 @@ button) {
7615
7650
  }
7616
7651
  }
7617
7652
  @media only screen and (min-width: 36rem) {
7618
- :root,
7619
7653
  .pf-v6-c-about-modal-box {
7620
7654
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
7621
7655
  }
7622
7656
  }
7623
7657
  @media only screen and (min-width: 62rem) {
7624
- :root,
7625
7658
  .pf-v6-c-about-modal-box {
7626
7659
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
7627
7660
  }
7628
7661
  }
7629
7662
  @media only screen and (min-width: 36rem) {
7630
- :root,
7631
7663
  .pf-v6-c-about-modal-box {
7632
7664
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
7633
7665
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
7634
7666
  }
7635
7667
  }
7636
7668
  @media only screen and (min-width: 36rem) {
7637
- :root,
7638
7669
  .pf-v6-c-about-modal-box {
7639
7670
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
7640
7671
  }
7641
7672
  }
7642
7673
  @media only screen and (min-width: 36rem) {
7643
- :root,
7644
7674
  .pf-v6-c-about-modal-box {
7645
7675
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
7646
7676
  --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
@@ -7759,7 +7789,6 @@ button) {
7759
7789
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
7760
7790
  }
7761
7791
 
7762
- :root,
7763
7792
  .pf-v6-c-accordion {
7764
7793
  --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7765
7794
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
@@ -7912,10 +7941,9 @@ button) {
7912
7941
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
7913
7942
  }
7914
7943
 
7915
- :root,
7916
7944
  .pf-v6-c-action-list {
7917
7945
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
7918
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
7946
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
7919
7947
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
7920
7948
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
7921
7949
  }
@@ -7943,7 +7971,6 @@ button) {
7943
7971
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
7944
7972
  }
7945
7973
 
7946
- :root,
7947
7974
  .pf-v6-c-alert {
7948
7975
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
7949
7976
  --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -7962,6 +7989,7 @@ button) {
7962
7989
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
7963
7990
  --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
7964
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));
7965
7993
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7966
7994
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
7967
7995
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -8081,6 +8109,7 @@ button) {
8081
8109
  .pf-v6-c-alert__toggle {
8082
8110
  margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
8083
8111
  margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
8112
+ margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
8084
8113
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
8085
8114
  }
8086
8115
 
@@ -8094,9 +8123,7 @@ button) {
8094
8123
  }
8095
8124
 
8096
8125
  .pf-v6-c-alert__icon {
8097
- display: flex;
8098
8126
  grid-area: icon;
8099
- margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
8100
8127
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
8101
8128
  font-size: var(--pf-v6-c-alert__icon--FontSize);
8102
8129
  color: var(--pf-v6-c-alert__icon--Color);
@@ -8129,10 +8156,6 @@ button) {
8129
8156
  margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
8130
8157
  margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
8131
8158
  margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
8132
- transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
8133
- }
8134
- .pf-v6-c-alert__action > .pf-v6-c-button {
8135
- --pf-v6-c-button--LineHeight: 1;
8136
8159
  }
8137
8160
 
8138
8161
  .pf-v6-c-alert__action-group {
@@ -8143,7 +8166,6 @@ button) {
8143
8166
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
8144
8167
  }
8145
8168
 
8146
- :root,
8147
8169
  .pf-v6-c-alert-group {
8148
8170
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
8149
8171
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
@@ -8258,7 +8280,6 @@ button) {
8258
8280
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
8259
8281
  }
8260
8282
 
8261
- :root,
8262
8283
  .pf-v6-c-avatar {
8263
8284
  --pf-v6-c-avatar--BorderColor: transparent;
8264
8285
  --pf-v6-c-avatar--BorderWidth: 0;
@@ -8504,7 +8525,6 @@ button) {
8504
8525
  }
8505
8526
  }
8506
8527
 
8507
- :root,
8508
8528
  .pf-v6-c-backdrop {
8509
8529
  --pf-v6-c-backdrop--Position: fixed;
8510
8530
  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
@@ -8525,7 +8545,6 @@ button) {
8525
8545
  overflow: hidden;
8526
8546
  }
8527
8547
 
8528
- :root,
8529
8548
  .pf-v6-c-background-image {
8530
8549
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8531
8550
  --pf-v6-c-background-image--BackgroundImage: none;
@@ -8553,7 +8572,6 @@ button) {
8553
8572
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
8554
8573
  }
8555
8574
 
8556
- :root,
8557
8575
  .pf-v6-c-back-to-top {
8558
8576
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
8559
8577
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
@@ -8566,7 +8584,6 @@ button) {
8566
8584
  --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
8567
8585
  }
8568
8586
  @media (min-width: 48rem) {
8569
- :root,
8570
8587
  .pf-v6-c-back-to-top {
8571
8588
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
8572
8589
  }
@@ -8589,7 +8606,6 @@ button) {
8589
8606
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
8590
8607
  }
8591
8608
 
8592
- :root,
8593
8609
  .pf-v6-c-badge {
8594
8610
  --pf-v6-c-badge--BorderColor: transparent;
8595
8611
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -8658,7 +8674,6 @@ button) {
8658
8674
  color: var(--pf-v6-c-badge__toggle-icon--Color);
8659
8675
  }
8660
8676
 
8661
- :root,
8662
8677
  .pf-v6-c-banner {
8663
8678
  --pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8664
8679
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -8703,7 +8718,6 @@ button) {
8703
8718
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
8704
8719
  }
8705
8720
  @media (min-width: 48rem) {
8706
- :root,
8707
8721
  .pf-v6-c-banner {
8708
8722
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
8709
8723
  --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
@@ -8800,7 +8814,6 @@ button) {
8800
8814
  cursor: not-allowed;
8801
8815
  }
8802
8816
 
8803
- :root,
8804
8817
  .pf-v6-c-brand {
8805
8818
  --pf-v6-c-brand--Width: auto;
8806
8819
  --pf-v6-c-brand--Height: auto;
@@ -8867,7 +8880,6 @@ button) {
8867
8880
  max-width: 100%;
8868
8881
  }
8869
8882
 
8870
- :root,
8871
8883
  .pf-v6-c-breadcrumb {
8872
8884
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
8873
8885
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -8976,7 +8988,6 @@ button.pf-v6-c-breadcrumb__link {
8976
8988
  display: none;
8977
8989
  }
8978
8990
 
8979
- :root,
8980
8991
  .pf-v6-c-button {
8981
8992
  --pf-v6-c-button--Display: inline-flex;
8982
8993
  --pf-v6-c-button--AlignItems: baseline;
@@ -9019,6 +9030,7 @@ button.pf-v6-c-breadcrumb__link {
9019
9030
  --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
9020
9031
  --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
9021
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);
9022
9034
  --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
9023
9035
  --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
9024
9036
  --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -9037,6 +9049,7 @@ button.pf-v6-c-breadcrumb__link {
9037
9049
  --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
9038
9050
  --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
9039
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);
9040
9053
  --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
9041
9054
  --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
9042
9055
  --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
@@ -9105,7 +9118,9 @@ button.pf-v6-c-breadcrumb__link {
9105
9118
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
9106
9119
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
9107
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);
9108
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);
9109
9124
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
9110
9125
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
9111
9126
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
@@ -9269,6 +9284,7 @@ button.pf-v6-c-breadcrumb__link {
9269
9284
  .pf-v6-c-button.pf-m-secondary {
9270
9285
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
9271
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);
9272
9288
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
9273
9289
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
9274
9290
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
@@ -9294,6 +9310,7 @@ button.pf-v6-c-breadcrumb__link {
9294
9310
  .pf-v6-c-button.pf-m-tertiary {
9295
9311
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
9296
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);
9297
9314
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
9298
9315
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
9299
9316
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
@@ -9457,6 +9474,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9457
9474
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
9458
9475
  }
9459
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);
9460
9478
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
9461
9479
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
9462
9480
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
@@ -9488,6 +9506,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9488
9506
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9489
9507
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9490
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);
9491
9510
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9492
9511
  text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
9493
9512
  }
@@ -9564,7 +9583,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9564
9583
  align-items: center;
9565
9584
  }
9566
9585
 
9567
- :root,
9568
9586
  .pf-v6-c-calendar-month {
9569
9587
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9570
9588
  --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -9770,7 +9788,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9770
9788
  pointer-events: none;
9771
9789
  }
9772
9790
 
9773
- :root,
9774
9791
  .pf-v6-c-card {
9775
9792
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9776
9793
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
@@ -10105,7 +10122,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10105
10122
  color: var(--pf-v6-c-card__footer--Color);
10106
10123
  }
10107
10124
 
10108
- :root,
10109
10125
  .pf-v6-c-check {
10110
10126
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
10111
10127
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
@@ -10185,7 +10201,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10185
10201
  color: var(--pf-v6-c-check__label-required--Color);
10186
10202
  }
10187
10203
 
10188
- :root,
10189
10204
  .pf-v6-c-clipboard-copy {
10190
10205
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
10191
10206
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -10281,7 +10296,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10281
10296
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
10282
10297
  }
10283
10298
 
10284
- :root,
10285
10299
  .pf-v6-c-code-block {
10286
10300
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10287
10301
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
@@ -10336,7 +10350,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10336
10350
  font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
10337
10351
  }
10338
10352
 
10339
- :root,
10340
10353
  .pf-v6-c-code-editor {
10341
10354
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
10342
10355
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
@@ -10514,8 +10527,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10514
10527
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
10515
10528
  }
10516
10529
 
10517
- :root,
10518
- .pf-v6-c-content {
10530
+ :root {
10519
10531
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
10520
10532
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
10521
10533
  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
@@ -10579,7 +10591,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10579
10591
  --pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
10580
10592
  --pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
10581
10593
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
10582
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
10594
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
10583
10595
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
10584
10596
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
10585
10597
  --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
@@ -11191,7 +11203,6 @@ ul) {
11191
11203
  }
11192
11204
  }
11193
11205
 
11194
- :root,
11195
11206
  .pf-v6-c-data-list {
11196
11207
  --pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
11197
11208
  --pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -11258,11 +11269,11 @@ ul) {
11258
11269
  --pf-v6-c-data-list__item-action--Display: flex;
11259
11270
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
11260
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);
11261
11274
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11262
11275
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
11263
11276
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
11264
- --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11265
- --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11266
11277
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
11267
11278
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
11268
11279
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -11292,8 +11303,6 @@ ul) {
11292
11303
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11293
11304
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11294
11305
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11295
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
11296
- --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
11297
11306
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11298
11307
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
11299
11308
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -11302,14 +11311,12 @@ ul) {
11302
11311
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11303
11312
  }
11304
11313
  @media screen and (min-width: 36rem) {
11305
- :root,
11306
11314
  .pf-v6-c-data-list {
11307
11315
  --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
11308
11316
  --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
11309
11317
  }
11310
11318
  }
11311
11319
  @media screen and (min-width: 36rem) {
11312
- :root,
11313
11320
  .pf-v6-c-data-list {
11314
11321
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
11315
11322
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
@@ -11328,8 +11335,6 @@ ul) {
11328
11335
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
11329
11336
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
11330
11337
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
11331
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
11332
- --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
11333
11338
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
11334
11339
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
11335
11340
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -11475,8 +11480,8 @@ ul) {
11475
11480
  gap: var(--pf-v6-c-data-list__item-action--Gap);
11476
11481
  align-content: flex-start;
11477
11482
  align-items: flex-start;
11478
- padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
11479
- 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));
11480
11485
  margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
11481
11486
  }
11482
11487
  .pf-v6-c-data-list__item-action.pf-m-hidden {
@@ -11523,11 +11528,6 @@ ul) {
11523
11528
  }
11524
11529
  }
11525
11530
 
11526
- .pf-v6-c-data-list__action {
11527
- margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
11528
- margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
11529
- }
11530
-
11531
11531
  .pf-v6-c-data-list__toggle {
11532
11532
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
11533
11533
  margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
@@ -11619,10 +11619,9 @@ ul) {
11619
11619
  padding: 0;
11620
11620
  }
11621
11621
 
11622
- :root,
11623
11622
  .pf-v6-c-description-list {
11624
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
11625
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
11623
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
11624
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
11626
11625
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
11627
11626
  --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
11628
11627
  --pf-v6-c-description-list--GridTemplateColumns--min: 0;
@@ -11667,37 +11666,31 @@ ul) {
11667
11666
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
11668
11667
  }
11669
11668
  @media screen and (min-width: 36rem) {
11670
- :root,
11671
11669
  .pf-v6-c-description-list {
11672
11670
  --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
11673
11671
  }
11674
11672
  }
11675
11673
  @media (min-width: 36rem) {
11676
- :root,
11677
11674
  .pf-v6-c-description-list {
11678
11675
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
11679
11676
  }
11680
11677
  }
11681
11678
  @media (min-width: 48rem) {
11682
- :root,
11683
11679
  .pf-v6-c-description-list {
11684
11680
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
11685
11681
  }
11686
11682
  }
11687
11683
  @media (min-width: 62rem) {
11688
- :root,
11689
11684
  .pf-v6-c-description-list {
11690
11685
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
11691
11686
  }
11692
11687
  }
11693
11688
  @media (min-width: 75rem) {
11694
- :root,
11695
11689
  .pf-v6-c-description-list {
11696
11690
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
11697
11691
  }
11698
11692
  }
11699
11693
  @media (min-width: 90.625rem) {
11700
- :root,
11701
11694
  .pf-v6-c-description-list {
11702
11695
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
11703
11696
  }
@@ -11946,7 +11939,6 @@ ul) {
11946
11939
  }
11947
11940
  }
11948
11941
 
11949
- :root,
11950
11942
  .pf-v6-c-draggable {
11951
11943
  --pf-v6-c-draggable--Cursor: auto;
11952
11944
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
@@ -11983,7 +11975,6 @@ ul) {
11983
11975
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
11984
11976
  }
11985
11977
 
11986
- :root,
11987
11978
  .pf-v6-c-droppable {
11988
11979
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
11989
11980
  --pf-v6-c-droppable--before--Opacity: 0;
@@ -12025,7 +12016,6 @@ ul) {
12025
12016
  --pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
12026
12017
  }
12027
12018
 
12028
- :root,
12029
12019
  .pf-v6-c-dual-list-selector {
12030
12020
  --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
12031
12021
  --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -12350,7 +12340,6 @@ ul) {
12350
12340
  --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
12351
12341
  }
12352
12342
 
12353
- :root,
12354
12343
  .pf-v6-c-date-picker {
12355
12344
  --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
12356
12345
  --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
@@ -12409,7 +12398,6 @@ ul) {
12409
12398
  min-width: min-content;
12410
12399
  }
12411
12400
 
12412
- :root,
12413
12401
  .pf-v6-c-divider {
12414
12402
  --pf-v6-c-divider--Display: flex;
12415
12403
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
@@ -12715,7 +12703,6 @@ ul) {
12715
12703
  }
12716
12704
  }
12717
12705
 
12718
- :root,
12719
12706
  .pf-v6-c-drawer {
12720
12707
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12721
12708
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -12727,7 +12714,8 @@ ul) {
12727
12714
  --pf-v6-c-drawer__panel--MinWidth: 50%;
12728
12715
  --pf-v6-c-drawer__panel--MaxHeight: auto;
12729
12716
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
12730
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12717
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
12718
+ --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12731
12719
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
12732
12720
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
12733
12721
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -12824,11 +12812,9 @@ ul) {
12824
12812
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
12825
12813
  }
12826
12814
  @media screen and (min-width: 75rem) {
12827
- :root,
12828
12815
  .pf-v6-c-drawer {
12829
12816
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
12830
12817
  }
12831
- :root.pf-m-panel-bottom,
12832
12818
  .pf-v6-c-drawer.pf-m-panel-bottom {
12833
12819
  --pf-v6-c-drawer__panel--MinWidth: auto;
12834
12820
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
@@ -12851,6 +12837,9 @@ ul) {
12851
12837
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
12852
12838
  }
12853
12839
 
12840
+ .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
12841
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
12842
+ }
12854
12843
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
12855
12844
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
12856
12845
  }
@@ -13055,10 +13044,6 @@ ul) {
13055
13044
  flex: 1 1;
13056
13045
  }
13057
13046
 
13058
- .pf-v6-c-drawer__body > .pf-v6-c-page__main {
13059
- height: 100%;
13060
- }
13061
-
13062
13047
  .pf-v6-c-drawer__splitter {
13063
13048
  position: relative;
13064
13049
  display: none;
@@ -13556,7 +13541,6 @@ ul) {
13556
13541
  display: none;
13557
13542
  }
13558
13543
  }
13559
- :root,
13560
13544
  .pf-v6-c-empty-state {
13561
13545
  --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
13562
13546
  --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -13595,7 +13579,7 @@ ul) {
13595
13579
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
13596
13580
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
13597
13581
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
13598
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
13582
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
13599
13583
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
13600
13584
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
13601
13585
  --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13696,7 +13680,6 @@ ul) {
13696
13680
  justify-content: center;
13697
13681
  }
13698
13682
 
13699
- :root,
13700
13683
  .pf-v6-c-expandable-section {
13701
13684
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
13702
13685
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -13778,7 +13761,6 @@ ul) {
13778
13761
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13779
13762
  }
13780
13763
 
13781
- :root,
13782
13764
  .pf-v6-c-file-upload {
13783
13765
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
13784
13766
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13836,9 +13818,8 @@ ul) {
13836
13818
  transform: translate(-50%, -50%);
13837
13819
  }
13838
13820
 
13839
- :root,
13840
13821
  .pf-v6-c-form {
13841
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
13822
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
13842
13823
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13843
13824
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
13844
13825
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
@@ -14351,7 +14332,6 @@ ul) {
14351
14332
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
14352
14333
  }
14353
14334
 
14354
- :root,
14355
14335
  .pf-v6-c-form-control {
14356
14336
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14357
14337
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -14415,6 +14395,10 @@ ul) {
14415
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));
14416
14396
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
14417
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));
14418
14402
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
14419
14403
  --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
14420
14404
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -14470,18 +14454,33 @@ ul) {
14470
14454
  background-color: transparent;
14471
14455
  border: none;
14472
14456
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
14457
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14473
14458
  -moz-appearance: none;
14474
14459
  -webkit-appearance: none;
14475
14460
  }
14476
- .pf-v6-c-form-control > :is(input, select, textarea):focus {
14477
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14478
- }
14479
14461
  .pf-v6-c-form-control > ::placeholder {
14480
14462
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
14481
14463
  }
14482
14464
  .pf-v6-c-form-control > :is(input, select) {
14483
14465
  text-overflow: ellipsis;
14484
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
+ }
14485
14484
  .pf-v6-c-form-control.pf-m-readonly {
14486
14485
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
14487
14486
  --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
@@ -14624,7 +14623,6 @@ select ~ .pf-v6-c-form-control__utilities {
14624
14623
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
14625
14624
  }
14626
14625
 
14627
- :root,
14628
14626
  .pf-v6-c-hint {
14629
14627
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
14630
14628
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -14700,7 +14698,6 @@ select ~ .pf-v6-c-form-control__utilities {
14700
14698
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
14701
14699
  }
14702
14700
 
14703
- :root,
14704
14701
  .pf-v6-c-helper-text {
14705
14702
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
14706
14703
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -14773,7 +14770,6 @@ select ~ .pf-v6-c-form-control__utilities {
14773
14770
  color: var(--pf-v6-c-helper-text__item-text--Color);
14774
14771
  }
14775
14772
 
14776
- :root,
14777
14773
  .pf-v6-c-icon {
14778
14774
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
14779
14775
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -15030,7 +15026,6 @@ select ~ .pf-v6-c-form-control__utilities {
15030
15026
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
15031
15027
  }
15032
15028
 
15033
- :root,
15034
15029
  .pf-v6-c-inline-edit {
15035
15030
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
15036
15031
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
@@ -15114,7 +15109,6 @@ select ~ .pf-v6-c-form-control__utilities {
15114
15109
  display: none;
15115
15110
  }
15116
15111
 
15117
- :root,
15118
15112
  .pf-v6-c-input-group {
15119
15113
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
15120
15114
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
@@ -15188,7 +15182,6 @@ label.pf-v6-c-input-group__text {
15188
15182
  cursor: pointer;
15189
15183
  }
15190
15184
 
15191
- :root,
15192
15185
  .pf-v6-c-jump-links {
15193
15186
  --pf-v6-c-jump-links__list--Display: flex;
15194
15187
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
@@ -15435,7 +15428,6 @@ label.pf-v6-c-input-group__text {
15435
15428
  scale: -1 1;
15436
15429
  }
15437
15430
 
15438
- :root,
15439
15431
  .pf-v6-c-label {
15440
15432
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
15441
15433
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -15930,7 +15922,6 @@ input.pf-v6-c-label__content {
15930
15922
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
15931
15923
  }
15932
15924
 
15933
- :root,
15934
15925
  .pf-v6-c-label-group {
15935
15926
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
15936
15927
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -16066,7 +16057,6 @@ input.pf-v6-c-label__content {
16066
16057
  display: none;
16067
16058
  }
16068
16059
 
16069
- :root,
16070
16060
  .pf-v6-c-list {
16071
16061
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16072
16062
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
@@ -16138,7 +16128,6 @@ ul.pf-v6-c-list {
16138
16128
  color: var(--pf-v6-c-list__item-icon--Color);
16139
16129
  }
16140
16130
 
16141
- :root,
16142
16131
  .pf-v6-c-login {
16143
16132
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16144
16133
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -16195,33 +16184,28 @@ ul.pf-v6-c-list {
16195
16184
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
16196
16185
  }
16197
16186
  @media (min-width: 75rem) {
16198
- :root,
16199
16187
  .pf-v6-c-login {
16200
16188
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
16201
16189
  }
16202
16190
  }
16203
16191
  @media (min-width: 36rem) {
16204
- :root,
16205
16192
  .pf-v6-c-login {
16206
16193
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
16207
16194
  --pf-v6-c-login__header--PaddingInlineStart: 0;
16208
16195
  }
16209
16196
  }
16210
16197
  @media (min-width: 75rem) {
16211
- :root,
16212
16198
  .pf-v6-c-login {
16213
16199
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
16214
16200
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
16215
16201
  }
16216
16202
  }
16217
16203
  @media (min-width: 75rem) {
16218
- :root,
16219
16204
  .pf-v6-c-login {
16220
16205
  --pf-v6-c-login__main--MarginBlockEnd: 0;
16221
16206
  }
16222
16207
  }
16223
16208
  @media (min-width: 48rem) {
16224
- :root,
16225
16209
  .pf-v6-c-login {
16226
16210
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
16227
16211
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
@@ -16229,21 +16213,18 @@ ul.pf-v6-c-list {
16229
16213
  }
16230
16214
  }
16231
16215
  @media (min-width: 48rem) {
16232
- :root,
16233
16216
  .pf-v6-c-login {
16234
16217
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
16235
16218
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
16236
16219
  }
16237
16220
  }
16238
16221
  @media (min-width: 36rem) {
16239
- :root,
16240
16222
  .pf-v6-c-login {
16241
16223
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
16242
16224
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
16243
16225
  }
16244
16226
  }
16245
16227
  @media (min-width: 75rem) {
16246
- :root,
16247
16228
  .pf-v6-c-login {
16248
16229
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
16249
16230
  }
@@ -16399,7 +16380,6 @@ ul.pf-v6-c-list {
16399
16380
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
16400
16381
  }
16401
16382
 
16402
- :root,
16403
16383
  .pf-v6-c-masthead {
16404
16384
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
16405
16385
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -16935,7 +16915,6 @@ ul.pf-v6-c-list {
16935
16915
  padding-inline-end: var(--pf-t--global--spacer--2xl);
16936
16916
  }
16937
16917
 
16938
- :root,
16939
16918
  .pf-v6-c-menu {
16940
16919
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
16941
16920
  --pf-v6-c-menu--Width: auto;
@@ -17517,9 +17496,8 @@ ul.pf-v6-c-list {
17517
17496
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
17518
17497
  }
17519
17498
 
17520
- :root,
17521
17499
  .pf-v6-c-menu-toggle {
17522
- --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);
17523
17501
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
17524
17502
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17525
17503
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -17584,26 +17562,30 @@ ul.pf-v6-c-list {
17584
17562
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
17585
17563
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
17586
17564
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
17587
- --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));
17588
17565
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
17589
17566
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
17590
17567
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
17591
17568
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17592
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
17593
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17594
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-t--global--border--radius--pill);
17595
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17596
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17597
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17598
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17599
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
17600
- --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);
17601
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);
17602
17582
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
17603
17583
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
17604
17584
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
17605
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));
17606
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);
17607
17589
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
17608
17590
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
17609
17591
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -17611,14 +17593,15 @@ ul.pf-v6-c-list {
17611
17593
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17612
17594
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17613
17595
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17614
- --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);
17615
17599
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
17616
17600
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
17617
17601
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
17618
17602
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
17619
17603
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17620
17604
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17621
- --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
17622
17605
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
17623
17606
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
17624
17607
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -17627,12 +17610,13 @@ ul.pf-v6-c-list {
17627
17610
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
17628
17611
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
17629
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);
17630
17614
  }
17631
17615
 
17632
17616
  .pf-v6-c-menu-toggle {
17633
17617
  position: relative;
17634
17618
  display: inline-flex;
17635
- column-gap: var(--pf-v6-c-menu-toggle--ColumnGap);
17619
+ gap: var(--pf-v6-c-menu-toggle--Gap);
17636
17620
  align-items: center;
17637
17621
  justify-content: center;
17638
17622
  min-width: var(--pf-v6-c-menu-toggle--MinWidth);
@@ -17718,6 +17702,8 @@ ul.pf-v6-c-list {
17718
17702
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
17719
17703
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
17720
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);
17721
17707
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
17722
17708
  }
17723
17709
  .pf-v6-c-menu-toggle.pf-m-plain::before {
@@ -17746,9 +17732,6 @@ ul.pf-v6-c-list {
17746
17732
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
17747
17733
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
17748
17734
  }
17749
- .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
17750
- background-color: transparent;
17751
- }
17752
17735
  .pf-v6-c-menu-toggle.pf-m-success {
17753
17736
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
17754
17737
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
@@ -17777,7 +17760,8 @@ ul.pf-v6-c-list {
17777
17760
  }
17778
17761
 
17779
17762
  .pf-v6-c-menu-toggle.pf-m-split-button {
17780
- --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);
17781
17765
  padding: 0;
17782
17766
  }
17783
17767
  .pf-v6-c-menu-toggle.pf-m-split-button > * {
@@ -17796,7 +17780,6 @@ ul.pf-v6-c-list {
17796
17780
  border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
17797
17781
  }
17798
17782
  .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
17799
- --pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
17800
17783
  --pf-v6-c-check__label--Color: currentcolor;
17801
17784
  --pf-v6-c-check__label--disabled--Color: currentcolor;
17802
17785
  align-items: center;
@@ -17806,49 +17789,51 @@ ul.pf-v6-c-list {
17806
17789
  --pf-v6-c-check__input--TranslateY: 0;
17807
17790
  align-self: center;
17808
17791
  }
17809
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-plain {
17810
- --pf-v6-c-menu-toggle--BorderColor: transparent;
17811
- }
17812
-
17813
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
17814
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
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);
17815
17794
  }
17816
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
17817
- 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);
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);
17818
17797
  }
17819
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
17820
- padding-inline-end: 0;
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);
17821
17801
  }
17822
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
17823
- --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);
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);
17824
17805
  }
17825
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
17826
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--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);
17827
17808
  }
17828
- .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) {
17829
- --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);
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);
17830
17811
  }
17831
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
17832
- --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);
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);
17833
17816
  }
17834
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
17835
- --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);
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);
17836
17821
  }
17837
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
17838
- --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);
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);
17839
17824
  }
17840
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
17841
- content: none;
17842
- }
17843
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
17844
- --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 {
17845
17827
  color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
17846
17828
  background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
17847
17829
  }
17830
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
17831
+ content: none;
17832
+ }
17848
17833
 
17849
17834
  .pf-v6-c-menu-toggle.pf-m-typeahead {
17850
17835
  --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
17851
- --pf-v6-c-menu-toggle--ColumnGap: 0;
17836
+ --pf-v6-c-menu-toggle--Gap: 0;
17852
17837
  align-items: stretch;
17853
17838
  padding: 0;
17854
17839
  }
@@ -17866,6 +17851,7 @@ ul.pf-v6-c-list {
17866
17851
  }
17867
17852
 
17868
17853
  .pf-v6-c-menu-toggle__button {
17854
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
17869
17855
  align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
17870
17856
  min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
17871
17857
  padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
@@ -17874,13 +17860,13 @@ ul.pf-v6-c-list {
17874
17860
  background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
17875
17861
  border: 0;
17876
17862
  }
17877
- .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
17878
- padding-inline-start: 0;
17879
- }
17880
17863
  .pf-v6-c-menu-toggle__button.pf-m-text {
17881
17864
  display: inline-flex;
17882
17865
  align-items: baseline;
17883
- 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);
17884
17870
  }
17885
17871
 
17886
17872
  .pf-v6-c-menu-toggle__text {
@@ -17895,7 +17881,6 @@ ul.pf-v6-c-list {
17895
17881
  flex-wrap: nowrap;
17896
17882
  }
17897
17883
 
17898
- .pf-v6-c-menu-toggle__icon,
17899
17884
  .pf-v6-c-menu-toggle__controls,
17900
17885
  .pf-v6-c-menu-toggle__toggle-icon {
17901
17886
  display: flex;
@@ -17905,11 +17890,16 @@ ul.pf-v6-c-list {
17905
17890
 
17906
17891
  .pf-v6-c-menu-toggle__icon {
17907
17892
  flex-shrink: 0;
17908
- 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);
17909
17899
  }
17910
17900
 
17911
17901
  .pf-v6-c-menu-toggle__controls {
17912
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
17902
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
17913
17903
  margin-inline-start: auto;
17914
17904
  }
17915
17905
 
@@ -17919,11 +17909,9 @@ ul.pf-v6-c-list {
17919
17909
  }
17920
17910
 
17921
17911
  .pf-v6-c-menu-toggle__status-icon {
17922
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
17923
17912
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
17924
17913
  }
17925
17914
 
17926
- :root,
17927
17915
  .pf-v6-c-modal-box {
17928
17916
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
17929
17917
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
@@ -17977,7 +17965,6 @@ ul.pf-v6-c-list {
17977
17965
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
17978
17966
  }
17979
17967
  @media (min-width: 75rem) {
17980
- :root,
17981
17968
  .pf-v6-c-modal-box {
17982
17969
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
17983
17970
  }
@@ -18130,7 +18117,6 @@ ul.pf-v6-c-list {
18130
18117
  }
18131
18118
  }
18132
18119
 
18133
- :root,
18134
18120
  .pf-v6-c-multiple-file-upload {
18135
18121
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
18136
18122
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
@@ -18341,7 +18327,6 @@ ul.pf-v6-c-list {
18341
18327
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
18342
18328
  }
18343
18329
 
18344
- :root,
18345
18330
  .pf-v6-c-nav {
18346
18331
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
18347
18332
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -18650,7 +18635,6 @@ ul.pf-v6-c-list {
18650
18635
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
18651
18636
  }
18652
18637
 
18653
- :root,
18654
18638
  .pf-v6-c-notification-drawer {
18655
18639
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
18656
18640
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -18926,7 +18910,6 @@ ul.pf-v6-c-list {
18926
18910
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
18927
18911
  }
18928
18912
 
18929
- :root,
18930
18913
  .pf-v6-c-overflow-menu {
18931
18914
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
18932
18915
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -18964,13 +18947,13 @@ ul.pf-v6-c-list {
18964
18947
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
18965
18948
  }
18966
18949
 
18967
- :root,
18968
18950
  .pf-v6-c-page {
18969
18951
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18970
18952
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
18971
18953
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
18972
18954
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
18973
18955
  --pf-v6-c-page__sidebar--Width: 18.125rem;
18956
+ --pf-v6-c-page__sidebar--xl--Width: auto;
18974
18957
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18975
18958
  --pf-v6-c-page__sidebar--BoxShadow: none;
18976
18959
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -18979,7 +18962,7 @@ ul.pf-v6-c-list {
18979
18962
  --pf-v6-c-page__sidebar--TranslateZ: 0;
18980
18963
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
18981
18964
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
18982
- --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
18965
+ --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
18983
18966
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
18984
18967
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
18985
18968
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
@@ -18992,7 +18975,7 @@ ul.pf-v6-c-list {
18992
18975
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
18993
18976
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
18994
18977
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
18995
- --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);
18996
18979
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
18997
18980
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
18998
18981
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
@@ -19005,8 +18988,8 @@ ul.pf-v6-c-list {
19005
18988
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19006
18989
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
19007
18990
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
19008
- --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
19009
- --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;
19010
18993
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
19011
18994
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
19012
18995
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -19046,7 +19029,6 @@ ul.pf-v6-c-list {
19046
19029
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
19047
19030
  }
19048
19031
  @media screen and (min-width: 75rem) {
19049
- :root,
19050
19032
  .pf-v6-c-page {
19051
19033
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
19052
19034
  }
@@ -19064,6 +19046,7 @@ ul.pf-v6-c-list {
19064
19046
  }
19065
19047
  @media (min-width: 75rem) {
19066
19048
  .pf-v6-c-page {
19049
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
19067
19050
  grid-template-areas: "header header" "sidebar main";
19068
19051
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
19069
19052
  }
@@ -19573,14 +19556,13 @@ ul.pf-v6-c-list {
19573
19556
  flex-shrink: 0;
19574
19557
  }
19575
19558
 
19576
- .pf-v6-c-page__drawer {
19577
- grid-area: main;
19559
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
19560
+ align-self: revert;
19578
19561
  }
19579
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
19580
- flex: 1 0 auto;
19562
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
19563
+ flex-grow: 1;
19581
19564
  }
19582
19565
 
19583
- :root,
19584
19566
  .pf-v6-c-pagination {
19585
19567
  --pf-v6-c-pagination--inset: 0;
19586
19568
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -19600,17 +19582,23 @@ ul.pf-v6-c-list {
19600
19582
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19601
19583
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
19602
19584
  --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
19603
- --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19604
19585
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19605
19586
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19606
- --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);
19607
19589
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
19608
19590
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19609
19591
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19610
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19611
- --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19612
- --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19613
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);
19614
19602
  --pf-v6-c-pagination__page-menu--Display--base: block;
19615
19603
  --pf-v6-c-pagination__page-menu--Display: none;
19616
19604
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -19619,7 +19607,6 @@ ul.pf-v6-c-list {
19619
19607
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
19620
19608
  }
19621
19609
  @media screen and (min-width: 48rem) {
19622
- :root,
19623
19610
  .pf-v6-c-pagination {
19624
19611
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
19625
19612
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -19628,7 +19615,6 @@ ul.pf-v6-c-list {
19628
19615
  }
19629
19616
  }
19630
19617
  @media screen and (min-width: 75rem) {
19631
- :root,
19632
19618
  .pf-v6-c-pagination {
19633
19619
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
19634
19620
  }
@@ -19652,17 +19638,13 @@ ul.pf-v6-c-list {
19652
19638
  position: sticky;
19653
19639
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
19654
19640
  justify-content: center;
19655
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--PaddingInlineStart);
19656
- 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);
19657
19645
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
19658
19646
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
19659
19647
  }
19660
- .pf-v6-c-pagination.pf-m-bottom.pf-m-static {
19661
- --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
19662
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
19663
- position: relative;
19664
- box-shadow: none;
19665
- }
19666
19648
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19667
19649
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
19668
19650
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -19684,6 +19666,10 @@ ul.pf-v6-c-list {
19684
19666
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
19685
19667
  position: relative;
19686
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);
19687
19673
  }
19688
19674
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19689
19675
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -19701,15 +19687,23 @@ ul.pf-v6-c-list {
19701
19687
  flex-basis: auto;
19702
19688
  }
19703
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
+ }
19704
19698
  .pf-v6-c-pagination.pf-m-sticky {
19705
19699
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19706
19700
  position: sticky;
19707
19701
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
19708
19702
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
19709
- padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
19710
- padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
19711
- padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
19712
- 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);
19713
19707
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
19714
19708
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
19715
19709
  }
@@ -19930,7 +19924,6 @@ ul.pf-v6-c-list {
19930
19924
  }
19931
19925
  }
19932
19926
 
19933
- :root,
19934
19927
  .pf-v6-c-panel {
19935
19928
  --pf-v6-c-panel--Width: auto;
19936
19929
  --pf-v6-c-panel--MinWidth: auto;
@@ -20028,7 +20021,6 @@ ul.pf-v6-c-list {
20028
20021
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
20029
20022
  }
20030
20023
 
20031
- :root,
20032
20024
  .pf-v6-c-popover {
20033
20025
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
20034
20026
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -20231,7 +20223,6 @@ ul.pf-v6-c-list {
20231
20223
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
20232
20224
  }
20233
20225
 
20234
- :root,
20235
20226
  .pf-v6-c-progress {
20236
20227
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
20237
20228
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
@@ -20396,7 +20387,6 @@ ul.pf-v6-c-list {
20396
20387
  font-variant-numeric: tabular-nums;
20397
20388
  }
20398
20389
 
20399
- :root,
20400
20390
  .pf-v6-c-progress-stepper {
20401
20391
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
20402
20392
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -20518,7 +20508,6 @@ ul.pf-v6-c-list {
20518
20508
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
20519
20509
  }
20520
20510
  @media screen and (min-width: 48rem) {
20521
- :root,
20522
20511
  .pf-v6-c-progress-stepper {
20523
20512
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
20524
20513
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -21008,7 +20997,6 @@ ul.pf-v6-c-list {
21008
20997
  }
21009
20998
  }
21010
20999
 
21011
- :root,
21012
21000
  .pf-v6-c-radio {
21013
21001
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
21014
21002
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -21090,7 +21078,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21090
21078
  cursor: not-allowed;
21091
21079
  }
21092
21080
 
21093
- :root,
21094
21081
  .pf-v6-c-sidebar {
21095
21082
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
21096
21083
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -21435,7 +21422,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21435
21422
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
21436
21423
  }
21437
21424
  }
21438
- :root,
21439
21425
  .pf-v6-c-simple-list {
21440
21426
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21441
21427
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -21506,7 +21492,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21506
21492
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
21507
21493
  }
21508
21494
 
21509
- :root,
21510
21495
  .pf-v6-c-skeleton {
21511
21496
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21512
21497
  --pf-v6-c-skeleton--Width: auto;
@@ -21672,7 +21657,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21672
21657
  transform: translateX(100%);
21673
21658
  }
21674
21659
  }
21675
- :root,
21676
21660
  .pf-v6-c-skip-to-content {
21677
21661
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
21678
21662
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -21689,7 +21673,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21689
21673
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
21690
21674
  }
21691
21675
 
21692
- :root,
21693
21676
  .pf-v6-c-slider {
21694
21677
  --pf-v6-c-slider--value: 0;
21695
21678
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -21911,7 +21894,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21911
21894
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
21912
21895
  }
21913
21896
 
21914
- :root,
21915
21897
  .pf-v6-c-spinner {
21916
21898
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
21917
21899
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -21988,7 +21970,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21988
21970
  transform: rotate(720deg);
21989
21971
  }
21990
21972
  }
21991
- :root,
21992
21973
  .pf-v6-c-switch {
21993
21974
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
21994
21975
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -22137,7 +22118,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22137
22118
  vertical-align: top;
22138
22119
  }
22139
22120
 
22140
- :root,
22141
22121
  .pf-v6-c-tab-content {
22142
22122
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
22143
22123
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
@@ -22183,7 +22163,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22183
22163
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
22184
22164
  }
22185
22165
 
22186
- :root,
22187
22166
  .pf-v6-c-table {
22188
22167
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
22189
22168
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -22196,9 +22175,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22196
22175
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
22197
22176
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22198
22177
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
22199
- --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);
22200
22179
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22201
- --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);
22202
22181
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
22203
22182
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22204
22183
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -22228,8 +22207,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22228
22207
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
22229
22208
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22230
22209
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22231
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22232
- --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);
22233
22212
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22234
22213
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22235
22214
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -22247,6 +22226,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22247
22226
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22248
22227
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22249
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;
22250
22230
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22251
22231
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22252
22232
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22546,6 +22526,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22546
22526
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22547
22527
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22548
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;
22549
22530
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22550
22531
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22551
22532
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22848,6 +22829,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22848
22829
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22849
22830
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22850
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;
22851
22833
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22852
22834
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22853
22835
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23150,6 +23132,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23150
23132
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23151
23133
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23152
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;
23153
23136
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23154
23137
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23155
23138
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23452,6 +23435,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23452
23435
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23453
23436
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23454
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;
23455
23439
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23456
23440
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23457
23441
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23748,7 +23732,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23748
23732
  }
23749
23733
  }
23750
23734
 
23751
- :root,
23752
23735
  .pf-v6-c-table {
23753
23736
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23754
23737
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -23758,7 +23741,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23758
23741
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
23759
23742
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
23760
23743
  --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
23761
- --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);
23762
23745
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
23763
23746
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
23764
23747
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -23776,7 +23759,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23776
23759
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
23777
23760
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
23778
23761
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
23779
- --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);
23780
23763
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23781
23764
  --pf-v6-c-table--cell--MinWidth: 0;
23782
23765
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -24005,10 +23988,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24005
23988
  }
24006
23989
  }
24007
23990
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24008
- 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);
24009
23992
  }
24010
23993
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
24011
- 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);
24012
23995
  }
24013
23996
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
24014
23997
  text-align: center;
@@ -24241,7 +24224,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24241
24224
  .pf-v6-c-table__column-help {
24242
24225
  display: inline-grid;
24243
24226
  grid-template-columns: auto max-content;
24244
- align-items: baseline;
24227
+ align-items: last baseline;
24245
24228
  justify-content: start;
24246
24229
  }
24247
24230
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -24406,6 +24389,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24406
24389
  }
24407
24390
 
24408
24391
  .pf-v6-c-table__column-help-action {
24392
+ align-self: last baseline;
24409
24393
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24410
24394
  }
24411
24395
 
@@ -24612,7 +24596,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24612
24596
  --pf-v6-c-table--cell--Width: 100%;
24613
24597
  }
24614
24598
 
24615
- :root,
24616
24599
  .pf-v6-c-table {
24617
24600
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
24618
24601
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -24677,7 +24660,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24677
24660
  overflow: auto;
24678
24661
  }
24679
24662
 
24680
- :root,
24681
24663
  .pf-v6-c-table {
24682
24664
  --pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
24683
24665
  --pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
@@ -25498,7 +25480,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25498
25480
  }
25499
25481
  }
25500
25482
 
25501
- :root,
25502
25483
  .pf-v6-c-tabs {
25503
25484
  --pf-v6-c-tabs--inset: 0;
25504
25485
  --pf-v6-c-tabs--Width: auto;
@@ -26311,7 +26292,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26311
26292
  }
26312
26293
  }
26313
26294
 
26314
- :root,
26315
26295
  .pf-v6-c-text-input-group {
26316
26296
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
26317
26297
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -26353,9 +26333,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26353
26333
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
26354
26334
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
26355
26335
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
26356
- --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
26336
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
26357
26337
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
26358
- --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
26338
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
26359
26339
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
26360
26340
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
26361
26341
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -26513,7 +26493,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26513
26493
  display: flex;
26514
26494
  }
26515
26495
 
26516
- :root,
26517
26496
  .pf-v6-c-tile {
26518
26497
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
26519
26498
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -26617,7 +26596,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26617
26596
  color: var(--pf-v6-c-tile__icon--Color);
26618
26597
  }
26619
26598
 
26620
- :root,
26621
26599
  .pf-v6-c-timestamp {
26622
26600
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
26623
26601
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
@@ -26649,7 +26627,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26649
26627
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
26650
26628
  }
26651
26629
 
26652
- :root,
26653
26630
  .pf-v6-c-title {
26654
26631
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
26655
26632
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -26755,7 +26732,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26755
26732
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
26756
26733
  }
26757
26734
 
26758
- :root,
26759
26735
  .pf-v6-c-toggle-group {
26760
26736
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26761
26737
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -26879,7 +26855,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26879
26855
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
26880
26856
  }
26881
26857
 
26882
- :root,
26883
26858
  .pf-v6-c-toolbar {
26884
26859
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
26885
26860
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -28783,7 +28758,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28783
28758
  display: inline-flex;
28784
28759
  }
28785
28760
  }
28786
- :root,
28787
28761
  .pf-v6-c-tooltip {
28788
28762
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
28789
28763
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -28906,7 +28880,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28906
28880
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
28907
28881
  }
28908
28882
 
28909
- :root,
28910
28883
  .pf-v6-c-truncate {
28911
28884
  --pf-v6-c-truncate--MinWidth: 6ch;
28912
28885
  --pf-v6-c-truncate__start--MinWidth: 6ch;
@@ -28953,7 +28926,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28953
28926
  direction: rtl;
28954
28927
  }
28955
28928
  }
28956
- :root,
28957
28929
  .pf-v6-c-number-input {
28958
28930
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
28959
28931
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -28993,7 +28965,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28993
28965
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
28994
28966
  }
28995
28967
 
28996
- :root,
28997
28968
  .pf-v6-c-tree-view {
28998
28969
  --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
28999
28970
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
@@ -29447,7 +29418,6 @@ label.pf-v6-c-tree-view__node-text {
29447
29418
  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
29448
29419
  }
29449
29420
 
29450
- :root,
29451
29421
  .pf-v6-c-wizard {
29452
29422
  --pf-v6-c-wizard--Height: initial;
29453
29423
  --pf-v6-c-wizard--Height--base: 100%;
@@ -29564,7 +29534,6 @@ label.pf-v6-c-tree-view__node-text {
29564
29534
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
29565
29535
  }
29566
29536
  @media screen and (min-width: 62rem) {
29567
- :root,
29568
29537
  .pf-v6-c-wizard {
29569
29538
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
29570
29539
  --pf-v6-c-wizard__nav--BoxShadow: none;
@@ -29937,7 +29906,6 @@ label.pf-v6-c-tree-view__node-text {
29937
29906
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
29938
29907
  }
29939
29908
 
29940
- :root,
29941
29909
  .pf-v6-l-bullseye {
29942
29910
  --pf-v6-l-bullseye--Padding: 0;
29943
29911
  }
@@ -29951,7 +29919,6 @@ label.pf-v6-c-tree-view__node-text {
29951
29919
  margin: 0;
29952
29920
  }
29953
29921
 
29954
- :root,
29955
29922
  .pf-v6-l-flex {
29956
29923
  --pf-v6-l-flex--Display: flex;
29957
29924
  --pf-v6-l-flex--FlexWrap: wrap;
@@ -32333,7 +32300,6 @@ label.pf-v6-c-tree-view__node-text {
32333
32300
  }
32334
32301
  }
32335
32302
 
32336
- :root,
32337
32303
  .pf-v6-l-gallery {
32338
32304
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32339
32305
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
@@ -32405,7 +32371,6 @@ label.pf-v6-c-tree-view__node-text {
32405
32371
  }
32406
32372
  }
32407
32373
 
32408
- :root,
32409
32374
  .pf-v6-l-grid {
32410
32375
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32411
32376
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -33343,7 +33308,6 @@ label.pf-v6-c-tree-view__node-text {
33343
33308
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
33344
33309
  }
33345
33310
 
33346
- :root,
33347
33311
  .pf-v6-l-level {
33348
33312
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33349
33313
  }
@@ -33358,7 +33322,6 @@ label.pf-v6-c-tree-view__node-text {
33358
33322
  gap: var(--pf-v6-l-level--m-gutter--Gap);
33359
33323
  }
33360
33324
 
33361
- :root,
33362
33325
  .pf-v6-l-split {
33363
33326
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33364
33327
  }
@@ -33380,7 +33343,6 @@ label.pf-v6-c-tree-view__node-text {
33380
33343
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
33381
33344
  }
33382
33345
 
33383
- :root,
33384
33346
  .pf-v6-l-stack {
33385
33347
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33386
33348
  }