@patternfly/patternfly 6.0.0-prerelease.9 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (194) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -62
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +12 -4
  7. package/base/tokens/tokens-default.scss +44 -27
  8. package/base/tokens/tokens-local.scss +30 -35
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/AboutModalBox/about-modal-box.css +0 -7
  11. package/components/Accordion/accordion.css +0 -1
  12. package/components/ActionList/action-list.css +1 -2
  13. package/components/ActionList/action-list.scss +1 -1
  14. package/components/Alert/alert-group.css +0 -1
  15. package/components/Alert/alert.css +2 -7
  16. package/components/Alert/alert.scss +2 -7
  17. package/components/Avatar/avatar.css +0 -1
  18. package/components/BackToTop/back-to-top.css +0 -2
  19. package/components/Backdrop/backdrop.css +0 -1
  20. package/components/BackgroundImage/background-image.css +0 -1
  21. package/components/Badge/badge.css +0 -1
  22. package/components/Banner/banner.css +0 -2
  23. package/components/Brand/brand.css +0 -1
  24. package/components/Breadcrumb/breadcrumb.css +0 -1
  25. package/components/Button/button.css +8 -1
  26. package/components/Button/button.scss +8 -0
  27. package/components/CalendarMonth/calendar-month.css +0 -1
  28. package/components/Card/card.css +0 -1
  29. package/components/Check/check.css +0 -1
  30. package/components/ClipboardCopy/clipboard-copy.css +0 -1
  31. package/components/CodeBlock/code-block.css +0 -1
  32. package/components/CodeEditor/code-editor.css +0 -1
  33. package/components/Content/content.css +2 -3
  34. package/components/Content/content.scss +2 -2
  35. package/components/DataList/data-list.css +4 -16
  36. package/components/DataList/data-list.scss +4 -14
  37. package/components/DatePicker/date-picker.css +0 -1
  38. package/components/DescriptionList/description-list.css +2 -9
  39. package/components/DescriptionList/description-list.scss +2 -2
  40. package/components/Divider/divider.css +0 -1
  41. package/components/DragDrop/drag-drop.css +0 -2
  42. package/components/Drawer/drawer.css +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 +10 -10
  74. package/components/Page/page.scss +11 -8
  75. package/components/Pagination/pagination.css +31 -20
  76. package/components/Pagination/pagination.scss +35 -23
  77. package/components/Panel/panel.css +0 -1
  78. package/components/Popover/popover.css +0 -1
  79. package/components/Progress/progress.css +0 -1
  80. package/components/ProgressStepper/progress-stepper.css +0 -2
  81. package/components/Radio/radio.css +0 -1
  82. package/components/Sidebar/sidebar.css +0 -1
  83. package/components/SimpleList/simple-list.css +0 -1
  84. package/components/Skeleton/skeleton.css +0 -1
  85. package/components/SkipToContent/skip-to-content.css +0 -1
  86. package/components/Slider/slider.css +0 -1
  87. package/components/Spinner/spinner.css +0 -1
  88. package/components/Switch/switch.css +0 -1
  89. package/components/TabContent/tab-content.css +0 -1
  90. package/components/Table/table-grid.css +9 -5
  91. package/components/Table/table-grid.scss +5 -4
  92. package/components/Table/table-scrollable.css +0 -1
  93. package/components/Table/table-tree-view.css +0 -1
  94. package/components/Table/table.css +6 -6
  95. package/components/Table/table.scss +6 -5
  96. package/components/Tabs/tabs.css +0 -1
  97. package/components/TextInputGroup/text-input-group.css +2 -3
  98. package/components/TextInputGroup/text-input-group.scss +2 -2
  99. package/components/Tile/tile.css +0 -1
  100. package/components/Timestamp/timestamp.css +0 -1
  101. package/components/Title/title.css +0 -1
  102. package/components/ToggleGroup/toggle-group.css +0 -1
  103. package/components/Toolbar/toolbar.css +0 -1
  104. package/components/Tooltip/tooltip.css +0 -1
  105. package/components/TreeView/tree-view.css +0 -1
  106. package/components/Truncate/truncate.css +0 -1
  107. package/components/Wizard/wizard.css +0 -2
  108. package/components/_index.css +167 -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/Toolbar/examples/Toolbar.md +37 -37
  124. package/docs/demos/Card/examples/Card.md +4 -4
  125. package/docs/demos/CardView/examples/CardView.md +10 -4
  126. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  127. package/docs/demos/DataList/examples/DataList.md +37 -13
  128. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  129. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  130. package/docs/demos/Page/examples/Page.md +2 -2
  131. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  132. package/docs/demos/Table/examples/Table.md +235 -91
  133. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  134. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  135. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  136. package/layouts/Bullseye/bullseye.css +0 -1
  137. package/layouts/Flex/flex.css +0 -1
  138. package/layouts/Gallery/gallery.css +0 -1
  139. package/layouts/Grid/grid.css +0 -1
  140. package/layouts/Level/level.css +0 -1
  141. package/layouts/Split/split.css +0 -1
  142. package/layouts/Stack/stack.css +0 -1
  143. package/layouts/_index.css +0 -7
  144. package/package.json +5 -5
  145. package/patternfly-base-no-globals.css +84 -62
  146. package/patternfly-base.css +99 -62
  147. package/patternfly-charts.css +2 -2
  148. package/patternfly-charts.scss +2 -2
  149. package/patternfly-no-globals.css +251 -308
  150. package/patternfly.css +266 -308
  151. package/patternfly.min.css +1 -1
  152. package/patternfly.min.css.map +1 -1
  153. package/sass-utilities/mixins.scss +3 -3
  154. package/assets/images/PF-Masthead-Logo.svg +0 -1
  155. package/assets/images/background-filter.svg +0 -17
  156. package/assets/images/g_sizing.png +0 -0
  157. package/assets/images/img_avatar-dark.svg +0 -22
  158. package/assets/images/img_avatar.svg +0 -21
  159. package/assets/images/l_pf-reverse-164x11.png +0 -0
  160. package/assets/images/l_pf-reverse.svg +0 -1
  161. package/assets/images/logo-dropbox-old.svg +0 -1
  162. package/assets/images/logo-dropbox.svg +0 -6
  163. package/assets/images/logo-facebook.svg +0 -4
  164. package/assets/images/logo-github.svg +0 -4
  165. package/assets/images/logo-gitlab.svg +0 -4
  166. package/assets/images/logo-google.svg +0 -4
  167. package/assets/images/logo-google2.svg +0 -10
  168. package/assets/images/logo__pf--reverse--base.png +0 -0
  169. package/assets/images/logo__pf--reverse--base.svg +0 -40
  170. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  171. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  172. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  173. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  175. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  177. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  179. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  180. package/assets/images/pf-c-brand__logo.svg +0 -10
  181. package/assets/images/pf-logo.svg +0 -28
  182. package/assets/images/pf_logo.svg +0 -37
  183. package/assets/images/pf_logo_color.svg +0 -22
  184. package/assets/images/pf_logo_white.svg +0 -37
  185. package/assets/images/pf_mini_logo_white.svg +0 -1
  186. package/assets/images/pfbg_1200.jpg +0 -0
  187. package/assets/images/pfbg_2000.jpg +0 -0
  188. package/assets/images/pfbg_576.jpg +0 -0
  189. package/assets/images/pfbg_576@2x.jpg +0 -0
  190. package/assets/images/pfbg_768.jpg +0 -0
  191. package/assets/images/pfbg_768@2x.jpg +0 -0
  192. package/assets/images/pfbg_992.jpg +0 -0
  193. package/assets/images/pfbg_992@2x.jpg +0 -0
  194. package/assets/images/status-icon-sprite.svg +0 -38
package/patternfly.css CHANGED
@@ -30,6 +30,21 @@ h6) {
30
30
  *::before,
31
31
  *::after {
32
32
  box-sizing: border-box;
33
+ scrollbar-color: var(--pf-t--global--border--color--default) transparent;
34
+ }
35
+
36
+ *::-webkit-scrollbar-thumb {
37
+ background-color: var(--pf-t--global--border--color--default);
38
+ border-radius: var(--pf-t--global--spacer--xs);
39
+ }
40
+
41
+ *::-webkit-scrollbar-track {
42
+ background-color: transparent;
43
+ }
44
+
45
+ *::-webkit-scrollbar {
46
+ max-width: var(--pf-t--global--spacer--sm);
47
+ max-height: var(--pf-t--global--spacer--sm);
33
48
  }
34
49
 
35
50
  :where(html,
@@ -6423,26 +6438,33 @@ button) {
6423
6438
  --pf-t--global--border--width--100: 1px;
6424
6439
  --pf-t--global--border--width--200: 2px;
6425
6440
  --pf-t--global--border--width--300: 3px;
6426
- --pf-t--global--box-shadow--X--100: -8px;
6441
+ --pf-t--global--box-shadow--X--100: -10px;
6427
6442
  --pf-t--global--box-shadow--X--200: -4px;
6428
6443
  --pf-t--global--box-shadow--X--300: -1px;
6429
6444
  --pf-t--global--box-shadow--X--400: 0px;
6445
+ --pf-t--global--box-shadow--X--50: -20px;
6430
6446
  --pf-t--global--box-shadow--X--500: 1px;
6431
6447
  --pf-t--global--box-shadow--X--600: 4px;
6432
- --pf-t--global--box-shadow--X--700: 8px;
6433
- --pf-t--global--box-shadow--Y--100: -8px;
6448
+ --pf-t--global--box-shadow--X--700: 10px;
6449
+ --pf-t--global--box-shadow--X--800: 20px;
6450
+ --pf-t--global--box-shadow--Y--100: -10px;
6434
6451
  --pf-t--global--box-shadow--Y--200: -4px;
6435
6452
  --pf-t--global--box-shadow--Y--300: -1px;
6436
6453
  --pf-t--global--box-shadow--Y--400: 0px;
6454
+ --pf-t--global--box-shadow--Y--50: -20px;
6437
6455
  --pf-t--global--box-shadow--Y--500: 1px;
6438
6456
  --pf-t--global--box-shadow--Y--600: 4px;
6439
- --pf-t--global--box-shadow--Y--700: 8px;
6457
+ --pf-t--global--box-shadow--Y--700: 10px;
6458
+ --pf-t--global--box-shadow--Y--800: 20px;
6440
6459
  --pf-t--global--box-shadow--blur--100: 4px;
6441
- --pf-t--global--box-shadow--blur--200: 8px;
6442
- --pf-t--global--box-shadow--blur--300: 24px;
6443
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
6444
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
6460
+ --pf-t--global--box-shadow--blur--200: 9px;
6461
+ --pf-t--global--box-shadow--blur--300: 20px;
6462
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6463
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6445
6464
  --pf-t--global--box-shadow--spread--100: 0px;
6465
+ --pf-t--global--box-shadow--spread--200: -4px;
6466
+ --pf-t--global--box-shadow--spread--300: -8px;
6467
+ --pf-t--global--box-shadow--spread--400: -20px;
6446
6468
  --pf-t--global--breakpoint--100: 0rem;
6447
6469
  --pf-t--global--breakpoint--200: 36rem;
6448
6470
  --pf-t--global--breakpoint--250: 40rem;
@@ -6511,11 +6533,13 @@ button) {
6511
6533
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
6512
6534
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
6513
6535
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
6536
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
6514
6537
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
6515
6538
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
6516
6539
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6517
6540
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6518
6541
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6542
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6519
6543
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6520
6544
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6521
6545
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
@@ -6545,43 +6569,49 @@ button) {
6545
6569
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
6546
6570
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
6547
6571
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
6548
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
6549
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
6572
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
6573
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
6550
6574
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
6551
6575
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
6552
6576
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
6553
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
6554
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
6577
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
6578
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
6555
6579
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
6556
6580
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
6557
6581
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
6558
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
6559
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
6582
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
6583
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
6560
6584
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
6561
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
6585
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
6562
6586
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
6563
6587
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
6564
6588
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
6565
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
6566
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
6589
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
6590
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
6567
6591
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
6568
6592
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
6569
6593
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
6570
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
6571
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
6594
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
6595
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
6572
6596
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
6573
6597
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
6574
6598
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
6575
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
6599
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
6576
6600
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
6577
6601
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
6578
6602
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
6579
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
6580
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
6581
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
6582
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
6583
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
6584
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
6603
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
6604
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
6605
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
6606
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
6607
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
6608
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
6609
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
6610
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
6611
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
6612
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
6613
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
6614
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
6585
6615
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
6586
6616
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
6587
6617
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
@@ -6728,7 +6758,9 @@ button) {
6728
6758
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
6729
6759
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
6730
6760
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
6761
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
6731
6762
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
6763
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
6732
6764
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
6733
6765
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
6734
6766
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
@@ -7090,97 +7122,94 @@ button) {
7090
7122
  var(--pf-t--global--box-shadow--X--sm--default)
7091
7123
  var(--pf-t--global--box-shadow--Y--sm--default)
7092
7124
  var(--pf-t--global--box-shadow--blur--sm)
7093
- var(--pf-t--global--box-shadow--spread--sm)
7094
- var(--pf-t--global--box-shadow--color--sm);
7125
+ var(--pf-t--global--box-shadow--spread--sm--default)
7126
+ var(--pf-t--global--box-shadow--color--sm--default);
7095
7127
  --pf-t--global--box-shadow--sm--top:
7096
7128
  var(--pf-t--global--box-shadow--X--sm--top)
7097
7129
  var(--pf-t--global--box-shadow--Y--sm--top)
7098
7130
  var(--pf-t--global--box-shadow--blur--sm)
7099
- var(--pf-t--global--box-shadow--spread--sm)
7100
- var(--pf-t--global--box-shadow--color--sm);
7131
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7132
+ var(--pf-t--global--box-shadow--color--sm--directional);
7101
7133
  --pf-t--global--box-shadow--sm--bottom:
7102
7134
  var(--pf-t--global--box-shadow--X--sm--bottom)
7103
7135
  var(--pf-t--global--box-shadow--Y--sm--bottom)
7104
7136
  var(--pf-t--global--box-shadow--blur--sm)
7105
- var(--pf-t--global--box-shadow--spread--sm)
7106
- var(--pf-t--global--box-shadow--color--sm);
7137
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7138
+ var(--pf-t--global--box-shadow--color--sm--directional);
7107
7139
  --pf-t--global--box-shadow--sm--left:
7108
7140
  var(--pf-t--global--box-shadow--X--sm--left)
7109
7141
  var(--pf-t--global--box-shadow--Y--sm--left)
7110
7142
  var(--pf-t--global--box-shadow--blur--sm)
7111
- var(--pf-t--global--box-shadow--spread--sm)
7112
- var(--pf-t--global--box-shadow--color--sm);
7143
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7144
+ var(--pf-t--global--box-shadow--color--sm--directional);
7113
7145
  --pf-t--global--box-shadow--sm--right:
7114
7146
  var(--pf-t--global--box-shadow--X--sm--right)
7115
7147
  var(--pf-t--global--box-shadow--Y--sm--right)
7116
7148
  var(--pf-t--global--box-shadow--blur--sm)
7117
- var(--pf-t--global--box-shadow--spread--sm)
7118
- var(--pf-t--global--box-shadow--color--sm);
7149
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7150
+ var(--pf-t--global--box-shadow--color--sm--directional);
7119
7151
  --pf-t--global--box-shadow--md:
7120
7152
  var(--pf-t--global--box-shadow--X--md--default)
7121
7153
  var(--pf-t--global--box-shadow--Y--md--default)
7122
7154
  var(--pf-t--global--box-shadow--blur--md)
7123
- var(--pf-t--global--box-shadow--spread--md)
7124
- var(--pf-t--global--box-shadow--color--md);
7155
+ var(--pf-t--global--box-shadow--spread--md--default)
7156
+ var(--pf-t--global--box-shadow--color--md--default);
7125
7157
  --pf-t--global--box-shadow--md--top:
7126
7158
  var(--pf-t--global--box-shadow--X--md--top)
7127
7159
  var(--pf-t--global--box-shadow--Y--md--top)
7128
7160
  var(--pf-t--global--box-shadow--blur--md)
7129
- var(--pf-t--global--box-shadow--spread--md)
7130
- var(--pf-t--global--box-shadow--color--md);
7161
+ var(--pf-t--global--box-shadow--spread--md--directional)
7162
+ var(--pf-t--global--box-shadow--color--md--directional);
7131
7163
  --pf-t--global--box-shadow--md--bottom:
7132
7164
  var(--pf-t--global--box-shadow--X--md--bottom)
7133
7165
  var(--pf-t--global--box-shadow--Y--md--bottom)
7134
7166
  var(--pf-t--global--box-shadow--blur--md)
7135
- var(--pf-t--global--box-shadow--spread--md)
7136
- var(--pf-t--global--box-shadow--color--md);
7167
+ var(--pf-t--global--box-shadow--spread--md--directional)
7168
+ var(--pf-t--global--box-shadow--color--md--directional);
7137
7169
  --pf-t--global--box-shadow--md--left:
7138
7170
  var(--pf-t--global--box-shadow--X--md--left)
7139
7171
  var(--pf-t--global--box-shadow--Y--md--left)
7140
7172
  var(--pf-t--global--box-shadow--blur--md)
7141
- var(--pf-t--global--box-shadow--spread--md)
7142
- var(--pf-t--global--box-shadow--color--md);
7173
+ var(--pf-t--global--box-shadow--spread--md--directional)
7174
+ var(--pf-t--global--box-shadow--color--md--directional);
7143
7175
  --pf-t--global--box-shadow--md--right:
7144
7176
  var(--pf-t--global--box-shadow--X--md--right)
7145
7177
  var(--pf-t--global--box-shadow--Y--md--right)
7146
7178
  var(--pf-t--global--box-shadow--blur--md)
7147
- var(--pf-t--global--box-shadow--spread--md)
7148
- var(--pf-t--global--box-shadow--color--md);
7179
+ var(--pf-t--global--box-shadow--spread--md--directional)
7180
+ var(--pf-t--global--box-shadow--color--md--directional);
7149
7181
  --pf-t--global--box-shadow--lg:
7150
7182
  var(--pf-t--global--box-shadow--X--lg--default)
7151
7183
  var(--pf-t--global--box-shadow--Y--lg--default)
7152
7184
  var(--pf-t--global--box-shadow--blur--lg)
7153
- var(--pf-t--global--box-shadow--spread--lg)
7154
- var(--pf-t--global--box-shadow--color--lg);
7185
+ var(--pf-t--global--box-shadow--spread--lg--default)
7186
+ var(--pf-t--global--box-shadow--color--lg--default);
7155
7187
  --pf-t--global--box-shadow--lg--top:
7156
7188
  var(--pf-t--global--box-shadow--X--lg--top)
7157
7189
  var(--pf-t--global--box-shadow--Y--lg--top)
7158
7190
  var(--pf-t--global--box-shadow--blur--lg)
7159
- var(--pf-t--global--box-shadow--spread--lg)
7160
- var(--pf-t--global--box-shadow--color--lg);
7191
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7192
+ var(--pf-t--global--box-shadow--color--lg--directional);
7161
7193
  --pf-t--global--box-shadow--lg--bottom:
7162
7194
  var(--pf-t--global--box-shadow--X--lg--bottom)
7163
7195
  var(--pf-t--global--box-shadow--Y--lg--bottom)
7164
7196
  var(--pf-t--global--box-shadow--blur--lg)
7165
- var(--pf-t--global--box-shadow--spread--lg)
7166
- var(--pf-t--global--box-shadow--color--lg);
7197
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7198
+ var(--pf-t--global--box-shadow--color--lg--directional);
7167
7199
  --pf-t--global--box-shadow--lg--left:
7168
7200
  var(--pf-t--global--box-shadow--X--lg--left)
7169
7201
  var(--pf-t--global--box-shadow--Y--lg--left)
7170
7202
  var(--pf-t--global--box-shadow--blur--lg)
7171
- var(--pf-t--global--box-shadow--spread--lg)
7172
- var(--pf-t--global--box-shadow--color--lg);
7203
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7204
+ var(--pf-t--global--box-shadow--color--lg--directional);
7173
7205
  --pf-t--global--box-shadow--lg--right:
7174
7206
  var(--pf-t--global--box-shadow--X--lg--right)
7175
7207
  var(--pf-t--global--box-shadow--Y--lg--right)
7176
7208
  var(--pf-t--global--box-shadow--blur--lg)
7177
- var(--pf-t--global--box-shadow--spread--lg)
7178
- var(--pf-t--global--box-shadow--color--lg);
7209
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7210
+ var(--pf-t--global--box-shadow--color--lg--directional);
7179
7211
  --pf-t--global--list-style: disc outside;
7180
7212
  --pf-t--temp--dev--tbd: #BC11E0;
7181
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7182
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7183
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7184
7213
  }
7185
7214
 
7186
7215
  :root:where(.pf-v6-theme-dark) {
@@ -7188,16 +7217,22 @@ button) {
7188
7217
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7189
7218
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7190
7219
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7220
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7191
7221
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7192
7222
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7193
7223
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7194
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
7195
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
7196
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
7224
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7225
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7226
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
7227
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
7228
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
7229
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
7230
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
7197
7231
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
7198
7232
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
7199
7233
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
7200
7234
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
7235
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
7201
7236
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
7202
7237
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7203
7238
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -7276,7 +7311,9 @@ button) {
7276
7311
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
7277
7312
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
7278
7313
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
7314
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
7279
7315
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
7316
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
7280
7317
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
7281
7318
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
7282
7319
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
@@ -7560,7 +7597,6 @@ button) {
7560
7597
  --pf-v6-global--inverse--multiplier: -1;
7561
7598
  }
7562
7599
 
7563
- :root,
7564
7600
  .pf-v6-c-about-modal-box {
7565
7601
  --pf-v6-c-about-modal-box--BackgroundImage: none;
7566
7602
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -7607,7 +7643,6 @@ button) {
7607
7643
  --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
7608
7644
  }
7609
7645
  @media screen and (min-width: 36rem) {
7610
- :root,
7611
7646
  .pf-v6-c-about-modal-box {
7612
7647
  --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
7613
7648
  --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
@@ -7615,32 +7650,27 @@ button) {
7615
7650
  }
7616
7651
  }
7617
7652
  @media only screen and (min-width: 36rem) {
7618
- :root,
7619
7653
  .pf-v6-c-about-modal-box {
7620
7654
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
7621
7655
  }
7622
7656
  }
7623
7657
  @media only screen and (min-width: 62rem) {
7624
- :root,
7625
7658
  .pf-v6-c-about-modal-box {
7626
7659
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
7627
7660
  }
7628
7661
  }
7629
7662
  @media only screen and (min-width: 36rem) {
7630
- :root,
7631
7663
  .pf-v6-c-about-modal-box {
7632
7664
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
7633
7665
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
7634
7666
  }
7635
7667
  }
7636
7668
  @media only screen and (min-width: 36rem) {
7637
- :root,
7638
7669
  .pf-v6-c-about-modal-box {
7639
7670
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
7640
7671
  }
7641
7672
  }
7642
7673
  @media only screen and (min-width: 36rem) {
7643
- :root,
7644
7674
  .pf-v6-c-about-modal-box {
7645
7675
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
7646
7676
  --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
@@ -7759,7 +7789,6 @@ button) {
7759
7789
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
7760
7790
  }
7761
7791
 
7762
- :root,
7763
7792
  .pf-v6-c-accordion {
7764
7793
  --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7765
7794
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
@@ -7912,10 +7941,9 @@ button) {
7912
7941
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
7913
7942
  }
7914
7943
 
7915
- :root,
7916
7944
  .pf-v6-c-action-list {
7917
7945
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
7918
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
7946
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
7919
7947
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
7920
7948
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
7921
7949
  }
@@ -7943,7 +7971,6 @@ button) {
7943
7971
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
7944
7972
  }
7945
7973
 
7946
- :root,
7947
7974
  .pf-v6-c-alert {
7948
7975
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
7949
7976
  --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -7962,6 +7989,7 @@ button) {
7962
7989
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
7963
7990
  --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
7964
7991
  --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
7992
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
7965
7993
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7966
7994
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
7967
7995
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -8081,6 +8109,7 @@ button) {
8081
8109
  .pf-v6-c-alert__toggle {
8082
8110
  margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
8083
8111
  margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
8112
+ margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
8084
8113
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
8085
8114
  }
8086
8115
 
@@ -8094,9 +8123,7 @@ button) {
8094
8123
  }
8095
8124
 
8096
8125
  .pf-v6-c-alert__icon {
8097
- display: flex;
8098
8126
  grid-area: icon;
8099
- margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
8100
8127
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
8101
8128
  font-size: var(--pf-v6-c-alert__icon--FontSize);
8102
8129
  color: var(--pf-v6-c-alert__icon--Color);
@@ -8129,10 +8156,6 @@ button) {
8129
8156
  margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
8130
8157
  margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
8131
8158
  margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
8132
- transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
8133
- }
8134
- .pf-v6-c-alert__action > .pf-v6-c-button {
8135
- --pf-v6-c-button--LineHeight: 1;
8136
8159
  }
8137
8160
 
8138
8161
  .pf-v6-c-alert__action-group {
@@ -8143,7 +8166,6 @@ button) {
8143
8166
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
8144
8167
  }
8145
8168
 
8146
- :root,
8147
8169
  .pf-v6-c-alert-group {
8148
8170
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
8149
8171
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
@@ -8258,7 +8280,6 @@ button) {
8258
8280
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
8259
8281
  }
8260
8282
 
8261
- :root,
8262
8283
  .pf-v6-c-avatar {
8263
8284
  --pf-v6-c-avatar--BorderColor: transparent;
8264
8285
  --pf-v6-c-avatar--BorderWidth: 0;
@@ -8504,7 +8525,6 @@ button) {
8504
8525
  }
8505
8526
  }
8506
8527
 
8507
- :root,
8508
8528
  .pf-v6-c-backdrop {
8509
8529
  --pf-v6-c-backdrop--Position: fixed;
8510
8530
  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
@@ -8525,7 +8545,6 @@ button) {
8525
8545
  overflow: hidden;
8526
8546
  }
8527
8547
 
8528
- :root,
8529
8548
  .pf-v6-c-background-image {
8530
8549
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8531
8550
  --pf-v6-c-background-image--BackgroundImage: none;
@@ -8553,7 +8572,6 @@ button) {
8553
8572
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
8554
8573
  }
8555
8574
 
8556
- :root,
8557
8575
  .pf-v6-c-back-to-top {
8558
8576
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
8559
8577
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
@@ -8566,7 +8584,6 @@ button) {
8566
8584
  --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
8567
8585
  }
8568
8586
  @media (min-width: 48rem) {
8569
- :root,
8570
8587
  .pf-v6-c-back-to-top {
8571
8588
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
8572
8589
  }
@@ -8589,7 +8606,6 @@ button) {
8589
8606
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
8590
8607
  }
8591
8608
 
8592
- :root,
8593
8609
  .pf-v6-c-badge {
8594
8610
  --pf-v6-c-badge--BorderColor: transparent;
8595
8611
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -8658,7 +8674,6 @@ button) {
8658
8674
  color: var(--pf-v6-c-badge__toggle-icon--Color);
8659
8675
  }
8660
8676
 
8661
- :root,
8662
8677
  .pf-v6-c-banner {
8663
8678
  --pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8664
8679
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -8703,7 +8718,6 @@ button) {
8703
8718
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
8704
8719
  }
8705
8720
  @media (min-width: 48rem) {
8706
- :root,
8707
8721
  .pf-v6-c-banner {
8708
8722
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
8709
8723
  --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
@@ -8800,7 +8814,6 @@ button) {
8800
8814
  cursor: not-allowed;
8801
8815
  }
8802
8816
 
8803
- :root,
8804
8817
  .pf-v6-c-brand {
8805
8818
  --pf-v6-c-brand--Width: auto;
8806
8819
  --pf-v6-c-brand--Height: auto;
@@ -8867,7 +8880,6 @@ button) {
8867
8880
  max-width: 100%;
8868
8881
  }
8869
8882
 
8870
- :root,
8871
8883
  .pf-v6-c-breadcrumb {
8872
8884
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
8873
8885
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -8976,7 +8988,6 @@ button.pf-v6-c-breadcrumb__link {
8976
8988
  display: none;
8977
8989
  }
8978
8990
 
8979
- :root,
8980
8991
  .pf-v6-c-button {
8981
8992
  --pf-v6-c-button--Display: inline-flex;
8982
8993
  --pf-v6-c-button--AlignItems: baseline;
@@ -9019,6 +9030,7 @@ button.pf-v6-c-breadcrumb__link {
9019
9030
  --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
9020
9031
  --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
9021
9032
  --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
9033
+ --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
9022
9034
  --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
9023
9035
  --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
9024
9036
  --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -9037,6 +9049,7 @@ button.pf-v6-c-breadcrumb__link {
9037
9049
  --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
9038
9050
  --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
9039
9051
  --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
9052
+ --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
9040
9053
  --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
9041
9054
  --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
9042
9055
  --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
@@ -9105,7 +9118,9 @@ button.pf-v6-c-breadcrumb__link {
9105
9118
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
9106
9119
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
9107
9120
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
9121
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
9108
9122
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
9123
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
9109
9124
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
9110
9125
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
9111
9126
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
@@ -9269,6 +9284,7 @@ button.pf-v6-c-breadcrumb__link {
9269
9284
  .pf-v6-c-button.pf-m-secondary {
9270
9285
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
9271
9286
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
9287
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
9272
9288
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
9273
9289
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
9274
9290
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
@@ -9294,6 +9310,7 @@ button.pf-v6-c-breadcrumb__link {
9294
9310
  .pf-v6-c-button.pf-m-tertiary {
9295
9311
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
9296
9312
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
9313
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
9297
9314
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
9298
9315
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
9299
9316
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
@@ -9457,6 +9474,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9457
9474
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
9458
9475
  }
9459
9476
  .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
9477
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
9460
9478
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
9461
9479
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
9462
9480
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
@@ -9488,6 +9506,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9488
9506
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9489
9507
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9490
9508
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9509
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9491
9510
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9492
9511
  text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
9493
9512
  }
@@ -9564,7 +9583,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9564
9583
  align-items: center;
9565
9584
  }
9566
9585
 
9567
- :root,
9568
9586
  .pf-v6-c-calendar-month {
9569
9587
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9570
9588
  --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -9770,7 +9788,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9770
9788
  pointer-events: none;
9771
9789
  }
9772
9790
 
9773
- :root,
9774
9791
  .pf-v6-c-card {
9775
9792
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9776
9793
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
@@ -10105,7 +10122,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
10105
10122
  color: var(--pf-v6-c-card__footer--Color);
10106
10123
  }
10107
10124
 
10108
- :root,
10109
10125
  .pf-v6-c-check {
10110
10126
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
10111
10127
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
@@ -10185,7 +10201,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10185
10201
  color: var(--pf-v6-c-check__label-required--Color);
10186
10202
  }
10187
10203
 
10188
- :root,
10189
10204
  .pf-v6-c-clipboard-copy {
10190
10205
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
10191
10206
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -10281,7 +10296,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10281
10296
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
10282
10297
  }
10283
10298
 
10284
- :root,
10285
10299
  .pf-v6-c-code-block {
10286
10300
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10287
10301
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
@@ -10336,7 +10350,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10336
10350
  font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
10337
10351
  }
10338
10352
 
10339
- :root,
10340
10353
  .pf-v6-c-code-editor {
10341
10354
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
10342
10355
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
@@ -10514,8 +10527,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10514
10527
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
10515
10528
  }
10516
10529
 
10517
- :root,
10518
- .pf-v6-c-content {
10530
+ :root {
10519
10531
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
10520
10532
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
10521
10533
  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
@@ -10579,7 +10591,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10579
10591
  --pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
10580
10592
  --pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
10581
10593
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
10582
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
10594
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
10583
10595
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
10584
10596
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
10585
10597
  --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
@@ -11191,7 +11203,6 @@ ul) {
11191
11203
  }
11192
11204
  }
11193
11205
 
11194
- :root,
11195
11206
  .pf-v6-c-data-list {
11196
11207
  --pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
11197
11208
  --pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -11258,11 +11269,11 @@ ul) {
11258
11269
  --pf-v6-c-data-list__item-action--Display: flex;
11259
11270
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
11260
11271
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11272
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
11273
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
11261
11274
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11262
11275
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
11263
11276
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
11264
- --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11265
- --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11266
11277
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
11267
11278
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
11268
11279
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -11292,8 +11303,6 @@ ul) {
11292
11303
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11293
11304
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11294
11305
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11295
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
11296
- --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
11297
11306
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11298
11307
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
11299
11308
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -11302,14 +11311,12 @@ ul) {
11302
11311
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11303
11312
  }
11304
11313
  @media screen and (min-width: 36rem) {
11305
- :root,
11306
11314
  .pf-v6-c-data-list {
11307
11315
  --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
11308
11316
  --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
11309
11317
  }
11310
11318
  }
11311
11319
  @media screen and (min-width: 36rem) {
11312
- :root,
11313
11320
  .pf-v6-c-data-list {
11314
11321
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
11315
11322
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
@@ -11328,8 +11335,6 @@ ul) {
11328
11335
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
11329
11336
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
11330
11337
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
11331
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
11332
- --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
11333
11338
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
11334
11339
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
11335
11340
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -11475,8 +11480,8 @@ ul) {
11475
11480
  gap: var(--pf-v6-c-data-list__item-action--Gap);
11476
11481
  align-content: flex-start;
11477
11482
  align-items: flex-start;
11478
- padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
11479
- padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBlockEnd);
11483
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
11484
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
11480
11485
  margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
11481
11486
  }
11482
11487
  .pf-v6-c-data-list__item-action.pf-m-hidden {
@@ -11523,11 +11528,6 @@ ul) {
11523
11528
  }
11524
11529
  }
11525
11530
 
11526
- .pf-v6-c-data-list__action {
11527
- margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
11528
- margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
11529
- }
11530
-
11531
11531
  .pf-v6-c-data-list__toggle {
11532
11532
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
11533
11533
  margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
@@ -11619,10 +11619,9 @@ ul) {
11619
11619
  padding: 0;
11620
11620
  }
11621
11621
 
11622
- :root,
11623
11622
  .pf-v6-c-description-list {
11624
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
11625
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
11623
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
11624
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
11626
11625
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
11627
11626
  --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
11628
11627
  --pf-v6-c-description-list--GridTemplateColumns--min: 0;
@@ -11667,37 +11666,31 @@ ul) {
11667
11666
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
11668
11667
  }
11669
11668
  @media screen and (min-width: 36rem) {
11670
- :root,
11671
11669
  .pf-v6-c-description-list {
11672
11670
  --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
11673
11671
  }
11674
11672
  }
11675
11673
  @media (min-width: 36rem) {
11676
- :root,
11677
11674
  .pf-v6-c-description-list {
11678
11675
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
11679
11676
  }
11680
11677
  }
11681
11678
  @media (min-width: 48rem) {
11682
- :root,
11683
11679
  .pf-v6-c-description-list {
11684
11680
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
11685
11681
  }
11686
11682
  }
11687
11683
  @media (min-width: 62rem) {
11688
- :root,
11689
11684
  .pf-v6-c-description-list {
11690
11685
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
11691
11686
  }
11692
11687
  }
11693
11688
  @media (min-width: 75rem) {
11694
- :root,
11695
11689
  .pf-v6-c-description-list {
11696
11690
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
11697
11691
  }
11698
11692
  }
11699
11693
  @media (min-width: 90.625rem) {
11700
- :root,
11701
11694
  .pf-v6-c-description-list {
11702
11695
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
11703
11696
  }
@@ -11946,7 +11939,6 @@ ul) {
11946
11939
  }
11947
11940
  }
11948
11941
 
11949
- :root,
11950
11942
  .pf-v6-c-draggable {
11951
11943
  --pf-v6-c-draggable--Cursor: auto;
11952
11944
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
@@ -11983,7 +11975,6 @@ ul) {
11983
11975
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
11984
11976
  }
11985
11977
 
11986
- :root,
11987
11978
  .pf-v6-c-droppable {
11988
11979
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
11989
11980
  --pf-v6-c-droppable--before--Opacity: 0;
@@ -12025,7 +12016,6 @@ ul) {
12025
12016
  --pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
12026
12017
  }
12027
12018
 
12028
- :root,
12029
12019
  .pf-v6-c-dual-list-selector {
12030
12020
  --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
12031
12021
  --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -12350,7 +12340,6 @@ ul) {
12350
12340
  --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
12351
12341
  }
12352
12342
 
12353
- :root,
12354
12343
  .pf-v6-c-date-picker {
12355
12344
  --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
12356
12345
  --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
@@ -12409,7 +12398,6 @@ ul) {
12409
12398
  min-width: min-content;
12410
12399
  }
12411
12400
 
12412
- :root,
12413
12401
  .pf-v6-c-divider {
12414
12402
  --pf-v6-c-divider--Display: flex;
12415
12403
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
@@ -12715,7 +12703,6 @@ ul) {
12715
12703
  }
12716
12704
  }
12717
12705
 
12718
- :root,
12719
12706
  .pf-v6-c-drawer {
12720
12707
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12721
12708
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -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);
@@ -19050,7 +19029,6 @@ ul.pf-v6-c-list {
19050
19029
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
19051
19030
  }
19052
19031
  @media screen and (min-width: 75rem) {
19053
- :root,
19054
19032
  .pf-v6-c-page {
19055
19033
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
19056
19034
  }
@@ -19068,6 +19046,7 @@ ul.pf-v6-c-list {
19068
19046
  }
19069
19047
  @media (min-width: 75rem) {
19070
19048
  .pf-v6-c-page {
19049
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
19071
19050
  grid-template-areas: "header header" "sidebar main";
19072
19051
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
19073
19052
  }
@@ -19577,14 +19556,13 @@ ul.pf-v6-c-list {
19577
19556
  flex-shrink: 0;
19578
19557
  }
19579
19558
 
19580
- .pf-v6-c-page__drawer {
19581
- grid-area: main;
19559
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
19560
+ align-self: revert;
19582
19561
  }
19583
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
19584
- flex: 1 0 auto;
19562
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
19563
+ flex-grow: 1;
19585
19564
  }
19586
19565
 
19587
- :root,
19588
19566
  .pf-v6-c-pagination {
19589
19567
  --pf-v6-c-pagination--inset: 0;
19590
19568
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -19604,17 +19582,23 @@ ul.pf-v6-c-list {
19604
19582
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19605
19583
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
19606
19584
  --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
19585
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19609
19586
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19610
- --pf-v6-c-pagination--m-sticky--ZIndex: 100;
19587
+ --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19588
+ --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
19611
19589
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
19612
19590
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19613
19591
  --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
19592
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19593
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19594
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19595
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19596
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19597
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19598
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
19599
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
19600
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19601
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19618
19602
  --pf-v6-c-pagination__page-menu--Display--base: block;
19619
19603
  --pf-v6-c-pagination__page-menu--Display: none;
19620
19604
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -19623,7 +19607,6 @@ ul.pf-v6-c-list {
19623
19607
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
19624
19608
  }
19625
19609
  @media screen and (min-width: 48rem) {
19626
- :root,
19627
19610
  .pf-v6-c-pagination {
19628
19611
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
19629
19612
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -19632,7 +19615,6 @@ ul.pf-v6-c-list {
19632
19615
  }
19633
19616
  }
19634
19617
  @media screen and (min-width: 75rem) {
19635
- :root,
19636
19618
  .pf-v6-c-pagination {
19637
19619
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
19638
19620
  }
@@ -19656,17 +19638,13 @@ ul.pf-v6-c-list {
19656
19638
  position: sticky;
19657
19639
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
19658
19640
  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);
19641
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19642
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19643
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19644
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19661
19645
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
19662
19646
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
19663
19647
  }
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
19648
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19671
19649
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
19672
19650
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -19688,6 +19666,10 @@ ul.pf-v6-c-list {
19688
19666
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
19689
19667
  position: relative;
19690
19668
  justify-content: flex-end;
19669
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19670
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19671
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19672
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19691
19673
  }
19692
19674
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19693
19675
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -19705,15 +19687,23 @@ ul.pf-v6-c-list {
19705
19687
  flex-basis: auto;
19706
19688
  }
19707
19689
  }
19690
+ .pf-v6-c-pagination.pf-m-static {
19691
+ position: relative;
19692
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19693
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19694
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19695
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19696
+ box-shadow: none;
19697
+ }
19708
19698
  .pf-v6-c-pagination.pf-m-sticky {
19709
19699
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19710
19700
  position: sticky;
19711
19701
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
19712
19702
  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);
19703
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19704
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19705
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19706
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19717
19707
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
19718
19708
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
19719
19709
  }
@@ -19934,7 +19924,6 @@ ul.pf-v6-c-list {
19934
19924
  }
19935
19925
  }
19936
19926
 
19937
- :root,
19938
19927
  .pf-v6-c-panel {
19939
19928
  --pf-v6-c-panel--Width: auto;
19940
19929
  --pf-v6-c-panel--MinWidth: auto;
@@ -20032,7 +20021,6 @@ ul.pf-v6-c-list {
20032
20021
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
20033
20022
  }
20034
20023
 
20035
- :root,
20036
20024
  .pf-v6-c-popover {
20037
20025
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
20038
20026
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -20235,7 +20223,6 @@ ul.pf-v6-c-list {
20235
20223
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
20236
20224
  }
20237
20225
 
20238
- :root,
20239
20226
  .pf-v6-c-progress {
20240
20227
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
20241
20228
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
@@ -20400,7 +20387,6 @@ ul.pf-v6-c-list {
20400
20387
  font-variant-numeric: tabular-nums;
20401
20388
  }
20402
20389
 
20403
- :root,
20404
20390
  .pf-v6-c-progress-stepper {
20405
20391
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
20406
20392
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -20522,7 +20508,6 @@ ul.pf-v6-c-list {
20522
20508
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
20523
20509
  }
20524
20510
  @media screen and (min-width: 48rem) {
20525
- :root,
20526
20511
  .pf-v6-c-progress-stepper {
20527
20512
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
20528
20513
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -21012,7 +20997,6 @@ ul.pf-v6-c-list {
21012
20997
  }
21013
20998
  }
21014
20999
 
21015
- :root,
21016
21000
  .pf-v6-c-radio {
21017
21001
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
21018
21002
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -21094,7 +21078,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21094
21078
  cursor: not-allowed;
21095
21079
  }
21096
21080
 
21097
- :root,
21098
21081
  .pf-v6-c-sidebar {
21099
21082
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
21100
21083
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -21439,7 +21422,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21439
21422
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
21440
21423
  }
21441
21424
  }
21442
- :root,
21443
21425
  .pf-v6-c-simple-list {
21444
21426
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21445
21427
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -21510,7 +21492,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21510
21492
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
21511
21493
  }
21512
21494
 
21513
- :root,
21514
21495
  .pf-v6-c-skeleton {
21515
21496
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21516
21497
  --pf-v6-c-skeleton--Width: auto;
@@ -21676,7 +21657,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21676
21657
  transform: translateX(100%);
21677
21658
  }
21678
21659
  }
21679
- :root,
21680
21660
  .pf-v6-c-skip-to-content {
21681
21661
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
21682
21662
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -21693,7 +21673,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21693
21673
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
21694
21674
  }
21695
21675
 
21696
- :root,
21697
21676
  .pf-v6-c-slider {
21698
21677
  --pf-v6-c-slider--value: 0;
21699
21678
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -21915,7 +21894,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21915
21894
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
21916
21895
  }
21917
21896
 
21918
- :root,
21919
21897
  .pf-v6-c-spinner {
21920
21898
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
21921
21899
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -21992,7 +21970,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21992
21970
  transform: rotate(720deg);
21993
21971
  }
21994
21972
  }
21995
- :root,
21996
21973
  .pf-v6-c-switch {
21997
21974
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
21998
21975
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -22141,7 +22118,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22141
22118
  vertical-align: top;
22142
22119
  }
22143
22120
 
22144
- :root,
22145
22121
  .pf-v6-c-tab-content {
22146
22122
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
22147
22123
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
@@ -22187,7 +22163,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22187
22163
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
22188
22164
  }
22189
22165
 
22190
- :root,
22191
22166
  .pf-v6-c-table {
22192
22167
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
22193
22168
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -22200,9 +22175,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22200
22175
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
22201
22176
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22202
22177
  --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);
22178
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
22204
22179
  --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);
22180
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
22206
22181
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
22207
22182
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22208
22183
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -22232,8 +22207,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22232
22207
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
22233
22208
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22234
22209
  --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);
22210
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
22211
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
22237
22212
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22238
22213
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22239
22214
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -22251,6 +22226,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22251
22226
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22252
22227
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22253
22228
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22229
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22254
22230
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22255
22231
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22256
22232
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22550,6 +22526,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22550
22526
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22551
22527
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22552
22528
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22529
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22553
22530
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22554
22531
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22555
22532
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22852,6 +22829,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22852
22829
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22853
22830
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22854
22831
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22832
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22855
22833
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22856
22834
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22857
22835
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23154,6 +23132,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23154
23132
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23155
23133
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23156
23134
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
23135
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
23157
23136
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23158
23137
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23159
23138
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23456,6 +23435,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23456
23435
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23457
23436
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23458
23437
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
23438
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
23459
23439
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23460
23440
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23461
23441
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23752,7 +23732,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23752
23732
  }
23753
23733
  }
23754
23734
 
23755
- :root,
23756
23735
  .pf-v6-c-table {
23757
23736
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23758
23737
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -23762,7 +23741,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23762
23741
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
23763
23742
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
23764
23743
  --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);
23744
+ --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
23766
23745
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
23767
23746
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
23768
23747
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -23780,7 +23759,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23780
23759
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
23781
23760
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
23782
23761
  --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);
23762
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
23784
23763
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23785
23764
  --pf-v6-c-table--cell--MinWidth: 0;
23786
23765
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -24009,10 +23988,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24009
23988
  }
24010
23989
  }
24011
23990
  .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));
23991
+ padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
24013
23992
  }
24014
23993
  .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));
23994
+ padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
24016
23995
  }
24017
23996
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
24018
23997
  text-align: center;
@@ -24245,7 +24224,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24245
24224
  .pf-v6-c-table__column-help {
24246
24225
  display: inline-grid;
24247
24226
  grid-template-columns: auto max-content;
24248
- align-items: baseline;
24227
+ align-items: last baseline;
24249
24228
  justify-content: start;
24250
24229
  }
24251
24230
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -24410,6 +24389,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24410
24389
  }
24411
24390
 
24412
24391
  .pf-v6-c-table__column-help-action {
24392
+ align-self: last baseline;
24413
24393
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24414
24394
  }
24415
24395
 
@@ -24616,7 +24596,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24616
24596
  --pf-v6-c-table--cell--Width: 100%;
24617
24597
  }
24618
24598
 
24619
- :root,
24620
24599
  .pf-v6-c-table {
24621
24600
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
24622
24601
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -24681,7 +24660,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24681
24660
  overflow: auto;
24682
24661
  }
24683
24662
 
24684
- :root,
24685
24663
  .pf-v6-c-table {
24686
24664
  --pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
24687
24665
  --pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
@@ -25502,7 +25480,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25502
25480
  }
25503
25481
  }
25504
25482
 
25505
- :root,
25506
25483
  .pf-v6-c-tabs {
25507
25484
  --pf-v6-c-tabs--inset: 0;
25508
25485
  --pf-v6-c-tabs--Width: auto;
@@ -26315,7 +26292,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26315
26292
  }
26316
26293
  }
26317
26294
 
26318
- :root,
26319
26295
  .pf-v6-c-text-input-group {
26320
26296
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
26321
26297
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -26357,9 +26333,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26357
26333
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
26358
26334
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
26359
26335
  --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);
26336
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
26361
26337
  --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);
26338
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
26363
26339
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
26364
26340
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
26365
26341
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -26517,7 +26493,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26517
26493
  display: flex;
26518
26494
  }
26519
26495
 
26520
- :root,
26521
26496
  .pf-v6-c-tile {
26522
26497
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
26523
26498
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -26621,7 +26596,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26621
26596
  color: var(--pf-v6-c-tile__icon--Color);
26622
26597
  }
26623
26598
 
26624
- :root,
26625
26599
  .pf-v6-c-timestamp {
26626
26600
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
26627
26601
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
@@ -26653,7 +26627,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26653
26627
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
26654
26628
  }
26655
26629
 
26656
- :root,
26657
26630
  .pf-v6-c-title {
26658
26631
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
26659
26632
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -26759,7 +26732,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26759
26732
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
26760
26733
  }
26761
26734
 
26762
- :root,
26763
26735
  .pf-v6-c-toggle-group {
26764
26736
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26765
26737
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -26883,7 +26855,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26883
26855
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
26884
26856
  }
26885
26857
 
26886
- :root,
26887
26858
  .pf-v6-c-toolbar {
26888
26859
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
26889
26860
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -28787,7 +28758,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28787
28758
  display: inline-flex;
28788
28759
  }
28789
28760
  }
28790
- :root,
28791
28761
  .pf-v6-c-tooltip {
28792
28762
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
28793
28763
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -28910,7 +28880,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28910
28880
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
28911
28881
  }
28912
28882
 
28913
- :root,
28914
28883
  .pf-v6-c-truncate {
28915
28884
  --pf-v6-c-truncate--MinWidth: 6ch;
28916
28885
  --pf-v6-c-truncate__start--MinWidth: 6ch;
@@ -28957,7 +28926,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28957
28926
  direction: rtl;
28958
28927
  }
28959
28928
  }
28960
- :root,
28961
28929
  .pf-v6-c-number-input {
28962
28930
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
28963
28931
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -28997,7 +28965,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28997
28965
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
28998
28966
  }
28999
28967
 
29000
- :root,
29001
28968
  .pf-v6-c-tree-view {
29002
28969
  --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
29003
28970
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
@@ -29451,7 +29418,6 @@ label.pf-v6-c-tree-view__node-text {
29451
29418
  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
29452
29419
  }
29453
29420
 
29454
- :root,
29455
29421
  .pf-v6-c-wizard {
29456
29422
  --pf-v6-c-wizard--Height: initial;
29457
29423
  --pf-v6-c-wizard--Height--base: 100%;
@@ -29568,7 +29534,6 @@ label.pf-v6-c-tree-view__node-text {
29568
29534
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
29569
29535
  }
29570
29536
  @media screen and (min-width: 62rem) {
29571
- :root,
29572
29537
  .pf-v6-c-wizard {
29573
29538
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
29574
29539
  --pf-v6-c-wizard__nav--BoxShadow: none;
@@ -29941,7 +29906,6 @@ label.pf-v6-c-tree-view__node-text {
29941
29906
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
29942
29907
  }
29943
29908
 
29944
- :root,
29945
29909
  .pf-v6-l-bullseye {
29946
29910
  --pf-v6-l-bullseye--Padding: 0;
29947
29911
  }
@@ -29955,7 +29919,6 @@ label.pf-v6-c-tree-view__node-text {
29955
29919
  margin: 0;
29956
29920
  }
29957
29921
 
29958
- :root,
29959
29922
  .pf-v6-l-flex {
29960
29923
  --pf-v6-l-flex--Display: flex;
29961
29924
  --pf-v6-l-flex--FlexWrap: wrap;
@@ -32337,7 +32300,6 @@ label.pf-v6-c-tree-view__node-text {
32337
32300
  }
32338
32301
  }
32339
32302
 
32340
- :root,
32341
32303
  .pf-v6-l-gallery {
32342
32304
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32343
32305
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
@@ -32409,7 +32371,6 @@ label.pf-v6-c-tree-view__node-text {
32409
32371
  }
32410
32372
  }
32411
32373
 
32412
- :root,
32413
32374
  .pf-v6-l-grid {
32414
32375
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32415
32376
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -33347,7 +33308,6 @@ label.pf-v6-c-tree-view__node-text {
33347
33308
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
33348
33309
  }
33349
33310
 
33350
- :root,
33351
33311
  .pf-v6-l-level {
33352
33312
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33353
33313
  }
@@ -33362,7 +33322,6 @@ label.pf-v6-c-tree-view__node-text {
33362
33322
  gap: var(--pf-v6-l-level--m-gutter--Gap);
33363
33323
  }
33364
33324
 
33365
- :root,
33366
33325
  .pf-v6-l-split {
33367
33326
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33368
33327
  }
@@ -33384,7 +33343,6 @@ label.pf-v6-c-tree-view__node-text {
33384
33343
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
33385
33344
  }
33386
33345
 
33387
- :root,
33388
33346
  .pf-v6-l-stack {
33389
33347
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33390
33348
  }