@patternfly/patternfly 6.0.0-prerelease.9 → 6.1.0-prerelease.1

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 (196) 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 +0 -7
  43. package/components/Drawer/drawer.scss +0 -5
  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 +15 -10
  74. package/components/Page/page.scss +17 -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 -239
  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/Tile/{examples → deprecated}/Tile.md +1 -0
  124. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  125. package/docs/demos/Card/examples/Card.md +4 -4
  126. package/docs/demos/CardView/examples/CardView.md +10 -4
  127. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  128. package/docs/demos/DataList/examples/DataList.md +37 -13
  129. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  130. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  131. package/docs/demos/Page/examples/Page.md +2 -2
  132. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  133. package/docs/demos/Table/examples/Table.md +235 -91
  134. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  135. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  136. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  137. package/layouts/Bullseye/bullseye.css +0 -1
  138. package/layouts/Flex/flex.css +0 -1
  139. package/layouts/Gallery/gallery.css +0 -1
  140. package/layouts/Grid/grid.css +0 -1
  141. package/layouts/Level/level.css +0 -1
  142. package/layouts/Split/split.css +0 -1
  143. package/layouts/Stack/stack.css +0 -1
  144. package/layouts/_index.css +0 -7
  145. package/package.json +5 -5
  146. package/patternfly-base-no-globals.css +84 -62
  147. package/patternfly-base.css +99 -62
  148. package/patternfly-charts.css +2 -2
  149. package/patternfly-charts.scss +2 -2
  150. package/patternfly-no-globals.css +256 -308
  151. package/patternfly.css +271 -308
  152. package/patternfly.min.css +1 -1
  153. package/patternfly.min.css.map +1 -1
  154. package/sass-utilities/mixins.scss +3 -3
  155. package/assets/images/PF-Masthead-Logo.svg +0 -1
  156. package/assets/images/background-filter.svg +0 -17
  157. package/assets/images/g_sizing.png +0 -0
  158. package/assets/images/img_avatar-dark.svg +0 -22
  159. package/assets/images/img_avatar.svg +0 -21
  160. package/assets/images/l_pf-reverse-164x11.png +0 -0
  161. package/assets/images/l_pf-reverse.svg +0 -1
  162. package/assets/images/logo-dropbox-old.svg +0 -1
  163. package/assets/images/logo-dropbox.svg +0 -6
  164. package/assets/images/logo-facebook.svg +0 -4
  165. package/assets/images/logo-github.svg +0 -4
  166. package/assets/images/logo-gitlab.svg +0 -4
  167. package/assets/images/logo-google.svg +0 -4
  168. package/assets/images/logo-google2.svg +0 -10
  169. package/assets/images/logo__pf--reverse--base.png +0 -0
  170. package/assets/images/logo__pf--reverse--base.svg +0 -40
  171. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  172. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  173. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  175. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  177. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  179. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  180. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  181. package/assets/images/pf-c-brand__logo.svg +0 -10
  182. package/assets/images/pf-logo.svg +0 -28
  183. package/assets/images/pf_logo.svg +0 -37
  184. package/assets/images/pf_logo_color.svg +0 -22
  185. package/assets/images/pf_logo_white.svg +0 -37
  186. package/assets/images/pf_mini_logo_white.svg +0 -1
  187. package/assets/images/pfbg_1200.jpg +0 -0
  188. package/assets/images/pfbg_2000.jpg +0 -0
  189. package/assets/images/pfbg_576.jpg +0 -0
  190. package/assets/images/pfbg_576@2x.jpg +0 -0
  191. package/assets/images/pfbg_768.jpg +0 -0
  192. package/assets/images/pfbg_768@2x.jpg +0 -0
  193. package/assets/images/pfbg_992.jpg +0 -0
  194. package/assets/images/pfbg_992@2x.jpg +0 -0
  195. package/assets/images/status-icon-sprite.svg +0 -38
  196. /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -0
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);
@@ -12825,11 +12812,9 @@ ul) {
12825
12812
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
12826
12813
  }
12827
12814
  @media screen and (min-width: 75rem) {
12828
- :root,
12829
12815
  .pf-v6-c-drawer {
12830
12816
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
12831
12817
  }
12832
- :root.pf-m-panel-bottom,
12833
12818
  .pf-v6-c-drawer.pf-m-panel-bottom {
12834
12819
  --pf-v6-c-drawer__panel--MinWidth: auto;
12835
12820
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
@@ -13059,10 +13044,6 @@ ul) {
13059
13044
  flex: 1 1;
13060
13045
  }
13061
13046
 
13062
- .pf-v6-c-drawer__body > .pf-v6-c-page__main {
13063
- height: 100%;
13064
- }
13065
-
13066
13047
  .pf-v6-c-drawer__splitter {
13067
13048
  position: relative;
13068
13049
  display: none;
@@ -13560,7 +13541,6 @@ ul) {
13560
13541
  display: none;
13561
13542
  }
13562
13543
  }
13563
- :root,
13564
13544
  .pf-v6-c-empty-state {
13565
13545
  --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
13566
13546
  --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -13599,7 +13579,7 @@ ul) {
13599
13579
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
13600
13580
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
13601
13581
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
13602
- --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);
13603
13583
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
13604
13584
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
13605
13585
  --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13700,7 +13680,6 @@ ul) {
13700
13680
  justify-content: center;
13701
13681
  }
13702
13682
 
13703
- :root,
13704
13683
  .pf-v6-c-expandable-section {
13705
13684
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
13706
13685
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -13782,7 +13761,6 @@ ul) {
13782
13761
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13783
13762
  }
13784
13763
 
13785
- :root,
13786
13764
  .pf-v6-c-file-upload {
13787
13765
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
13788
13766
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13840,9 +13818,8 @@ ul) {
13840
13818
  transform: translate(-50%, -50%);
13841
13819
  }
13842
13820
 
13843
- :root,
13844
13821
  .pf-v6-c-form {
13845
- --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);
13846
13823
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13847
13824
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
13848
13825
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
@@ -14355,7 +14332,6 @@ ul) {
14355
14332
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
14356
14333
  }
14357
14334
 
14358
- :root,
14359
14335
  .pf-v6-c-form-control {
14360
14336
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14361
14337
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -14419,6 +14395,10 @@ ul) {
14419
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));
14420
14396
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
14421
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));
14422
14402
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
14423
14403
  --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
14424
14404
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -14474,18 +14454,33 @@ ul) {
14474
14454
  background-color: transparent;
14475
14455
  border: none;
14476
14456
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
14457
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14477
14458
  -moz-appearance: none;
14478
14459
  -webkit-appearance: none;
14479
14460
  }
14480
- .pf-v6-c-form-control > :is(input, select, textarea):focus {
14481
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14482
- }
14483
14461
  .pf-v6-c-form-control > ::placeholder {
14484
14462
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
14485
14463
  }
14486
14464
  .pf-v6-c-form-control > :is(input, select) {
14487
14465
  text-overflow: ellipsis;
14488
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
+ }
14489
14484
  .pf-v6-c-form-control.pf-m-readonly {
14490
14485
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
14491
14486
  --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
@@ -14628,7 +14623,6 @@ select ~ .pf-v6-c-form-control__utilities {
14628
14623
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
14629
14624
  }
14630
14625
 
14631
- :root,
14632
14626
  .pf-v6-c-hint {
14633
14627
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
14634
14628
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -14704,7 +14698,6 @@ select ~ .pf-v6-c-form-control__utilities {
14704
14698
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
14705
14699
  }
14706
14700
 
14707
- :root,
14708
14701
  .pf-v6-c-helper-text {
14709
14702
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
14710
14703
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -14777,7 +14770,6 @@ select ~ .pf-v6-c-form-control__utilities {
14777
14770
  color: var(--pf-v6-c-helper-text__item-text--Color);
14778
14771
  }
14779
14772
 
14780
- :root,
14781
14773
  .pf-v6-c-icon {
14782
14774
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
14783
14775
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -15034,7 +15026,6 @@ select ~ .pf-v6-c-form-control__utilities {
15034
15026
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
15035
15027
  }
15036
15028
 
15037
- :root,
15038
15029
  .pf-v6-c-inline-edit {
15039
15030
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
15040
15031
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
@@ -15118,7 +15109,6 @@ select ~ .pf-v6-c-form-control__utilities {
15118
15109
  display: none;
15119
15110
  }
15120
15111
 
15121
- :root,
15122
15112
  .pf-v6-c-input-group {
15123
15113
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
15124
15114
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
@@ -15192,7 +15182,6 @@ label.pf-v6-c-input-group__text {
15192
15182
  cursor: pointer;
15193
15183
  }
15194
15184
 
15195
- :root,
15196
15185
  .pf-v6-c-jump-links {
15197
15186
  --pf-v6-c-jump-links__list--Display: flex;
15198
15187
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
@@ -15439,7 +15428,6 @@ label.pf-v6-c-input-group__text {
15439
15428
  scale: -1 1;
15440
15429
  }
15441
15430
 
15442
- :root,
15443
15431
  .pf-v6-c-label {
15444
15432
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
15445
15433
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -15934,7 +15922,6 @@ input.pf-v6-c-label__content {
15934
15922
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
15935
15923
  }
15936
15924
 
15937
- :root,
15938
15925
  .pf-v6-c-label-group {
15939
15926
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
15940
15927
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -16070,7 +16057,6 @@ input.pf-v6-c-label__content {
16070
16057
  display: none;
16071
16058
  }
16072
16059
 
16073
- :root,
16074
16060
  .pf-v6-c-list {
16075
16061
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16076
16062
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
@@ -16142,7 +16128,6 @@ ul.pf-v6-c-list {
16142
16128
  color: var(--pf-v6-c-list__item-icon--Color);
16143
16129
  }
16144
16130
 
16145
- :root,
16146
16131
  .pf-v6-c-login {
16147
16132
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16148
16133
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -16199,33 +16184,28 @@ ul.pf-v6-c-list {
16199
16184
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
16200
16185
  }
16201
16186
  @media (min-width: 75rem) {
16202
- :root,
16203
16187
  .pf-v6-c-login {
16204
16188
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
16205
16189
  }
16206
16190
  }
16207
16191
  @media (min-width: 36rem) {
16208
- :root,
16209
16192
  .pf-v6-c-login {
16210
16193
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
16211
16194
  --pf-v6-c-login__header--PaddingInlineStart: 0;
16212
16195
  }
16213
16196
  }
16214
16197
  @media (min-width: 75rem) {
16215
- :root,
16216
16198
  .pf-v6-c-login {
16217
16199
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
16218
16200
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
16219
16201
  }
16220
16202
  }
16221
16203
  @media (min-width: 75rem) {
16222
- :root,
16223
16204
  .pf-v6-c-login {
16224
16205
  --pf-v6-c-login__main--MarginBlockEnd: 0;
16225
16206
  }
16226
16207
  }
16227
16208
  @media (min-width: 48rem) {
16228
- :root,
16229
16209
  .pf-v6-c-login {
16230
16210
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
16231
16211
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
@@ -16233,21 +16213,18 @@ ul.pf-v6-c-list {
16233
16213
  }
16234
16214
  }
16235
16215
  @media (min-width: 48rem) {
16236
- :root,
16237
16216
  .pf-v6-c-login {
16238
16217
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
16239
16218
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
16240
16219
  }
16241
16220
  }
16242
16221
  @media (min-width: 36rem) {
16243
- :root,
16244
16222
  .pf-v6-c-login {
16245
16223
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
16246
16224
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
16247
16225
  }
16248
16226
  }
16249
16227
  @media (min-width: 75rem) {
16250
- :root,
16251
16228
  .pf-v6-c-login {
16252
16229
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
16253
16230
  }
@@ -16403,7 +16380,6 @@ ul.pf-v6-c-list {
16403
16380
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
16404
16381
  }
16405
16382
 
16406
- :root,
16407
16383
  .pf-v6-c-masthead {
16408
16384
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
16409
16385
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -16939,7 +16915,6 @@ ul.pf-v6-c-list {
16939
16915
  padding-inline-end: var(--pf-t--global--spacer--2xl);
16940
16916
  }
16941
16917
 
16942
- :root,
16943
16918
  .pf-v6-c-menu {
16944
16919
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
16945
16920
  --pf-v6-c-menu--Width: auto;
@@ -17521,9 +17496,8 @@ ul.pf-v6-c-list {
17521
17496
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
17522
17497
  }
17523
17498
 
17524
- :root,
17525
17499
  .pf-v6-c-menu-toggle {
17526
- --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);
17527
17501
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
17528
17502
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17529
17503
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -17588,26 +17562,30 @@ ul.pf-v6-c-list {
17588
17562
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
17589
17563
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
17590
17564
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
17591
- --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));
17592
17565
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
17593
17566
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
17594
17567
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
17595
17568
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17596
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
17597
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17598
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-t--global--border--radius--pill);
17599
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17600
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17601
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17602
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17603
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
17604
- --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);
17605
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);
17606
17582
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
17607
17583
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
17608
17584
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
17609
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));
17610
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);
17611
17589
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
17612
17590
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
17613
17591
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -17615,14 +17593,15 @@ ul.pf-v6-c-list {
17615
17593
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17616
17594
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17617
17595
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17618
- --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);
17619
17599
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
17620
17600
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
17621
17601
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
17622
17602
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
17623
17603
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17624
17604
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17625
- --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
17626
17605
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
17627
17606
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
17628
17607
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -17631,12 +17610,13 @@ ul.pf-v6-c-list {
17631
17610
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
17632
17611
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
17633
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);
17634
17614
  }
17635
17615
 
17636
17616
  .pf-v6-c-menu-toggle {
17637
17617
  position: relative;
17638
17618
  display: inline-flex;
17639
- column-gap: var(--pf-v6-c-menu-toggle--ColumnGap);
17619
+ gap: var(--pf-v6-c-menu-toggle--Gap);
17640
17620
  align-items: center;
17641
17621
  justify-content: center;
17642
17622
  min-width: var(--pf-v6-c-menu-toggle--MinWidth);
@@ -17722,6 +17702,8 @@ ul.pf-v6-c-list {
17722
17702
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
17723
17703
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
17724
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);
17725
17707
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
17726
17708
  }
17727
17709
  .pf-v6-c-menu-toggle.pf-m-plain::before {
@@ -17750,9 +17732,6 @@ ul.pf-v6-c-list {
17750
17732
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
17751
17733
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
17752
17734
  }
17753
- .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
17754
- background-color: transparent;
17755
- }
17756
17735
  .pf-v6-c-menu-toggle.pf-m-success {
17757
17736
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
17758
17737
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
@@ -17781,7 +17760,8 @@ ul.pf-v6-c-list {
17781
17760
  }
17782
17761
 
17783
17762
  .pf-v6-c-menu-toggle.pf-m-split-button {
17784
- --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);
17785
17765
  padding: 0;
17786
17766
  }
17787
17767
  .pf-v6-c-menu-toggle.pf-m-split-button > * {
@@ -17800,7 +17780,6 @@ ul.pf-v6-c-list {
17800
17780
  border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
17801
17781
  }
17802
17782
  .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
17803
- --pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
17804
17783
  --pf-v6-c-check__label--Color: currentcolor;
17805
17784
  --pf-v6-c-check__label--disabled--Color: currentcolor;
17806
17785
  align-items: center;
@@ -17810,49 +17789,51 @@ ul.pf-v6-c-list {
17810
17789
  --pf-v6-c-check__input--TranslateY: 0;
17811
17790
  align-self: center;
17812
17791
  }
17813
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-plain {
17814
- --pf-v6-c-menu-toggle--BorderColor: transparent;
17815
- }
17816
-
17817
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
17818
- --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);
17819
17794
  }
17820
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
17821
- 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);
17822
17797
  }
17823
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
17824
- 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);
17825
17801
  }
17826
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
17827
- --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);
17828
17805
  }
17829
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
17830
- 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);
17831
17808
  }
17832
- .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) {
17833
- --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);
17834
17811
  }
17835
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
17836
- --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);
17837
17816
  }
17838
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
17839
- --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);
17840
17821
  }
17841
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
17842
- --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);
17843
17824
  }
17844
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
17845
- content: none;
17846
- }
17847
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
17848
- --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 {
17849
17827
  color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
17850
17828
  background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
17851
17829
  }
17830
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
17831
+ content: none;
17832
+ }
17852
17833
 
17853
17834
  .pf-v6-c-menu-toggle.pf-m-typeahead {
17854
17835
  --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
17855
- --pf-v6-c-menu-toggle--ColumnGap: 0;
17836
+ --pf-v6-c-menu-toggle--Gap: 0;
17856
17837
  align-items: stretch;
17857
17838
  padding: 0;
17858
17839
  }
@@ -17870,6 +17851,7 @@ ul.pf-v6-c-list {
17870
17851
  }
17871
17852
 
17872
17853
  .pf-v6-c-menu-toggle__button {
17854
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
17873
17855
  align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
17874
17856
  min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
17875
17857
  padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
@@ -17878,13 +17860,13 @@ ul.pf-v6-c-list {
17878
17860
  background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
17879
17861
  border: 0;
17880
17862
  }
17881
- .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
17882
- padding-inline-start: 0;
17883
- }
17884
17863
  .pf-v6-c-menu-toggle__button.pf-m-text {
17885
17864
  display: inline-flex;
17886
17865
  align-items: baseline;
17887
- 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);
17888
17870
  }
17889
17871
 
17890
17872
  .pf-v6-c-menu-toggle__text {
@@ -17899,7 +17881,6 @@ ul.pf-v6-c-list {
17899
17881
  flex-wrap: nowrap;
17900
17882
  }
17901
17883
 
17902
- .pf-v6-c-menu-toggle__icon,
17903
17884
  .pf-v6-c-menu-toggle__controls,
17904
17885
  .pf-v6-c-menu-toggle__toggle-icon {
17905
17886
  display: flex;
@@ -17909,11 +17890,16 @@ ul.pf-v6-c-list {
17909
17890
 
17910
17891
  .pf-v6-c-menu-toggle__icon {
17911
17892
  flex-shrink: 0;
17912
- 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);
17913
17899
  }
17914
17900
 
17915
17901
  .pf-v6-c-menu-toggle__controls {
17916
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
17902
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
17917
17903
  margin-inline-start: auto;
17918
17904
  }
17919
17905
 
@@ -17923,11 +17909,9 @@ ul.pf-v6-c-list {
17923
17909
  }
17924
17910
 
17925
17911
  .pf-v6-c-menu-toggle__status-icon {
17926
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
17927
17912
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
17928
17913
  }
17929
17914
 
17930
- :root,
17931
17915
  .pf-v6-c-modal-box {
17932
17916
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
17933
17917
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
@@ -17981,7 +17965,6 @@ ul.pf-v6-c-list {
17981
17965
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
17982
17966
  }
17983
17967
  @media (min-width: 75rem) {
17984
- :root,
17985
17968
  .pf-v6-c-modal-box {
17986
17969
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
17987
17970
  }
@@ -18134,7 +18117,6 @@ ul.pf-v6-c-list {
18134
18117
  }
18135
18118
  }
18136
18119
 
18137
- :root,
18138
18120
  .pf-v6-c-multiple-file-upload {
18139
18121
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
18140
18122
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
@@ -18345,7 +18327,6 @@ ul.pf-v6-c-list {
18345
18327
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
18346
18328
  }
18347
18329
 
18348
- :root,
18349
18330
  .pf-v6-c-nav {
18350
18331
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
18351
18332
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -18654,7 +18635,6 @@ ul.pf-v6-c-list {
18654
18635
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
18655
18636
  }
18656
18637
 
18657
- :root,
18658
18638
  .pf-v6-c-notification-drawer {
18659
18639
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
18660
18640
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -18930,7 +18910,6 @@ ul.pf-v6-c-list {
18930
18910
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
18931
18911
  }
18932
18912
 
18933
- :root,
18934
18913
  .pf-v6-c-overflow-menu {
18935
18914
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
18936
18915
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -18968,13 +18947,13 @@ ul.pf-v6-c-list {
18968
18947
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
18969
18948
  }
18970
18949
 
18971
- :root,
18972
18950
  .pf-v6-c-page {
18973
18951
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18974
18952
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
18975
18953
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
18976
18954
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
18977
18955
  --pf-v6-c-page__sidebar--Width: 18.125rem;
18956
+ --pf-v6-c-page__sidebar--xl--Width: auto;
18978
18957
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18979
18958
  --pf-v6-c-page__sidebar--BoxShadow: none;
18980
18959
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -18983,7 +18962,7 @@ ul.pf-v6-c-list {
18983
18962
  --pf-v6-c-page__sidebar--TranslateZ: 0;
18984
18963
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
18985
18964
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
18986
- --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
18965
+ --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
18987
18966
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
18988
18967
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
18989
18968
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
@@ -18996,7 +18975,7 @@ ul.pf-v6-c-list {
18996
18975
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
18997
18976
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
18998
18977
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
18999
- --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);
19000
18979
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
19001
18980
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
19002
18981
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
@@ -19009,8 +18988,8 @@ ul.pf-v6-c-list {
19009
18988
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19010
18989
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
19011
18990
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
19012
- --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
19013
- --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;
19014
18993
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
19015
18994
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
19016
18995
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -19035,11 +19014,13 @@ ul.pf-v6-c-list {
19035
19014
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
19036
19015
  --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
19037
19016
  --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
19017
+ --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19038
19018
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
19039
19019
  --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
19040
19020
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
19041
19021
  --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
19042
19022
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19023
+ --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19043
19024
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
19044
19025
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
19045
19026
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
@@ -19050,7 +19031,6 @@ ul.pf-v6-c-list {
19050
19031
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
19051
19032
  }
19052
19033
  @media screen and (min-width: 75rem) {
19053
- :root,
19054
19034
  .pf-v6-c-page {
19055
19035
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
19056
19036
  }
@@ -19068,6 +19048,7 @@ ul.pf-v6-c-list {
19068
19048
  }
19069
19049
  @media (min-width: 75rem) {
19070
19050
  .pf-v6-c-page {
19051
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
19071
19052
  grid-template-areas: "header header" "sidebar main";
19072
19053
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
19073
19054
  }
@@ -19421,6 +19402,9 @@ ul.pf-v6-c-list {
19421
19402
  padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
19422
19403
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
19423
19404
  }
19405
+ .pf-v6-c-page__main-subnav.pf-m-sticky-top {
19406
+ padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
19407
+ }
19424
19408
 
19425
19409
  .pf-v6-c-page__main-breadcrumb {
19426
19410
  padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
@@ -19577,14 +19561,13 @@ ul.pf-v6-c-list {
19577
19561
  flex-shrink: 0;
19578
19562
  }
19579
19563
 
19580
- .pf-v6-c-page__drawer {
19581
- grid-area: main;
19564
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
19565
+ align-self: revert;
19582
19566
  }
19583
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
19584
- flex: 1 0 auto;
19567
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
19568
+ flex-grow: 1;
19585
19569
  }
19586
19570
 
19587
- :root,
19588
19571
  .pf-v6-c-pagination {
19589
19572
  --pf-v6-c-pagination--inset: 0;
19590
19573
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -19604,17 +19587,23 @@ ul.pf-v6-c-list {
19604
19587
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19605
19588
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
19606
19589
  --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
19607
- --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19608
19590
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19609
19591
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19610
- --pf-v6-c-pagination--m-sticky--ZIndex: 100;
19592
+ --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19593
+ --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
19611
19594
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
19612
19595
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19613
19596
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19614
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19615
- --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19616
- --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19617
19597
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19598
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19599
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19600
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19601
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19602
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19603
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
19604
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
19605
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19606
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19618
19607
  --pf-v6-c-pagination__page-menu--Display--base: block;
19619
19608
  --pf-v6-c-pagination__page-menu--Display: none;
19620
19609
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -19623,7 +19612,6 @@ ul.pf-v6-c-list {
19623
19612
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
19624
19613
  }
19625
19614
  @media screen and (min-width: 48rem) {
19626
- :root,
19627
19615
  .pf-v6-c-pagination {
19628
19616
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
19629
19617
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -19632,7 +19620,6 @@ ul.pf-v6-c-list {
19632
19620
  }
19633
19621
  }
19634
19622
  @media screen and (min-width: 75rem) {
19635
- :root,
19636
19623
  .pf-v6-c-pagination {
19637
19624
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
19638
19625
  }
@@ -19656,17 +19643,13 @@ ul.pf-v6-c-list {
19656
19643
  position: sticky;
19657
19644
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
19658
19645
  justify-content: center;
19659
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--PaddingInlineStart);
19660
- padding-inline-end: var(--pf-v6-c-pagination--m-bottom--PaddingInlineEnd);
19646
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19647
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19648
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19649
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19661
19650
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
19662
19651
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
19663
19652
  }
19664
- .pf-v6-c-pagination.pf-m-bottom.pf-m-static {
19665
- --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
19666
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
19667
- position: relative;
19668
- box-shadow: none;
19669
- }
19670
19653
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19671
19654
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
19672
19655
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -19688,6 +19671,10 @@ ul.pf-v6-c-list {
19688
19671
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
19689
19672
  position: relative;
19690
19673
  justify-content: flex-end;
19674
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19675
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19676
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19677
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19691
19678
  }
19692
19679
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19693
19680
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -19705,15 +19692,23 @@ ul.pf-v6-c-list {
19705
19692
  flex-basis: auto;
19706
19693
  }
19707
19694
  }
19695
+ .pf-v6-c-pagination.pf-m-static {
19696
+ position: relative;
19697
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19698
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19699
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19700
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19701
+ box-shadow: none;
19702
+ }
19708
19703
  .pf-v6-c-pagination.pf-m-sticky {
19709
19704
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19710
19705
  position: sticky;
19711
19706
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
19712
19707
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
19713
- padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
19714
- padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
19715
- padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
19716
- padding-inline-end: var(--pf-v6-c-pagination--m-sticky--PaddingInlineEnd);
19708
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19709
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19710
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19711
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19717
19712
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
19718
19713
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
19719
19714
  }
@@ -19934,7 +19929,6 @@ ul.pf-v6-c-list {
19934
19929
  }
19935
19930
  }
19936
19931
 
19937
- :root,
19938
19932
  .pf-v6-c-panel {
19939
19933
  --pf-v6-c-panel--Width: auto;
19940
19934
  --pf-v6-c-panel--MinWidth: auto;
@@ -20032,7 +20026,6 @@ ul.pf-v6-c-list {
20032
20026
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
20033
20027
  }
20034
20028
 
20035
- :root,
20036
20029
  .pf-v6-c-popover {
20037
20030
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
20038
20031
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -20235,7 +20228,6 @@ ul.pf-v6-c-list {
20235
20228
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
20236
20229
  }
20237
20230
 
20238
- :root,
20239
20231
  .pf-v6-c-progress {
20240
20232
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
20241
20233
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
@@ -20400,7 +20392,6 @@ ul.pf-v6-c-list {
20400
20392
  font-variant-numeric: tabular-nums;
20401
20393
  }
20402
20394
 
20403
- :root,
20404
20395
  .pf-v6-c-progress-stepper {
20405
20396
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
20406
20397
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -20522,7 +20513,6 @@ ul.pf-v6-c-list {
20522
20513
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
20523
20514
  }
20524
20515
  @media screen and (min-width: 48rem) {
20525
- :root,
20526
20516
  .pf-v6-c-progress-stepper {
20527
20517
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
20528
20518
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -21012,7 +21002,6 @@ ul.pf-v6-c-list {
21012
21002
  }
21013
21003
  }
21014
21004
 
21015
- :root,
21016
21005
  .pf-v6-c-radio {
21017
21006
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
21018
21007
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -21094,7 +21083,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21094
21083
  cursor: not-allowed;
21095
21084
  }
21096
21085
 
21097
- :root,
21098
21086
  .pf-v6-c-sidebar {
21099
21087
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
21100
21088
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -21439,7 +21427,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21439
21427
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
21440
21428
  }
21441
21429
  }
21442
- :root,
21443
21430
  .pf-v6-c-simple-list {
21444
21431
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21445
21432
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -21510,7 +21497,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21510
21497
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
21511
21498
  }
21512
21499
 
21513
- :root,
21514
21500
  .pf-v6-c-skeleton {
21515
21501
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21516
21502
  --pf-v6-c-skeleton--Width: auto;
@@ -21676,7 +21662,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21676
21662
  transform: translateX(100%);
21677
21663
  }
21678
21664
  }
21679
- :root,
21680
21665
  .pf-v6-c-skip-to-content {
21681
21666
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
21682
21667
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -21693,7 +21678,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21693
21678
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
21694
21679
  }
21695
21680
 
21696
- :root,
21697
21681
  .pf-v6-c-slider {
21698
21682
  --pf-v6-c-slider--value: 0;
21699
21683
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -21915,7 +21899,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21915
21899
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
21916
21900
  }
21917
21901
 
21918
- :root,
21919
21902
  .pf-v6-c-spinner {
21920
21903
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
21921
21904
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -21992,7 +21975,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21992
21975
  transform: rotate(720deg);
21993
21976
  }
21994
21977
  }
21995
- :root,
21996
21978
  .pf-v6-c-switch {
21997
21979
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
21998
21980
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -22141,7 +22123,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22141
22123
  vertical-align: top;
22142
22124
  }
22143
22125
 
22144
- :root,
22145
22126
  .pf-v6-c-tab-content {
22146
22127
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
22147
22128
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
@@ -22187,7 +22168,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22187
22168
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
22188
22169
  }
22189
22170
 
22190
- :root,
22191
22171
  .pf-v6-c-table {
22192
22172
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
22193
22173
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -22200,9 +22180,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22200
22180
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
22201
22181
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22202
22182
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
22203
- --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22183
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
22204
22184
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22205
- --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22185
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
22206
22186
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
22207
22187
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22208
22188
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -22232,8 +22212,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22232
22212
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
22233
22213
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22234
22214
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22235
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22236
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22215
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
22216
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
22237
22217
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22238
22218
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22239
22219
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -22251,6 +22231,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22251
22231
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22252
22232
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22253
22233
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22234
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22254
22235
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22255
22236
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22256
22237
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22550,6 +22531,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22550
22531
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22551
22532
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22552
22533
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22534
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22553
22535
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22554
22536
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22555
22537
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22852,6 +22834,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22852
22834
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22853
22835
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22854
22836
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22837
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22855
22838
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22856
22839
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22857
22840
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23154,6 +23137,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23154
23137
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23155
23138
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23156
23139
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
23140
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
23157
23141
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23158
23142
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23159
23143
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23456,6 +23440,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23456
23440
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23457
23441
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23458
23442
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
23443
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
23459
23444
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23460
23445
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23461
23446
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23752,7 +23737,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23752
23737
  }
23753
23738
  }
23754
23739
 
23755
- :root,
23756
23740
  .pf-v6-c-table {
23757
23741
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23758
23742
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -23762,7 +23746,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23762
23746
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
23763
23747
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
23764
23748
  --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
23765
- --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--lg);
23749
+ --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
23766
23750
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
23767
23751
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
23768
23752
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -23780,7 +23764,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23780
23764
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
23781
23765
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
23782
23766
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
23783
- --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
23767
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
23784
23768
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23785
23769
  --pf-v6-c-table--cell--MinWidth: 0;
23786
23770
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -24009,10 +23993,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24009
23993
  }
24010
23994
  }
24011
23995
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
24012
- padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineStart));
23996
+ padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
24013
23997
  }
24014
23998
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
24015
- padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
23999
+ padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
24016
24000
  }
24017
24001
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
24018
24002
  text-align: center;
@@ -24245,7 +24229,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24245
24229
  .pf-v6-c-table__column-help {
24246
24230
  display: inline-grid;
24247
24231
  grid-template-columns: auto max-content;
24248
- align-items: baseline;
24232
+ align-items: last baseline;
24249
24233
  justify-content: start;
24250
24234
  }
24251
24235
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -24410,6 +24394,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24410
24394
  }
24411
24395
 
24412
24396
  .pf-v6-c-table__column-help-action {
24397
+ align-self: last baseline;
24413
24398
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24414
24399
  }
24415
24400
 
@@ -24616,7 +24601,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24616
24601
  --pf-v6-c-table--cell--Width: 100%;
24617
24602
  }
24618
24603
 
24619
- :root,
24620
24604
  .pf-v6-c-table {
24621
24605
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
24622
24606
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -24681,7 +24665,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24681
24665
  overflow: auto;
24682
24666
  }
24683
24667
 
24684
- :root,
24685
24668
  .pf-v6-c-table {
24686
24669
  --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));
24687
24670
  --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));
@@ -25502,7 +25485,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25502
25485
  }
25503
25486
  }
25504
25487
 
25505
- :root,
25506
25488
  .pf-v6-c-tabs {
25507
25489
  --pf-v6-c-tabs--inset: 0;
25508
25490
  --pf-v6-c-tabs--Width: auto;
@@ -26315,7 +26297,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26315
26297
  }
26316
26298
  }
26317
26299
 
26318
- :root,
26319
26300
  .pf-v6-c-text-input-group {
26320
26301
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
26321
26302
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -26357,9 +26338,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26357
26338
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
26358
26339
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
26359
26340
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
26360
- --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
26341
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
26361
26342
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
26362
- --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
26343
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
26363
26344
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
26364
26345
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
26365
26346
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -26517,7 +26498,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26517
26498
  display: flex;
26518
26499
  }
26519
26500
 
26520
- :root,
26521
26501
  .pf-v6-c-tile {
26522
26502
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
26523
26503
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -26621,7 +26601,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26621
26601
  color: var(--pf-v6-c-tile__icon--Color);
26622
26602
  }
26623
26603
 
26624
- :root,
26625
26604
  .pf-v6-c-timestamp {
26626
26605
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
26627
26606
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
@@ -26653,7 +26632,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26653
26632
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
26654
26633
  }
26655
26634
 
26656
- :root,
26657
26635
  .pf-v6-c-title {
26658
26636
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
26659
26637
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -26759,7 +26737,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26759
26737
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
26760
26738
  }
26761
26739
 
26762
- :root,
26763
26740
  .pf-v6-c-toggle-group {
26764
26741
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26765
26742
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -26883,7 +26860,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26883
26860
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
26884
26861
  }
26885
26862
 
26886
- :root,
26887
26863
  .pf-v6-c-toolbar {
26888
26864
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
26889
26865
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -28787,7 +28763,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28787
28763
  display: inline-flex;
28788
28764
  }
28789
28765
  }
28790
- :root,
28791
28766
  .pf-v6-c-tooltip {
28792
28767
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
28793
28768
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -28910,7 +28885,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28910
28885
  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));
28911
28886
  }
28912
28887
 
28913
- :root,
28914
28888
  .pf-v6-c-truncate {
28915
28889
  --pf-v6-c-truncate--MinWidth: 6ch;
28916
28890
  --pf-v6-c-truncate__start--MinWidth: 6ch;
@@ -28957,7 +28931,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28957
28931
  direction: rtl;
28958
28932
  }
28959
28933
  }
28960
- :root,
28961
28934
  .pf-v6-c-number-input {
28962
28935
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
28963
28936
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -28997,7 +28970,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28997
28970
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
28998
28971
  }
28999
28972
 
29000
- :root,
29001
28973
  .pf-v6-c-tree-view {
29002
28974
  --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));
29003
28975
  --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));
@@ -29451,7 +29423,6 @@ label.pf-v6-c-tree-view__node-text {
29451
29423
  --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));
29452
29424
  }
29453
29425
 
29454
- :root,
29455
29426
  .pf-v6-c-wizard {
29456
29427
  --pf-v6-c-wizard--Height: initial;
29457
29428
  --pf-v6-c-wizard--Height--base: 100%;
@@ -29568,7 +29539,6 @@ label.pf-v6-c-tree-view__node-text {
29568
29539
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
29569
29540
  }
29570
29541
  @media screen and (min-width: 62rem) {
29571
- :root,
29572
29542
  .pf-v6-c-wizard {
29573
29543
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
29574
29544
  --pf-v6-c-wizard__nav--BoxShadow: none;
@@ -29941,7 +29911,6 @@ label.pf-v6-c-tree-view__node-text {
29941
29911
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
29942
29912
  }
29943
29913
 
29944
- :root,
29945
29914
  .pf-v6-l-bullseye {
29946
29915
  --pf-v6-l-bullseye--Padding: 0;
29947
29916
  }
@@ -29955,7 +29924,6 @@ label.pf-v6-c-tree-view__node-text {
29955
29924
  margin: 0;
29956
29925
  }
29957
29926
 
29958
- :root,
29959
29927
  .pf-v6-l-flex {
29960
29928
  --pf-v6-l-flex--Display: flex;
29961
29929
  --pf-v6-l-flex--FlexWrap: wrap;
@@ -32337,7 +32305,6 @@ label.pf-v6-c-tree-view__node-text {
32337
32305
  }
32338
32306
  }
32339
32307
 
32340
- :root,
32341
32308
  .pf-v6-l-gallery {
32342
32309
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32343
32310
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
@@ -32409,7 +32376,6 @@ label.pf-v6-c-tree-view__node-text {
32409
32376
  }
32410
32377
  }
32411
32378
 
32412
- :root,
32413
32379
  .pf-v6-l-grid {
32414
32380
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32415
32381
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -33347,7 +33313,6 @@ label.pf-v6-c-tree-view__node-text {
33347
33313
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
33348
33314
  }
33349
33315
 
33350
- :root,
33351
33316
  .pf-v6-l-level {
33352
33317
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33353
33318
  }
@@ -33362,7 +33327,6 @@ label.pf-v6-c-tree-view__node-text {
33362
33327
  gap: var(--pf-v6-l-level--m-gutter--Gap);
33363
33328
  }
33364
33329
 
33365
- :root,
33366
33330
  .pf-v6-l-split {
33367
33331
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33368
33332
  }
@@ -33384,7 +33348,6 @@ label.pf-v6-c-tree-view__node-text {
33384
33348
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
33385
33349
  }
33386
33350
 
33387
- :root,
33388
33351
  .pf-v6-l-stack {
33389
33352
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33390
33353
  }