@patternfly/patternfly 6.0.0-prerelease.8 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (194) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -62
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +12 -4
  7. package/base/tokens/tokens-default.scss +44 -27
  8. package/base/tokens/tokens-local.scss +30 -35
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/AboutModalBox/about-modal-box.css +0 -7
  11. package/components/Accordion/accordion.css +0 -1
  12. package/components/ActionList/action-list.css +1 -2
  13. package/components/ActionList/action-list.scss +1 -1
  14. package/components/Alert/alert-group.css +0 -1
  15. package/components/Alert/alert.css +2 -7
  16. package/components/Alert/alert.scss +2 -7
  17. package/components/Avatar/avatar.css +0 -1
  18. package/components/BackToTop/back-to-top.css +0 -2
  19. package/components/Backdrop/backdrop.css +0 -1
  20. package/components/BackgroundImage/background-image.css +0 -1
  21. package/components/Badge/badge.css +0 -1
  22. package/components/Banner/banner.css +0 -2
  23. package/components/Brand/brand.css +0 -1
  24. package/components/Breadcrumb/breadcrumb.css +0 -1
  25. package/components/Button/button.css +8 -1
  26. package/components/Button/button.scss +8 -0
  27. package/components/CalendarMonth/calendar-month.css +0 -1
  28. package/components/Card/card.css +0 -1
  29. package/components/Check/check.css +0 -1
  30. package/components/ClipboardCopy/clipboard-copy.css +0 -1
  31. package/components/CodeBlock/code-block.css +0 -1
  32. package/components/CodeEditor/code-editor.css +0 -1
  33. package/components/Content/content.css +2 -3
  34. package/components/Content/content.scss +2 -2
  35. package/components/DataList/data-list.css +4 -16
  36. package/components/DataList/data-list.scss +4 -14
  37. package/components/DatePicker/date-picker.css +0 -1
  38. package/components/DescriptionList/description-list.css +2 -9
  39. package/components/DescriptionList/description-list.scss +2 -2
  40. package/components/Divider/divider.css +0 -1
  41. package/components/DragDrop/drag-drop.css +0 -2
  42. package/components/Drawer/drawer.css +5 -8
  43. package/components/Drawer/drawer.scss +4 -6
  44. package/components/DualListSelector/dual-list-selector.css +0 -1
  45. package/components/EmptyState/empty-state.css +1 -2
  46. package/components/EmptyState/empty-state.scss +1 -1
  47. package/components/ExpandableSection/expandable-section.css +0 -1
  48. package/components/FileUpload/file-upload.css +0 -1
  49. package/components/Form/form.css +1 -2
  50. package/components/Form/form.scss +1 -1
  51. package/components/FormControl/form-control.css +22 -4
  52. package/components/FormControl/form-control.scss +27 -4
  53. package/components/HelperText/helper-text.css +0 -1
  54. package/components/Hint/hint.css +0 -1
  55. package/components/Icon/icon.css +0 -1
  56. package/components/InlineEdit/inline-edit.css +0 -1
  57. package/components/InputGroup/input-group.css +0 -1
  58. package/components/JumpLinks/jump-links.css +0 -1
  59. package/components/Label/label-group.css +0 -1
  60. package/components/Label/label.css +0 -1
  61. package/components/List/list.css +0 -1
  62. package/components/Login/login.css +0 -9
  63. package/components/Masthead/masthead.css +0 -1
  64. package/components/Menu/menu.css +0 -1
  65. package/components/MenuToggle/menu-toggle.css +66 -56
  66. package/components/MenuToggle/menu-toggle.scss +76 -65
  67. package/components/ModalBox/modal-box.css +0 -2
  68. package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  69. package/components/Nav/nav.css +0 -1
  70. package/components/NotificationDrawer/notification-drawer.css +0 -1
  71. package/components/NumberInput/number-input.css +0 -1
  72. package/components/OverflowMenu/overflow-menu.css +0 -1
  73. package/components/Page/page.css +10 -10
  74. package/components/Page/page.scss +11 -8
  75. package/components/Pagination/pagination.css +31 -20
  76. package/components/Pagination/pagination.scss +35 -23
  77. package/components/Panel/panel.css +0 -1
  78. package/components/Popover/popover.css +0 -1
  79. package/components/Progress/progress.css +0 -1
  80. package/components/ProgressStepper/progress-stepper.css +0 -2
  81. package/components/Radio/radio.css +0 -1
  82. package/components/Sidebar/sidebar.css +0 -1
  83. package/components/SimpleList/simple-list.css +0 -1
  84. package/components/Skeleton/skeleton.css +0 -1
  85. package/components/SkipToContent/skip-to-content.css +0 -1
  86. package/components/Slider/slider.css +0 -1
  87. package/components/Spinner/spinner.css +0 -1
  88. package/components/Switch/switch.css +0 -1
  89. package/components/TabContent/tab-content.css +0 -1
  90. package/components/Table/table-grid.css +9 -5
  91. package/components/Table/table-grid.scss +5 -4
  92. package/components/Table/table-scrollable.css +0 -1
  93. package/components/Table/table-tree-view.css +0 -1
  94. package/components/Table/table.css +6 -6
  95. package/components/Table/table.scss +6 -5
  96. package/components/Tabs/tabs.css +0 -1
  97. package/components/TextInputGroup/text-input-group.css +2 -3
  98. package/components/TextInputGroup/text-input-group.scss +2 -2
  99. package/components/Tile/tile.css +0 -1
  100. package/components/Timestamp/timestamp.css +0 -1
  101. package/components/Title/title.css +0 -1
  102. package/components/ToggleGroup/toggle-group.css +0 -1
  103. package/components/Toolbar/toolbar.css +0 -1
  104. package/components/Tooltip/tooltip.css +0 -1
  105. package/components/TreeView/tree-view.css +0 -1
  106. package/components/Truncate/truncate.css +0 -1
  107. package/components/Wizard/wizard.css +0 -2
  108. package/components/_index.css +172 -240
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  111. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  112. package/docs/components/Content/examples/Content.md +188 -204
  113. package/docs/components/DataList/examples/DataList.md +187 -221
  114. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  115. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  116. package/docs/components/Form/examples/Form.md +4 -2
  117. package/docs/components/FormControl/examples/FormControl.md +10 -10
  118. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  119. package/docs/components/Login/examples/Login.md +6 -6
  120. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  121. package/docs/components/Pagination/examples/Pagination.md +12 -12
  122. package/docs/components/Table/examples/Table.md +1 -1
  123. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  124. package/docs/demos/Card/examples/Card.md +4 -4
  125. package/docs/demos/CardView/examples/CardView.md +10 -4
  126. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  127. package/docs/demos/DataList/examples/DataList.md +37 -13
  128. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  129. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  130. package/docs/demos/Page/examples/Page.md +2 -2
  131. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  132. package/docs/demos/Table/examples/Table.md +235 -91
  133. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  134. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  135. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  136. package/layouts/Bullseye/bullseye.css +0 -1
  137. package/layouts/Flex/flex.css +0 -1
  138. package/layouts/Gallery/gallery.css +0 -1
  139. package/layouts/Grid/grid.css +0 -1
  140. package/layouts/Level/level.css +0 -1
  141. package/layouts/Split/split.css +0 -1
  142. package/layouts/Stack/stack.css +0 -1
  143. package/layouts/_index.css +0 -7
  144. package/package.json +5 -5
  145. package/patternfly-base-no-globals.css +84 -62
  146. package/patternfly-base.css +99 -62
  147. package/patternfly-charts.css +2 -2
  148. package/patternfly-charts.scss +2 -2
  149. package/patternfly-no-globals.css +256 -309
  150. package/patternfly.css +271 -309
  151. package/patternfly.min.css +1 -1
  152. package/patternfly.min.css.map +1 -1
  153. package/sass-utilities/mixins.scss +3 -3
  154. package/assets/images/PF-Masthead-Logo.svg +0 -1
  155. package/assets/images/background-filter.svg +0 -17
  156. package/assets/images/g_sizing.png +0 -0
  157. package/assets/images/img_avatar-dark.svg +0 -22
  158. package/assets/images/img_avatar.svg +0 -21
  159. package/assets/images/l_pf-reverse-164x11.png +0 -0
  160. package/assets/images/l_pf-reverse.svg +0 -1
  161. package/assets/images/logo-dropbox-old.svg +0 -1
  162. package/assets/images/logo-dropbox.svg +0 -6
  163. package/assets/images/logo-facebook.svg +0 -4
  164. package/assets/images/logo-github.svg +0 -4
  165. package/assets/images/logo-gitlab.svg +0 -4
  166. package/assets/images/logo-google.svg +0 -4
  167. package/assets/images/logo-google2.svg +0 -10
  168. package/assets/images/logo__pf--reverse--base.png +0 -0
  169. package/assets/images/logo__pf--reverse--base.svg +0 -40
  170. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  171. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  172. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  173. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  175. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  177. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  179. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  180. package/assets/images/pf-c-brand__logo.svg +0 -10
  181. package/assets/images/pf-logo.svg +0 -28
  182. package/assets/images/pf_logo.svg +0 -37
  183. package/assets/images/pf_logo_color.svg +0 -22
  184. package/assets/images/pf_logo_white.svg +0 -37
  185. package/assets/images/pf_mini_logo_white.svg +0 -1
  186. package/assets/images/pfbg_1200.jpg +0 -0
  187. package/assets/images/pfbg_2000.jpg +0 -0
  188. package/assets/images/pfbg_576.jpg +0 -0
  189. package/assets/images/pfbg_576@2x.jpg +0 -0
  190. package/assets/images/pfbg_768.jpg +0 -0
  191. package/assets/images/pfbg_768@2x.jpg +0 -0
  192. package/assets/images/pfbg_992.jpg +0 -0
  193. package/assets/images/pfbg_992@2x.jpg +0 -0
  194. package/assets/images/status-icon-sprite.svg +0 -38
@@ -6302,26 +6302,33 @@
6302
6302
  --pf-t--global--border--width--100: 1px;
6303
6303
  --pf-t--global--border--width--200: 2px;
6304
6304
  --pf-t--global--border--width--300: 3px;
6305
- --pf-t--global--box-shadow--X--100: -8px;
6305
+ --pf-t--global--box-shadow--X--100: -10px;
6306
6306
  --pf-t--global--box-shadow--X--200: -4px;
6307
6307
  --pf-t--global--box-shadow--X--300: -1px;
6308
6308
  --pf-t--global--box-shadow--X--400: 0px;
6309
+ --pf-t--global--box-shadow--X--50: -20px;
6309
6310
  --pf-t--global--box-shadow--X--500: 1px;
6310
6311
  --pf-t--global--box-shadow--X--600: 4px;
6311
- --pf-t--global--box-shadow--X--700: 8px;
6312
- --pf-t--global--box-shadow--Y--100: -8px;
6312
+ --pf-t--global--box-shadow--X--700: 10px;
6313
+ --pf-t--global--box-shadow--X--800: 20px;
6314
+ --pf-t--global--box-shadow--Y--100: -10px;
6313
6315
  --pf-t--global--box-shadow--Y--200: -4px;
6314
6316
  --pf-t--global--box-shadow--Y--300: -1px;
6315
6317
  --pf-t--global--box-shadow--Y--400: 0px;
6318
+ --pf-t--global--box-shadow--Y--50: -20px;
6316
6319
  --pf-t--global--box-shadow--Y--500: 1px;
6317
6320
  --pf-t--global--box-shadow--Y--600: 4px;
6318
- --pf-t--global--box-shadow--Y--700: 8px;
6321
+ --pf-t--global--box-shadow--Y--700: 10px;
6322
+ --pf-t--global--box-shadow--Y--800: 20px;
6319
6323
  --pf-t--global--box-shadow--blur--100: 4px;
6320
- --pf-t--global--box-shadow--blur--200: 8px;
6321
- --pf-t--global--box-shadow--blur--300: 24px;
6322
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
6323
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
6324
+ --pf-t--global--box-shadow--blur--200: 9px;
6325
+ --pf-t--global--box-shadow--blur--300: 20px;
6326
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
6327
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
6324
6328
  --pf-t--global--box-shadow--spread--100: 0px;
6329
+ --pf-t--global--box-shadow--spread--200: -4px;
6330
+ --pf-t--global--box-shadow--spread--300: -8px;
6331
+ --pf-t--global--box-shadow--spread--400: -20px;
6325
6332
  --pf-t--global--breakpoint--100: 0rem;
6326
6333
  --pf-t--global--breakpoint--200: 36rem;
6327
6334
  --pf-t--global--breakpoint--250: 40rem;
@@ -6390,11 +6397,13 @@
6390
6397
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
6391
6398
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
6392
6399
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
6400
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
6393
6401
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
6394
6402
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
6395
6403
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6396
6404
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6397
6405
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6406
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6398
6407
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6399
6408
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6400
6409
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
@@ -6424,43 +6433,49 @@
6424
6433
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
6425
6434
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
6426
6435
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
6427
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
6428
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
6436
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
6437
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
6429
6438
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
6430
6439
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
6431
6440
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
6432
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
6433
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
6441
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
6442
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
6434
6443
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
6435
6444
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
6436
6445
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
6437
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
6438
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
6446
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
6447
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
6439
6448
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
6440
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
6449
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
6441
6450
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
6442
6451
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
6443
6452
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
6444
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
6445
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
6453
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
6454
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
6446
6455
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
6447
6456
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
6448
6457
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
6449
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
6450
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
6458
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
6459
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
6451
6460
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
6452
6461
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
6453
6462
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
6454
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
6463
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
6455
6464
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
6456
6465
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
6457
6466
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
6458
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
6459
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
6460
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
6461
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
6462
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
6463
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
6467
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
6468
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
6469
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
6470
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
6471
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
6472
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
6473
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
6474
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
6475
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
6476
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
6477
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
6478
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
6464
6479
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
6465
6480
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
6466
6481
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
@@ -6607,7 +6622,9 @@
6607
6622
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
6608
6623
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
6609
6624
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
6625
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
6610
6626
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
6627
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
6611
6628
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
6612
6629
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
6613
6630
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
@@ -6969,97 +6986,94 @@
6969
6986
  var(--pf-t--global--box-shadow--X--sm--default)
6970
6987
  var(--pf-t--global--box-shadow--Y--sm--default)
6971
6988
  var(--pf-t--global--box-shadow--blur--sm)
6972
- var(--pf-t--global--box-shadow--spread--sm)
6973
- var(--pf-t--global--box-shadow--color--sm);
6989
+ var(--pf-t--global--box-shadow--spread--sm--default)
6990
+ var(--pf-t--global--box-shadow--color--sm--default);
6974
6991
  --pf-t--global--box-shadow--sm--top:
6975
6992
  var(--pf-t--global--box-shadow--X--sm--top)
6976
6993
  var(--pf-t--global--box-shadow--Y--sm--top)
6977
6994
  var(--pf-t--global--box-shadow--blur--sm)
6978
- var(--pf-t--global--box-shadow--spread--sm)
6979
- var(--pf-t--global--box-shadow--color--sm);
6995
+ var(--pf-t--global--box-shadow--spread--sm--directional)
6996
+ var(--pf-t--global--box-shadow--color--sm--directional);
6980
6997
  --pf-t--global--box-shadow--sm--bottom:
6981
6998
  var(--pf-t--global--box-shadow--X--sm--bottom)
6982
6999
  var(--pf-t--global--box-shadow--Y--sm--bottom)
6983
7000
  var(--pf-t--global--box-shadow--blur--sm)
6984
- var(--pf-t--global--box-shadow--spread--sm)
6985
- var(--pf-t--global--box-shadow--color--sm);
7001
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7002
+ var(--pf-t--global--box-shadow--color--sm--directional);
6986
7003
  --pf-t--global--box-shadow--sm--left:
6987
7004
  var(--pf-t--global--box-shadow--X--sm--left)
6988
7005
  var(--pf-t--global--box-shadow--Y--sm--left)
6989
7006
  var(--pf-t--global--box-shadow--blur--sm)
6990
- var(--pf-t--global--box-shadow--spread--sm)
6991
- var(--pf-t--global--box-shadow--color--sm);
7007
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7008
+ var(--pf-t--global--box-shadow--color--sm--directional);
6992
7009
  --pf-t--global--box-shadow--sm--right:
6993
7010
  var(--pf-t--global--box-shadow--X--sm--right)
6994
7011
  var(--pf-t--global--box-shadow--Y--sm--right)
6995
7012
  var(--pf-t--global--box-shadow--blur--sm)
6996
- var(--pf-t--global--box-shadow--spread--sm)
6997
- var(--pf-t--global--box-shadow--color--sm);
7013
+ var(--pf-t--global--box-shadow--spread--sm--directional)
7014
+ var(--pf-t--global--box-shadow--color--sm--directional);
6998
7015
  --pf-t--global--box-shadow--md:
6999
7016
  var(--pf-t--global--box-shadow--X--md--default)
7000
7017
  var(--pf-t--global--box-shadow--Y--md--default)
7001
7018
  var(--pf-t--global--box-shadow--blur--md)
7002
- var(--pf-t--global--box-shadow--spread--md)
7003
- var(--pf-t--global--box-shadow--color--md);
7019
+ var(--pf-t--global--box-shadow--spread--md--default)
7020
+ var(--pf-t--global--box-shadow--color--md--default);
7004
7021
  --pf-t--global--box-shadow--md--top:
7005
7022
  var(--pf-t--global--box-shadow--X--md--top)
7006
7023
  var(--pf-t--global--box-shadow--Y--md--top)
7007
7024
  var(--pf-t--global--box-shadow--blur--md)
7008
- var(--pf-t--global--box-shadow--spread--md)
7009
- var(--pf-t--global--box-shadow--color--md);
7025
+ var(--pf-t--global--box-shadow--spread--md--directional)
7026
+ var(--pf-t--global--box-shadow--color--md--directional);
7010
7027
  --pf-t--global--box-shadow--md--bottom:
7011
7028
  var(--pf-t--global--box-shadow--X--md--bottom)
7012
7029
  var(--pf-t--global--box-shadow--Y--md--bottom)
7013
7030
  var(--pf-t--global--box-shadow--blur--md)
7014
- var(--pf-t--global--box-shadow--spread--md)
7015
- var(--pf-t--global--box-shadow--color--md);
7031
+ var(--pf-t--global--box-shadow--spread--md--directional)
7032
+ var(--pf-t--global--box-shadow--color--md--directional);
7016
7033
  --pf-t--global--box-shadow--md--left:
7017
7034
  var(--pf-t--global--box-shadow--X--md--left)
7018
7035
  var(--pf-t--global--box-shadow--Y--md--left)
7019
7036
  var(--pf-t--global--box-shadow--blur--md)
7020
- var(--pf-t--global--box-shadow--spread--md)
7021
- var(--pf-t--global--box-shadow--color--md);
7037
+ var(--pf-t--global--box-shadow--spread--md--directional)
7038
+ var(--pf-t--global--box-shadow--color--md--directional);
7022
7039
  --pf-t--global--box-shadow--md--right:
7023
7040
  var(--pf-t--global--box-shadow--X--md--right)
7024
7041
  var(--pf-t--global--box-shadow--Y--md--right)
7025
7042
  var(--pf-t--global--box-shadow--blur--md)
7026
- var(--pf-t--global--box-shadow--spread--md)
7027
- var(--pf-t--global--box-shadow--color--md);
7043
+ var(--pf-t--global--box-shadow--spread--md--directional)
7044
+ var(--pf-t--global--box-shadow--color--md--directional);
7028
7045
  --pf-t--global--box-shadow--lg:
7029
7046
  var(--pf-t--global--box-shadow--X--lg--default)
7030
7047
  var(--pf-t--global--box-shadow--Y--lg--default)
7031
7048
  var(--pf-t--global--box-shadow--blur--lg)
7032
- var(--pf-t--global--box-shadow--spread--lg)
7033
- var(--pf-t--global--box-shadow--color--lg);
7049
+ var(--pf-t--global--box-shadow--spread--lg--default)
7050
+ var(--pf-t--global--box-shadow--color--lg--default);
7034
7051
  --pf-t--global--box-shadow--lg--top:
7035
7052
  var(--pf-t--global--box-shadow--X--lg--top)
7036
7053
  var(--pf-t--global--box-shadow--Y--lg--top)
7037
7054
  var(--pf-t--global--box-shadow--blur--lg)
7038
- var(--pf-t--global--box-shadow--spread--lg)
7039
- var(--pf-t--global--box-shadow--color--lg);
7055
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7056
+ var(--pf-t--global--box-shadow--color--lg--directional);
7040
7057
  --pf-t--global--box-shadow--lg--bottom:
7041
7058
  var(--pf-t--global--box-shadow--X--lg--bottom)
7042
7059
  var(--pf-t--global--box-shadow--Y--lg--bottom)
7043
7060
  var(--pf-t--global--box-shadow--blur--lg)
7044
- var(--pf-t--global--box-shadow--spread--lg)
7045
- var(--pf-t--global--box-shadow--color--lg);
7061
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7062
+ var(--pf-t--global--box-shadow--color--lg--directional);
7046
7063
  --pf-t--global--box-shadow--lg--left:
7047
7064
  var(--pf-t--global--box-shadow--X--lg--left)
7048
7065
  var(--pf-t--global--box-shadow--Y--lg--left)
7049
7066
  var(--pf-t--global--box-shadow--blur--lg)
7050
- var(--pf-t--global--box-shadow--spread--lg)
7051
- var(--pf-t--global--box-shadow--color--lg);
7067
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7068
+ var(--pf-t--global--box-shadow--color--lg--directional);
7052
7069
  --pf-t--global--box-shadow--lg--right:
7053
7070
  var(--pf-t--global--box-shadow--X--lg--right)
7054
7071
  var(--pf-t--global--box-shadow--Y--lg--right)
7055
7072
  var(--pf-t--global--box-shadow--blur--lg)
7056
- var(--pf-t--global--box-shadow--spread--lg)
7057
- var(--pf-t--global--box-shadow--color--lg);
7073
+ var(--pf-t--global--box-shadow--spread--lg--directional)
7074
+ var(--pf-t--global--box-shadow--color--lg--directional);
7058
7075
  --pf-t--global--list-style: disc outside;
7059
7076
  --pf-t--temp--dev--tbd: #BC11E0;
7060
- --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
7061
- --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
7062
- --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
7063
7077
  }
7064
7078
 
7065
7079
  :root:where(.pf-v6-theme-dark) {
@@ -7067,16 +7081,22 @@
7067
7081
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7068
7082
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7069
7083
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7084
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7070
7085
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7071
7086
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7072
7087
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7073
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
7074
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
7075
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
7088
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7089
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7090
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
7091
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
7092
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
7093
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
7094
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
7076
7095
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
7077
7096
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
7078
7097
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
7079
7098
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
7099
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
7080
7100
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
7081
7101
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
7082
7102
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -7155,7 +7175,9 @@
7155
7175
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
7156
7176
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
7157
7177
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
7178
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
7158
7179
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
7180
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
7159
7181
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
7160
7182
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
7161
7183
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
@@ -7439,7 +7461,6 @@
7439
7461
  --pf-v6-global--inverse--multiplier: -1;
7440
7462
  }
7441
7463
 
7442
- :root,
7443
7464
  .pf-v6-c-about-modal-box {
7444
7465
  --pf-v6-c-about-modal-box--BackgroundImage: none;
7445
7466
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -7486,7 +7507,6 @@
7486
7507
  --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
7487
7508
  }
7488
7509
  @media screen and (min-width: 36rem) {
7489
- :root,
7490
7510
  .pf-v6-c-about-modal-box {
7491
7511
  --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
7492
7512
  --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
@@ -7494,32 +7514,27 @@
7494
7514
  }
7495
7515
  }
7496
7516
  @media only screen and (min-width: 36rem) {
7497
- :root,
7498
7517
  .pf-v6-c-about-modal-box {
7499
7518
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
7500
7519
  }
7501
7520
  }
7502
7521
  @media only screen and (min-width: 62rem) {
7503
- :root,
7504
7522
  .pf-v6-c-about-modal-box {
7505
7523
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
7506
7524
  }
7507
7525
  }
7508
7526
  @media only screen and (min-width: 36rem) {
7509
- :root,
7510
7527
  .pf-v6-c-about-modal-box {
7511
7528
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
7512
7529
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
7513
7530
  }
7514
7531
  }
7515
7532
  @media only screen and (min-width: 36rem) {
7516
- :root,
7517
7533
  .pf-v6-c-about-modal-box {
7518
7534
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
7519
7535
  }
7520
7536
  }
7521
7537
  @media only screen and (min-width: 36rem) {
7522
- :root,
7523
7538
  .pf-v6-c-about-modal-box {
7524
7539
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
7525
7540
  --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
@@ -7638,7 +7653,6 @@
7638
7653
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
7639
7654
  }
7640
7655
 
7641
- :root,
7642
7656
  .pf-v6-c-accordion {
7643
7657
  --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7644
7658
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
@@ -7791,10 +7805,9 @@
7791
7805
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
7792
7806
  }
7793
7807
 
7794
- :root,
7795
7808
  .pf-v6-c-action-list {
7796
7809
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
7797
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
7810
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
7798
7811
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
7799
7812
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
7800
7813
  }
@@ -7822,7 +7835,6 @@
7822
7835
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
7823
7836
  }
7824
7837
 
7825
- :root,
7826
7838
  .pf-v6-c-alert {
7827
7839
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
7828
7840
  --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -7841,6 +7853,7 @@
7841
7853
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
7842
7854
  --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
7843
7855
  --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
7856
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
7844
7857
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7845
7858
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
7846
7859
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -7960,6 +7973,7 @@
7960
7973
  .pf-v6-c-alert__toggle {
7961
7974
  margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
7962
7975
  margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
7976
+ margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
7963
7977
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
7964
7978
  }
7965
7979
 
@@ -7973,9 +7987,7 @@
7973
7987
  }
7974
7988
 
7975
7989
  .pf-v6-c-alert__icon {
7976
- display: flex;
7977
7990
  grid-area: icon;
7978
- margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
7979
7991
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
7980
7992
  font-size: var(--pf-v6-c-alert__icon--FontSize);
7981
7993
  color: var(--pf-v6-c-alert__icon--Color);
@@ -8008,10 +8020,6 @@
8008
8020
  margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
8009
8021
  margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
8010
8022
  margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
8011
- transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
8012
- }
8013
- .pf-v6-c-alert__action > .pf-v6-c-button {
8014
- --pf-v6-c-button--LineHeight: 1;
8015
8023
  }
8016
8024
 
8017
8025
  .pf-v6-c-alert__action-group {
@@ -8022,7 +8030,6 @@
8022
8030
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
8023
8031
  }
8024
8032
 
8025
- :root,
8026
8033
  .pf-v6-c-alert-group {
8027
8034
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
8028
8035
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
@@ -8137,7 +8144,6 @@
8137
8144
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
8138
8145
  }
8139
8146
 
8140
- :root,
8141
8147
  .pf-v6-c-avatar {
8142
8148
  --pf-v6-c-avatar--BorderColor: transparent;
8143
8149
  --pf-v6-c-avatar--BorderWidth: 0;
@@ -8383,7 +8389,6 @@
8383
8389
  }
8384
8390
  }
8385
8391
 
8386
- :root,
8387
8392
  .pf-v6-c-backdrop {
8388
8393
  --pf-v6-c-backdrop--Position: fixed;
8389
8394
  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
@@ -8404,7 +8409,6 @@
8404
8409
  overflow: hidden;
8405
8410
  }
8406
8411
 
8407
- :root,
8408
8412
  .pf-v6-c-background-image {
8409
8413
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8410
8414
  --pf-v6-c-background-image--BackgroundImage: none;
@@ -8432,7 +8436,6 @@
8432
8436
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
8433
8437
  }
8434
8438
 
8435
- :root,
8436
8439
  .pf-v6-c-back-to-top {
8437
8440
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
8438
8441
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
@@ -8445,7 +8448,6 @@
8445
8448
  --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
8446
8449
  }
8447
8450
  @media (min-width: 48rem) {
8448
- :root,
8449
8451
  .pf-v6-c-back-to-top {
8450
8452
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
8451
8453
  }
@@ -8468,7 +8470,6 @@
8468
8470
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
8469
8471
  }
8470
8472
 
8471
- :root,
8472
8473
  .pf-v6-c-badge {
8473
8474
  --pf-v6-c-badge--BorderColor: transparent;
8474
8475
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -8537,7 +8538,6 @@
8537
8538
  color: var(--pf-v6-c-badge__toggle-icon--Color);
8538
8539
  }
8539
8540
 
8540
- :root,
8541
8541
  .pf-v6-c-banner {
8542
8542
  --pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8543
8543
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -8582,7 +8582,6 @@
8582
8582
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
8583
8583
  }
8584
8584
  @media (min-width: 48rem) {
8585
- :root,
8586
8585
  .pf-v6-c-banner {
8587
8586
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
8588
8587
  --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
@@ -8679,7 +8678,6 @@
8679
8678
  cursor: not-allowed;
8680
8679
  }
8681
8680
 
8682
- :root,
8683
8681
  .pf-v6-c-brand {
8684
8682
  --pf-v6-c-brand--Width: auto;
8685
8683
  --pf-v6-c-brand--Height: auto;
@@ -8746,7 +8744,6 @@
8746
8744
  max-width: 100%;
8747
8745
  }
8748
8746
 
8749
- :root,
8750
8747
  .pf-v6-c-breadcrumb {
8751
8748
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
8752
8749
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -8855,7 +8852,6 @@ button.pf-v6-c-breadcrumb__link {
8855
8852
  display: none;
8856
8853
  }
8857
8854
 
8858
- :root,
8859
8855
  .pf-v6-c-button {
8860
8856
  --pf-v6-c-button--Display: inline-flex;
8861
8857
  --pf-v6-c-button--AlignItems: baseline;
@@ -8898,6 +8894,7 @@ button.pf-v6-c-breadcrumb__link {
8898
8894
  --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
8899
8895
  --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
8900
8896
  --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
8897
+ --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
8901
8898
  --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
8902
8899
  --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
8903
8900
  --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -8916,6 +8913,7 @@ button.pf-v6-c-breadcrumb__link {
8916
8913
  --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
8917
8914
  --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
8918
8915
  --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
8916
+ --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
8919
8917
  --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
8920
8918
  --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
8921
8919
  --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
@@ -8984,7 +8982,9 @@ button.pf-v6-c-breadcrumb__link {
8984
8982
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
8985
8983
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
8986
8984
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
8985
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
8987
8986
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
8987
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
8988
8988
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
8989
8989
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
8990
8990
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
@@ -9148,6 +9148,7 @@ button.pf-v6-c-breadcrumb__link {
9148
9148
  .pf-v6-c-button.pf-m-secondary {
9149
9149
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
9150
9150
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
9151
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
9151
9152
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
9152
9153
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
9153
9154
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
@@ -9173,6 +9174,7 @@ button.pf-v6-c-breadcrumb__link {
9173
9174
  .pf-v6-c-button.pf-m-tertiary {
9174
9175
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
9175
9176
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
9177
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
9176
9178
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
9177
9179
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
9178
9180
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
@@ -9336,6 +9338,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9336
9338
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
9337
9339
  }
9338
9340
  .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
9341
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
9339
9342
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
9340
9343
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
9341
9344
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
@@ -9367,6 +9370,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9367
9370
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
9368
9371
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
9369
9372
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9373
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9370
9374
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9371
9375
  text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
9372
9376
  }
@@ -9443,7 +9447,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9443
9447
  align-items: center;
9444
9448
  }
9445
9449
 
9446
- :root,
9447
9450
  .pf-v6-c-calendar-month {
9448
9451
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9449
9452
  --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -9649,7 +9652,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9649
9652
  pointer-events: none;
9650
9653
  }
9651
9654
 
9652
- :root,
9653
9655
  .pf-v6-c-card {
9654
9656
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
9655
9657
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
@@ -9984,7 +9986,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9984
9986
  color: var(--pf-v6-c-card__footer--Color);
9985
9987
  }
9986
9988
 
9987
- :root,
9988
9989
  .pf-v6-c-check {
9989
9990
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
9990
9991
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
@@ -10064,7 +10065,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10064
10065
  color: var(--pf-v6-c-check__label-required--Color);
10065
10066
  }
10066
10067
 
10067
- :root,
10068
10068
  .pf-v6-c-clipboard-copy {
10069
10069
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
10070
10070
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -10160,7 +10160,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10160
10160
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
10161
10161
  }
10162
10162
 
10163
- :root,
10164
10163
  .pf-v6-c-code-block {
10165
10164
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10166
10165
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
@@ -10215,7 +10214,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10215
10214
  font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
10216
10215
  }
10217
10216
 
10218
- :root,
10219
10217
  .pf-v6-c-code-editor {
10220
10218
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
10221
10219
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
@@ -10393,8 +10391,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10393
10391
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
10394
10392
  }
10395
10393
 
10396
- :root,
10397
- .pf-v6-c-content {
10394
+ :root {
10398
10395
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
10399
10396
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
10400
10397
  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
@@ -10458,7 +10455,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10458
10455
  --pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
10459
10456
  --pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
10460
10457
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
10461
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
10458
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
10462
10459
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
10463
10460
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
10464
10461
  --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
@@ -11070,7 +11067,6 @@ ul) {
11070
11067
  }
11071
11068
  }
11072
11069
 
11073
- :root,
11074
11070
  .pf-v6-c-data-list {
11075
11071
  --pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
11076
11072
  --pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -11137,11 +11133,11 @@ ul) {
11137
11133
  --pf-v6-c-data-list__item-action--Display: flex;
11138
11134
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
11139
11135
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11136
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
11137
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
11140
11138
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11141
11139
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
11142
11140
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
11143
- --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11144
- --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11145
11141
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
11146
11142
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
11147
11143
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -11171,8 +11167,6 @@ ul) {
11171
11167
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11172
11168
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11173
11169
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
11174
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
11175
- --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
11176
11170
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11177
11171
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
11178
11172
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -11181,14 +11175,12 @@ ul) {
11181
11175
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11182
11176
  }
11183
11177
  @media screen and (min-width: 36rem) {
11184
- :root,
11185
11178
  .pf-v6-c-data-list {
11186
11179
  --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
11187
11180
  --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
11188
11181
  }
11189
11182
  }
11190
11183
  @media screen and (min-width: 36rem) {
11191
- :root,
11192
11184
  .pf-v6-c-data-list {
11193
11185
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
11194
11186
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
@@ -11207,8 +11199,6 @@ ul) {
11207
11199
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
11208
11200
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
11209
11201
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
11210
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
11211
- --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
11212
11202
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
11213
11203
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
11214
11204
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -11354,8 +11344,8 @@ ul) {
11354
11344
  gap: var(--pf-v6-c-data-list__item-action--Gap);
11355
11345
  align-content: flex-start;
11356
11346
  align-items: flex-start;
11357
- padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
11358
- padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBlockEnd);
11347
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
11348
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
11359
11349
  margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
11360
11350
  }
11361
11351
  .pf-v6-c-data-list__item-action.pf-m-hidden {
@@ -11402,11 +11392,6 @@ ul) {
11402
11392
  }
11403
11393
  }
11404
11394
 
11405
- .pf-v6-c-data-list__action {
11406
- margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
11407
- margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
11408
- }
11409
-
11410
11395
  .pf-v6-c-data-list__toggle {
11411
11396
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
11412
11397
  margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
@@ -11498,10 +11483,9 @@ ul) {
11498
11483
  padding: 0;
11499
11484
  }
11500
11485
 
11501
- :root,
11502
11486
  .pf-v6-c-description-list {
11503
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
11504
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
11487
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
11488
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
11505
11489
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
11506
11490
  --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
11507
11491
  --pf-v6-c-description-list--GridTemplateColumns--min: 0;
@@ -11546,37 +11530,31 @@ ul) {
11546
11530
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
11547
11531
  }
11548
11532
  @media screen and (min-width: 36rem) {
11549
- :root,
11550
11533
  .pf-v6-c-description-list {
11551
11534
  --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
11552
11535
  }
11553
11536
  }
11554
11537
  @media (min-width: 36rem) {
11555
- :root,
11556
11538
  .pf-v6-c-description-list {
11557
11539
  --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));
11558
11540
  }
11559
11541
  }
11560
11542
  @media (min-width: 48rem) {
11561
- :root,
11562
11543
  .pf-v6-c-description-list {
11563
11544
  --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)));
11564
11545
  }
11565
11546
  }
11566
11547
  @media (min-width: 62rem) {
11567
- :root,
11568
11548
  .pf-v6-c-description-list {
11569
11549
  --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))));
11570
11550
  }
11571
11551
  }
11572
11552
  @media (min-width: 75rem) {
11573
- :root,
11574
11553
  .pf-v6-c-description-list {
11575
11554
  --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)))));
11576
11555
  }
11577
11556
  }
11578
11557
  @media (min-width: 90.625rem) {
11579
- :root,
11580
11558
  .pf-v6-c-description-list {
11581
11559
  --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))))));
11582
11560
  }
@@ -11825,7 +11803,6 @@ ul) {
11825
11803
  }
11826
11804
  }
11827
11805
 
11828
- :root,
11829
11806
  .pf-v6-c-draggable {
11830
11807
  --pf-v6-c-draggable--Cursor: auto;
11831
11808
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
@@ -11862,7 +11839,6 @@ ul) {
11862
11839
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
11863
11840
  }
11864
11841
 
11865
- :root,
11866
11842
  .pf-v6-c-droppable {
11867
11843
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
11868
11844
  --pf-v6-c-droppable--before--Opacity: 0;
@@ -11904,7 +11880,6 @@ ul) {
11904
11880
  --pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
11905
11881
  }
11906
11882
 
11907
- :root,
11908
11883
  .pf-v6-c-dual-list-selector {
11909
11884
  --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
11910
11885
  --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -12229,7 +12204,6 @@ ul) {
12229
12204
  --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
12230
12205
  }
12231
12206
 
12232
- :root,
12233
12207
  .pf-v6-c-date-picker {
12234
12208
  --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
12235
12209
  --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
@@ -12288,7 +12262,6 @@ ul) {
12288
12262
  min-width: min-content;
12289
12263
  }
12290
12264
 
12291
- :root,
12292
12265
  .pf-v6-c-divider {
12293
12266
  --pf-v6-c-divider--Display: flex;
12294
12267
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
@@ -12594,7 +12567,6 @@ ul) {
12594
12567
  }
12595
12568
  }
12596
12569
 
12597
- :root,
12598
12570
  .pf-v6-c-drawer {
12599
12571
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12600
12572
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -12606,7 +12578,8 @@ ul) {
12606
12578
  --pf-v6-c-drawer__panel--MinWidth: 50%;
12607
12579
  --pf-v6-c-drawer__panel--MaxHeight: auto;
12608
12580
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
12609
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12581
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
12582
+ --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12610
12583
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
12611
12584
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
12612
12585
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -12703,11 +12676,9 @@ ul) {
12703
12676
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
12704
12677
  }
12705
12678
  @media screen and (min-width: 75rem) {
12706
- :root,
12707
12679
  .pf-v6-c-drawer {
12708
12680
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
12709
12681
  }
12710
- :root.pf-m-panel-bottom,
12711
12682
  .pf-v6-c-drawer.pf-m-panel-bottom {
12712
12683
  --pf-v6-c-drawer__panel--MinWidth: auto;
12713
12684
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
@@ -12730,6 +12701,9 @@ ul) {
12730
12701
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
12731
12702
  }
12732
12703
 
12704
+ .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
12705
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
12706
+ }
12733
12707
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
12734
12708
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
12735
12709
  }
@@ -12934,10 +12908,6 @@ ul) {
12934
12908
  flex: 1 1;
12935
12909
  }
12936
12910
 
12937
- .pf-v6-c-drawer__body > .pf-v6-c-page__main {
12938
- height: 100%;
12939
- }
12940
-
12941
12911
  .pf-v6-c-drawer__splitter {
12942
12912
  position: relative;
12943
12913
  display: none;
@@ -13435,7 +13405,6 @@ ul) {
13435
13405
  display: none;
13436
13406
  }
13437
13407
  }
13438
- :root,
13439
13408
  .pf-v6-c-empty-state {
13440
13409
  --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
13441
13410
  --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -13474,7 +13443,7 @@ ul) {
13474
13443
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
13475
13444
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
13476
13445
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
13477
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
13446
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
13478
13447
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
13479
13448
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
13480
13449
  --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13575,7 +13544,6 @@ ul) {
13575
13544
  justify-content: center;
13576
13545
  }
13577
13546
 
13578
- :root,
13579
13547
  .pf-v6-c-expandable-section {
13580
13548
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
13581
13549
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -13657,7 +13625,6 @@ ul) {
13657
13625
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13658
13626
  }
13659
13627
 
13660
- :root,
13661
13628
  .pf-v6-c-file-upload {
13662
13629
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
13663
13630
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13715,9 +13682,8 @@ ul) {
13715
13682
  transform: translate(-50%, -50%);
13716
13683
  }
13717
13684
 
13718
- :root,
13719
13685
  .pf-v6-c-form {
13720
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
13686
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
13721
13687
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13722
13688
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
13723
13689
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
@@ -14230,7 +14196,6 @@ ul) {
14230
14196
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
14231
14197
  }
14232
14198
 
14233
- :root,
14234
14199
  .pf-v6-c-form-control {
14235
14200
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14236
14201
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -14294,6 +14259,10 @@ ul) {
14294
14259
  --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));
14295
14260
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
14296
14261
  --pf-v6-c-form-control--textarea--Height: auto;
14262
+ --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14263
+ --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14264
+ --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14265
+ --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
14297
14266
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
14298
14267
  --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
14299
14268
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -14349,18 +14318,33 @@ ul) {
14349
14318
  background-color: transparent;
14350
14319
  border: none;
14351
14320
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
14321
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14352
14322
  -moz-appearance: none;
14353
14323
  -webkit-appearance: none;
14354
14324
  }
14355
- .pf-v6-c-form-control > :is(input, select, textarea):focus {
14356
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14357
- }
14358
14325
  .pf-v6-c-form-control > ::placeholder {
14359
14326
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
14360
14327
  }
14361
14328
  .pf-v6-c-form-control > :is(input, select) {
14362
14329
  text-overflow: ellipsis;
14363
14330
  }
14331
+ .pf-v6-c-form-control.pf-m-textarea {
14332
+ padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
14333
+ padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
14334
+ padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
14335
+ padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
14336
+ }
14337
+ .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 {
14338
+ --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));
14339
+ }
14340
+ .pf-v6-c-form-control.pf-m-textarea > textarea {
14341
+ padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
14342
+ padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
14343
+ padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
14344
+ 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));
14345
+ outline-offset: 0;
14346
+ scrollbar-gutter: stable;
14347
+ }
14364
14348
  .pf-v6-c-form-control.pf-m-readonly {
14365
14349
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
14366
14350
  --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
@@ -14503,7 +14487,6 @@ select ~ .pf-v6-c-form-control__utilities {
14503
14487
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
14504
14488
  }
14505
14489
 
14506
- :root,
14507
14490
  .pf-v6-c-hint {
14508
14491
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
14509
14492
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -14579,7 +14562,6 @@ select ~ .pf-v6-c-form-control__utilities {
14579
14562
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
14580
14563
  }
14581
14564
 
14582
- :root,
14583
14565
  .pf-v6-c-helper-text {
14584
14566
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
14585
14567
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -14652,7 +14634,6 @@ select ~ .pf-v6-c-form-control__utilities {
14652
14634
  color: var(--pf-v6-c-helper-text__item-text--Color);
14653
14635
  }
14654
14636
 
14655
- :root,
14656
14637
  .pf-v6-c-icon {
14657
14638
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
14658
14639
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -14909,7 +14890,6 @@ select ~ .pf-v6-c-form-control__utilities {
14909
14890
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
14910
14891
  }
14911
14892
 
14912
- :root,
14913
14893
  .pf-v6-c-inline-edit {
14914
14894
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
14915
14895
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
@@ -14993,7 +14973,6 @@ select ~ .pf-v6-c-form-control__utilities {
14993
14973
  display: none;
14994
14974
  }
14995
14975
 
14996
- :root,
14997
14976
  .pf-v6-c-input-group {
14998
14977
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
14999
14978
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
@@ -15067,7 +15046,6 @@ label.pf-v6-c-input-group__text {
15067
15046
  cursor: pointer;
15068
15047
  }
15069
15048
 
15070
- :root,
15071
15049
  .pf-v6-c-jump-links {
15072
15050
  --pf-v6-c-jump-links__list--Display: flex;
15073
15051
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
@@ -15314,7 +15292,6 @@ label.pf-v6-c-input-group__text {
15314
15292
  scale: -1 1;
15315
15293
  }
15316
15294
 
15317
- :root,
15318
15295
  .pf-v6-c-label {
15319
15296
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
15320
15297
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -15809,7 +15786,6 @@ input.pf-v6-c-label__content {
15809
15786
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
15810
15787
  }
15811
15788
 
15812
- :root,
15813
15789
  .pf-v6-c-label-group {
15814
15790
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
15815
15791
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -15945,7 +15921,6 @@ input.pf-v6-c-label__content {
15945
15921
  display: none;
15946
15922
  }
15947
15923
 
15948
- :root,
15949
15924
  .pf-v6-c-list {
15950
15925
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
15951
15926
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
@@ -16017,7 +15992,6 @@ ul.pf-v6-c-list {
16017
15992
  color: var(--pf-v6-c-list__item-icon--Color);
16018
15993
  }
16019
15994
 
16020
- :root,
16021
15995
  .pf-v6-c-login {
16022
15996
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16023
15997
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -16074,33 +16048,28 @@ ul.pf-v6-c-list {
16074
16048
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
16075
16049
  }
16076
16050
  @media (min-width: 75rem) {
16077
- :root,
16078
16051
  .pf-v6-c-login {
16079
16052
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
16080
16053
  }
16081
16054
  }
16082
16055
  @media (min-width: 36rem) {
16083
- :root,
16084
16056
  .pf-v6-c-login {
16085
16057
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
16086
16058
  --pf-v6-c-login__header--PaddingInlineStart: 0;
16087
16059
  }
16088
16060
  }
16089
16061
  @media (min-width: 75rem) {
16090
- :root,
16091
16062
  .pf-v6-c-login {
16092
16063
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
16093
16064
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
16094
16065
  }
16095
16066
  }
16096
16067
  @media (min-width: 75rem) {
16097
- :root,
16098
16068
  .pf-v6-c-login {
16099
16069
  --pf-v6-c-login__main--MarginBlockEnd: 0;
16100
16070
  }
16101
16071
  }
16102
16072
  @media (min-width: 48rem) {
16103
- :root,
16104
16073
  .pf-v6-c-login {
16105
16074
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
16106
16075
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
@@ -16108,21 +16077,18 @@ ul.pf-v6-c-list {
16108
16077
  }
16109
16078
  }
16110
16079
  @media (min-width: 48rem) {
16111
- :root,
16112
16080
  .pf-v6-c-login {
16113
16081
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
16114
16082
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
16115
16083
  }
16116
16084
  }
16117
16085
  @media (min-width: 36rem) {
16118
- :root,
16119
16086
  .pf-v6-c-login {
16120
16087
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
16121
16088
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
16122
16089
  }
16123
16090
  }
16124
16091
  @media (min-width: 75rem) {
16125
- :root,
16126
16092
  .pf-v6-c-login {
16127
16093
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
16128
16094
  }
@@ -16278,7 +16244,6 @@ ul.pf-v6-c-list {
16278
16244
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
16279
16245
  }
16280
16246
 
16281
- :root,
16282
16247
  .pf-v6-c-masthead {
16283
16248
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
16284
16249
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -16814,7 +16779,6 @@ ul.pf-v6-c-list {
16814
16779
  padding-inline-end: var(--pf-t--global--spacer--2xl);
16815
16780
  }
16816
16781
 
16817
- :root,
16818
16782
  .pf-v6-c-menu {
16819
16783
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
16820
16784
  --pf-v6-c-menu--Width: auto;
@@ -17396,9 +17360,8 @@ ul.pf-v6-c-list {
17396
17360
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
17397
17361
  }
17398
17362
 
17399
- :root,
17400
17363
  .pf-v6-c-menu-toggle {
17401
- --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
17364
+ --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
17402
17365
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
17403
17366
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17404
17367
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -17463,26 +17426,30 @@ ul.pf-v6-c-list {
17463
17426
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
17464
17427
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
17465
17428
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
17466
- --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));
17467
17429
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
17468
17430
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
17469
17431
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
17470
17432
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17471
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
17472
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17473
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-t--global--border--radius--pill);
17474
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17475
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17476
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17477
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17478
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
17479
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
17433
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
17434
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17435
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
17436
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17437
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
17438
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
17439
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17440
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17441
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17442
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
17443
+ --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
17480
17444
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
17445
+ --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
17481
17446
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
17482
17447
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
17483
17448
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
17484
17449
  --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));
17485
17450
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
17451
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
17452
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17486
17453
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
17487
17454
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
17488
17455
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -17490,14 +17457,15 @@ ul.pf-v6-c-list {
17490
17457
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17491
17458
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17492
17459
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17493
- --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
17460
+ --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
17461
+ --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
17462
+ --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
17494
17463
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
17495
17464
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
17496
17465
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
17497
17466
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
17498
17467
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17499
17468
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17500
- --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
17501
17469
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
17502
17470
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
17503
17471
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -17506,12 +17474,13 @@ ul.pf-v6-c-list {
17506
17474
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
17507
17475
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
17508
17476
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
17477
+ --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
17509
17478
  }
17510
17479
 
17511
17480
  .pf-v6-c-menu-toggle {
17512
17481
  position: relative;
17513
17482
  display: inline-flex;
17514
- column-gap: var(--pf-v6-c-menu-toggle--ColumnGap);
17483
+ gap: var(--pf-v6-c-menu-toggle--Gap);
17515
17484
  align-items: center;
17516
17485
  justify-content: center;
17517
17486
  min-width: var(--pf-v6-c-menu-toggle--MinWidth);
@@ -17597,6 +17566,8 @@ ul.pf-v6-c-list {
17597
17566
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
17598
17567
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
17599
17568
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
17569
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17570
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
17600
17571
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
17601
17572
  }
17602
17573
  .pf-v6-c-menu-toggle.pf-m-plain::before {
@@ -17625,9 +17596,6 @@ ul.pf-v6-c-list {
17625
17596
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
17626
17597
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
17627
17598
  }
17628
- .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
17629
- background-color: transparent;
17630
- }
17631
17599
  .pf-v6-c-menu-toggle.pf-m-success {
17632
17600
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
17633
17601
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
@@ -17656,7 +17624,8 @@ ul.pf-v6-c-list {
17656
17624
  }
17657
17625
 
17658
17626
  .pf-v6-c-menu-toggle.pf-m-split-button {
17659
- --pf-v6-c-menu-toggle--ColumnGap: 0;
17627
+ --pf-v6-c-menu-toggle--Gap: 0;
17628
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
17660
17629
  padding: 0;
17661
17630
  }
17662
17631
  .pf-v6-c-menu-toggle.pf-m-split-button > * {
@@ -17675,7 +17644,6 @@ ul.pf-v6-c-list {
17675
17644
  border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
17676
17645
  }
17677
17646
  .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
17678
- --pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
17679
17647
  --pf-v6-c-check__label--Color: currentcolor;
17680
17648
  --pf-v6-c-check__label--disabled--Color: currentcolor;
17681
17649
  align-items: center;
@@ -17685,49 +17653,51 @@ ul.pf-v6-c-list {
17685
17653
  --pf-v6-c-check__input--TranslateY: 0;
17686
17654
  align-self: center;
17687
17655
  }
17688
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-plain {
17689
- --pf-v6-c-menu-toggle--BorderColor: transparent;
17690
- }
17691
-
17692
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
17693
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
17694
- }
17695
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
17696
- 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);
17656
+ .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
17657
+ 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);
17697
17658
  }
17698
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
17699
- padding-inline-end: 0;
17659
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
17660
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
17700
17661
  }
17701
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
17702
- --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);
17662
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
17663
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
17664
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
17703
17665
  }
17704
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
17705
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
17666
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
17667
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
17668
+ --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);
17706
17669
  }
17707
- .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) {
17708
- --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);
17670
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
17671
+ --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);
17709
17672
  }
17710
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
17711
- --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);
17673
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
17674
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
17712
17675
  }
17713
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
17714
- --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);
17676
+ .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,
17677
+ .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,
17678
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
17679
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
17715
17680
  }
17716
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
17717
- --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);
17681
+ .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,
17682
+ .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,
17683
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
17684
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
17718
17685
  }
17719
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
17720
- content: none;
17686
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
17687
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
17721
17688
  }
17722
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
17723
- --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);
17689
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
17690
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
17724
17691
  color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
17725
17692
  background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
17726
17693
  }
17694
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
17695
+ content: none;
17696
+ }
17727
17697
 
17728
17698
  .pf-v6-c-menu-toggle.pf-m-typeahead {
17729
17699
  --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
17730
- --pf-v6-c-menu-toggle--ColumnGap: 0;
17700
+ --pf-v6-c-menu-toggle--Gap: 0;
17731
17701
  align-items: stretch;
17732
17702
  padding: 0;
17733
17703
  }
@@ -17745,6 +17715,7 @@ ul.pf-v6-c-list {
17745
17715
  }
17746
17716
 
17747
17717
  .pf-v6-c-menu-toggle__button {
17718
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
17748
17719
  align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
17749
17720
  min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
17750
17721
  padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
@@ -17753,13 +17724,13 @@ ul.pf-v6-c-list {
17753
17724
  background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
17754
17725
  border: 0;
17755
17726
  }
17756
- .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
17757
- padding-inline-start: 0;
17758
- }
17759
17727
  .pf-v6-c-menu-toggle__button.pf-m-text {
17760
17728
  display: inline-flex;
17761
17729
  align-items: baseline;
17762
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
17730
+ }
17731
+ .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) {
17732
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
17733
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
17763
17734
  }
17764
17735
 
17765
17736
  .pf-v6-c-menu-toggle__text {
@@ -17774,7 +17745,6 @@ ul.pf-v6-c-list {
17774
17745
  flex-wrap: nowrap;
17775
17746
  }
17776
17747
 
17777
- .pf-v6-c-menu-toggle__icon,
17778
17748
  .pf-v6-c-menu-toggle__controls,
17779
17749
  .pf-v6-c-menu-toggle__toggle-icon {
17780
17750
  display: flex;
@@ -17784,11 +17754,16 @@ ul.pf-v6-c-list {
17784
17754
 
17785
17755
  .pf-v6-c-menu-toggle__icon {
17786
17756
  flex-shrink: 0;
17787
- min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
17757
+ }
17758
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
17759
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
17760
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
17761
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
17762
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
17788
17763
  }
17789
17764
 
17790
17765
  .pf-v6-c-menu-toggle__controls {
17791
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
17766
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
17792
17767
  margin-inline-start: auto;
17793
17768
  }
17794
17769
 
@@ -17798,11 +17773,9 @@ ul.pf-v6-c-list {
17798
17773
  }
17799
17774
 
17800
17775
  .pf-v6-c-menu-toggle__status-icon {
17801
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
17802
17776
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
17803
17777
  }
17804
17778
 
17805
- :root,
17806
17779
  .pf-v6-c-modal-box {
17807
17780
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
17808
17781
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
@@ -17856,7 +17829,6 @@ ul.pf-v6-c-list {
17856
17829
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
17857
17830
  }
17858
17831
  @media (min-width: 75rem) {
17859
- :root,
17860
17832
  .pf-v6-c-modal-box {
17861
17833
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
17862
17834
  }
@@ -18009,7 +17981,6 @@ ul.pf-v6-c-list {
18009
17981
  }
18010
17982
  }
18011
17983
 
18012
- :root,
18013
17984
  .pf-v6-c-multiple-file-upload {
18014
17985
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
18015
17986
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
@@ -18220,7 +18191,6 @@ ul.pf-v6-c-list {
18220
18191
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
18221
18192
  }
18222
18193
 
18223
- :root,
18224
18194
  .pf-v6-c-nav {
18225
18195
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
18226
18196
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -18529,7 +18499,6 @@ ul.pf-v6-c-list {
18529
18499
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
18530
18500
  }
18531
18501
 
18532
- :root,
18533
18502
  .pf-v6-c-notification-drawer {
18534
18503
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
18535
18504
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -18805,7 +18774,6 @@ ul.pf-v6-c-list {
18805
18774
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
18806
18775
  }
18807
18776
 
18808
- :root,
18809
18777
  .pf-v6-c-overflow-menu {
18810
18778
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
18811
18779
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -18843,13 +18811,13 @@ ul.pf-v6-c-list {
18843
18811
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
18844
18812
  }
18845
18813
 
18846
- :root,
18847
18814
  .pf-v6-c-page {
18848
18815
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18849
18816
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
18850
18817
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
18851
18818
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
18852
18819
  --pf-v6-c-page__sidebar--Width: 18.125rem;
18820
+ --pf-v6-c-page__sidebar--xl--Width: auto;
18853
18821
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18854
18822
  --pf-v6-c-page__sidebar--BoxShadow: none;
18855
18823
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -18858,7 +18826,7 @@ ul.pf-v6-c-list {
18858
18826
  --pf-v6-c-page__sidebar--TranslateZ: 0;
18859
18827
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
18860
18828
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
18861
- --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
18829
+ --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
18862
18830
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
18863
18831
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
18864
18832
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
@@ -18871,7 +18839,7 @@ ul.pf-v6-c-list {
18871
18839
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
18872
18840
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
18873
18841
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
18874
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
18842
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
18875
18843
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
18876
18844
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
18877
18845
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
@@ -18884,8 +18852,8 @@ ul.pf-v6-c-list {
18884
18852
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18885
18853
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
18886
18854
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
18887
- --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
18888
- --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
18855
+ --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
18856
+ --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
18889
18857
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
18890
18858
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
18891
18859
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -18925,7 +18893,6 @@ ul.pf-v6-c-list {
18925
18893
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
18926
18894
  }
18927
18895
  @media screen and (min-width: 75rem) {
18928
- :root,
18929
18896
  .pf-v6-c-page {
18930
18897
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
18931
18898
  }
@@ -18943,6 +18910,7 @@ ul.pf-v6-c-list {
18943
18910
  }
18944
18911
  @media (min-width: 75rem) {
18945
18912
  .pf-v6-c-page {
18913
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
18946
18914
  grid-template-areas: "header header" "sidebar main";
18947
18915
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
18948
18916
  }
@@ -19452,14 +19420,13 @@ ul.pf-v6-c-list {
19452
19420
  flex-shrink: 0;
19453
19421
  }
19454
19422
 
19455
- .pf-v6-c-page__drawer {
19456
- grid-area: main;
19423
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
19424
+ align-self: revert;
19457
19425
  }
19458
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
19459
- flex: 1 0 auto;
19426
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
19427
+ flex-grow: 1;
19460
19428
  }
19461
19429
 
19462
- :root,
19463
19430
  .pf-v6-c-pagination {
19464
19431
  --pf-v6-c-pagination--inset: 0;
19465
19432
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -19479,17 +19446,23 @@ ul.pf-v6-c-list {
19479
19446
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19480
19447
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
19481
19448
  --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
19482
- --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19483
19449
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19484
19450
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19485
- --pf-v6-c-pagination--m-sticky--ZIndex: 100;
19451
+ --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19452
+ --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
19486
19453
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
19487
19454
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19488
19455
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19489
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19490
- --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19491
- --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19492
19456
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19457
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19458
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19459
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19460
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19461
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19462
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
19463
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
19464
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19465
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19493
19466
  --pf-v6-c-pagination__page-menu--Display--base: block;
19494
19467
  --pf-v6-c-pagination__page-menu--Display: none;
19495
19468
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -19498,7 +19471,6 @@ ul.pf-v6-c-list {
19498
19471
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
19499
19472
  }
19500
19473
  @media screen and (min-width: 48rem) {
19501
- :root,
19502
19474
  .pf-v6-c-pagination {
19503
19475
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
19504
19476
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -19507,7 +19479,6 @@ ul.pf-v6-c-list {
19507
19479
  }
19508
19480
  }
19509
19481
  @media screen and (min-width: 75rem) {
19510
- :root,
19511
19482
  .pf-v6-c-pagination {
19512
19483
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
19513
19484
  }
@@ -19531,17 +19502,13 @@ ul.pf-v6-c-list {
19531
19502
  position: sticky;
19532
19503
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
19533
19504
  justify-content: center;
19534
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--PaddingInlineStart);
19535
- padding-inline-end: var(--pf-v6-c-pagination--m-bottom--PaddingInlineEnd);
19505
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19506
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19507
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19508
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19536
19509
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
19537
19510
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
19538
19511
  }
19539
- .pf-v6-c-pagination.pf-m-bottom.pf-m-static {
19540
- --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
19541
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
19542
- position: relative;
19543
- box-shadow: none;
19544
- }
19545
19512
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19546
19513
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
19547
19514
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -19563,6 +19530,10 @@ ul.pf-v6-c-list {
19563
19530
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
19564
19531
  position: relative;
19565
19532
  justify-content: flex-end;
19533
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19534
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19535
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19536
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19566
19537
  }
19567
19538
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19568
19539
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -19580,15 +19551,23 @@ ul.pf-v6-c-list {
19580
19551
  flex-basis: auto;
19581
19552
  }
19582
19553
  }
19554
+ .pf-v6-c-pagination.pf-m-static {
19555
+ position: relative;
19556
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19557
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19558
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19559
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19560
+ box-shadow: none;
19561
+ }
19583
19562
  .pf-v6-c-pagination.pf-m-sticky {
19584
19563
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19585
19564
  position: sticky;
19586
19565
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
19587
19566
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
19588
- padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
19589
- padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
19590
- padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
19591
- padding-inline-end: var(--pf-v6-c-pagination--m-sticky--PaddingInlineEnd);
19567
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19568
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19569
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19570
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19592
19571
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
19593
19572
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
19594
19573
  }
@@ -19809,7 +19788,6 @@ ul.pf-v6-c-list {
19809
19788
  }
19810
19789
  }
19811
19790
 
19812
- :root,
19813
19791
  .pf-v6-c-panel {
19814
19792
  --pf-v6-c-panel--Width: auto;
19815
19793
  --pf-v6-c-panel--MinWidth: auto;
@@ -19907,7 +19885,6 @@ ul.pf-v6-c-list {
19907
19885
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
19908
19886
  }
19909
19887
 
19910
- :root,
19911
19888
  .pf-v6-c-popover {
19912
19889
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
19913
19890
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -20110,7 +20087,6 @@ ul.pf-v6-c-list {
20110
20087
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
20111
20088
  }
20112
20089
 
20113
- :root,
20114
20090
  .pf-v6-c-progress {
20115
20091
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
20116
20092
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
@@ -20275,7 +20251,6 @@ ul.pf-v6-c-list {
20275
20251
  font-variant-numeric: tabular-nums;
20276
20252
  }
20277
20253
 
20278
- :root,
20279
20254
  .pf-v6-c-progress-stepper {
20280
20255
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
20281
20256
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -20397,7 +20372,6 @@ ul.pf-v6-c-list {
20397
20372
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
20398
20373
  }
20399
20374
  @media screen and (min-width: 48rem) {
20400
- :root,
20401
20375
  .pf-v6-c-progress-stepper {
20402
20376
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
20403
20377
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -20887,7 +20861,6 @@ ul.pf-v6-c-list {
20887
20861
  }
20888
20862
  }
20889
20863
 
20890
- :root,
20891
20864
  .pf-v6-c-radio {
20892
20865
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
20893
20866
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -20969,7 +20942,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20969
20942
  cursor: not-allowed;
20970
20943
  }
20971
20944
 
20972
- :root,
20973
20945
  .pf-v6-c-sidebar {
20974
20946
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
20975
20947
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -21314,7 +21286,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21314
21286
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
21315
21287
  }
21316
21288
  }
21317
- :root,
21318
21289
  .pf-v6-c-simple-list {
21319
21290
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21320
21291
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -21385,7 +21356,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21385
21356
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
21386
21357
  }
21387
21358
 
21388
- :root,
21389
21359
  .pf-v6-c-skeleton {
21390
21360
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21391
21361
  --pf-v6-c-skeleton--Width: auto;
@@ -21551,7 +21521,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21551
21521
  transform: translateX(100%);
21552
21522
  }
21553
21523
  }
21554
- :root,
21555
21524
  .pf-v6-c-skip-to-content {
21556
21525
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
21557
21526
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -21568,7 +21537,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21568
21537
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
21569
21538
  }
21570
21539
 
21571
- :root,
21572
21540
  .pf-v6-c-slider {
21573
21541
  --pf-v6-c-slider--value: 0;
21574
21542
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -21790,7 +21758,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21790
21758
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
21791
21759
  }
21792
21760
 
21793
- :root,
21794
21761
  .pf-v6-c-spinner {
21795
21762
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
21796
21763
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -21867,7 +21834,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21867
21834
  transform: rotate(720deg);
21868
21835
  }
21869
21836
  }
21870
- :root,
21871
21837
  .pf-v6-c-switch {
21872
21838
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
21873
21839
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -22016,7 +21982,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22016
21982
  vertical-align: top;
22017
21983
  }
22018
21984
 
22019
- :root,
22020
21985
  .pf-v6-c-tab-content {
22021
21986
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
22022
21987
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
@@ -22062,7 +22027,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22062
22027
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
22063
22028
  }
22064
22029
 
22065
- :root,
22066
22030
  .pf-v6-c-table {
22067
22031
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
22068
22032
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -22075,9 +22039,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22075
22039
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
22076
22040
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22077
22041
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
22078
- --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22042
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
22079
22043
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22080
- --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22044
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
22081
22045
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
22082
22046
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22083
22047
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -22107,8 +22071,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22107
22071
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
22108
22072
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22109
22073
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22110
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22111
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22074
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
22075
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
22112
22076
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22113
22077
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22114
22078
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -22126,6 +22090,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22126
22090
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22127
22091
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22128
22092
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22093
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22129
22094
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22130
22095
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22131
22096
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22425,6 +22390,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22425
22390
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22426
22391
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22427
22392
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22393
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22428
22394
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22429
22395
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22430
22396
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22727,6 +22693,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22727
22693
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22728
22694
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22729
22695
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22696
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22730
22697
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22731
22698
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22732
22699
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23029,6 +22996,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23029
22996
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23030
22997
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23031
22998
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22999
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
23032
23000
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23033
23001
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23034
23002
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23331,6 +23299,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23331
23299
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23332
23300
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23333
23301
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
23302
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
23334
23303
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23335
23304
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23336
23305
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23627,7 +23596,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23627
23596
  }
23628
23597
  }
23629
23598
 
23630
- :root,
23631
23599
  .pf-v6-c-table {
23632
23600
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23633
23601
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -23637,7 +23605,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23637
23605
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
23638
23606
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
23639
23607
  --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
23640
- --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--lg);
23608
+ --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
23641
23609
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
23642
23610
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
23643
23611
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -23655,7 +23623,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23655
23623
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
23656
23624
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
23657
23625
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
23658
- --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
23626
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
23659
23627
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23660
23628
  --pf-v6-c-table--cell--MinWidth: 0;
23661
23629
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -23884,10 +23852,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23884
23852
  }
23885
23853
  }
23886
23854
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23887
- padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineStart));
23855
+ padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
23888
23856
  }
23889
23857
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
23890
- padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
23858
+ padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
23891
23859
  }
23892
23860
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
23893
23861
  text-align: center;
@@ -24120,7 +24088,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24120
24088
  .pf-v6-c-table__column-help {
24121
24089
  display: inline-grid;
24122
24090
  grid-template-columns: auto max-content;
24123
- align-items: baseline;
24091
+ align-items: last baseline;
24124
24092
  justify-content: start;
24125
24093
  }
24126
24094
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -24285,6 +24253,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24285
24253
  }
24286
24254
 
24287
24255
  .pf-v6-c-table__column-help-action {
24256
+ align-self: last baseline;
24288
24257
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24289
24258
  }
24290
24259
 
@@ -24491,7 +24460,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24491
24460
  --pf-v6-c-table--cell--Width: 100%;
24492
24461
  }
24493
24462
 
24494
- :root,
24495
24463
  .pf-v6-c-table {
24496
24464
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
24497
24465
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -24556,7 +24524,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24556
24524
  overflow: auto;
24557
24525
  }
24558
24526
 
24559
- :root,
24560
24527
  .pf-v6-c-table {
24561
24528
  --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));
24562
24529
  --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));
@@ -25377,7 +25344,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25377
25344
  }
25378
25345
  }
25379
25346
 
25380
- :root,
25381
25347
  .pf-v6-c-tabs {
25382
25348
  --pf-v6-c-tabs--inset: 0;
25383
25349
  --pf-v6-c-tabs--Width: auto;
@@ -26190,7 +26156,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26190
26156
  }
26191
26157
  }
26192
26158
 
26193
- :root,
26194
26159
  .pf-v6-c-text-input-group {
26195
26160
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
26196
26161
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -26232,9 +26197,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26232
26197
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
26233
26198
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
26234
26199
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
26235
- --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
26200
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
26236
26201
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
26237
- --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
26202
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
26238
26203
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
26239
26204
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
26240
26205
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -26392,7 +26357,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26392
26357
  display: flex;
26393
26358
  }
26394
26359
 
26395
- :root,
26396
26360
  .pf-v6-c-tile {
26397
26361
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
26398
26362
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -26496,7 +26460,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26496
26460
  color: var(--pf-v6-c-tile__icon--Color);
26497
26461
  }
26498
26462
 
26499
- :root,
26500
26463
  .pf-v6-c-timestamp {
26501
26464
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
26502
26465
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
@@ -26528,7 +26491,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26528
26491
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
26529
26492
  }
26530
26493
 
26531
- :root,
26532
26494
  .pf-v6-c-title {
26533
26495
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
26534
26496
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -26634,7 +26596,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26634
26596
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
26635
26597
  }
26636
26598
 
26637
- :root,
26638
26599
  .pf-v6-c-toggle-group {
26639
26600
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26640
26601
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -26758,7 +26719,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26758
26719
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
26759
26720
  }
26760
26721
 
26761
- :root,
26762
26722
  .pf-v6-c-toolbar {
26763
26723
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
26764
26724
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -28662,7 +28622,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28662
28622
  display: inline-flex;
28663
28623
  }
28664
28624
  }
28665
- :root,
28666
28625
  .pf-v6-c-tooltip {
28667
28626
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
28668
28627
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -28785,7 +28744,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28785
28744
  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));
28786
28745
  }
28787
28746
 
28788
- :root,
28789
28747
  .pf-v6-c-truncate {
28790
28748
  --pf-v6-c-truncate--MinWidth: 6ch;
28791
28749
  --pf-v6-c-truncate__start--MinWidth: 6ch;
@@ -28832,7 +28790,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28832
28790
  direction: rtl;
28833
28791
  }
28834
28792
  }
28835
- :root,
28836
28793
  .pf-v6-c-number-input {
28837
28794
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
28838
28795
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -28872,7 +28829,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28872
28829
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
28873
28830
  }
28874
28831
 
28875
- :root,
28876
28832
  .pf-v6-c-tree-view {
28877
28833
  --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));
28878
28834
  --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));
@@ -29326,7 +29282,6 @@ label.pf-v6-c-tree-view__node-text {
29326
29282
  --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));
29327
29283
  }
29328
29284
 
29329
- :root,
29330
29285
  .pf-v6-c-wizard {
29331
29286
  --pf-v6-c-wizard--Height: initial;
29332
29287
  --pf-v6-c-wizard--Height--base: 100%;
@@ -29443,7 +29398,6 @@ label.pf-v6-c-tree-view__node-text {
29443
29398
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
29444
29399
  }
29445
29400
  @media screen and (min-width: 62rem) {
29446
- :root,
29447
29401
  .pf-v6-c-wizard {
29448
29402
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
29449
29403
  --pf-v6-c-wizard__nav--BoxShadow: none;
@@ -29816,7 +29770,6 @@ label.pf-v6-c-tree-view__node-text {
29816
29770
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
29817
29771
  }
29818
29772
 
29819
- :root,
29820
29773
  .pf-v6-l-bullseye {
29821
29774
  --pf-v6-l-bullseye--Padding: 0;
29822
29775
  }
@@ -29830,7 +29783,6 @@ label.pf-v6-c-tree-view__node-text {
29830
29783
  margin: 0;
29831
29784
  }
29832
29785
 
29833
- :root,
29834
29786
  .pf-v6-l-flex {
29835
29787
  --pf-v6-l-flex--Display: flex;
29836
29788
  --pf-v6-l-flex--FlexWrap: wrap;
@@ -32212,7 +32164,6 @@ label.pf-v6-c-tree-view__node-text {
32212
32164
  }
32213
32165
  }
32214
32166
 
32215
- :root,
32216
32167
  .pf-v6-l-gallery {
32217
32168
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32218
32169
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
@@ -32284,7 +32235,6 @@ label.pf-v6-c-tree-view__node-text {
32284
32235
  }
32285
32236
  }
32286
32237
 
32287
- :root,
32288
32238
  .pf-v6-l-grid {
32289
32239
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32290
32240
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -33222,7 +33172,6 @@ label.pf-v6-c-tree-view__node-text {
33222
33172
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
33223
33173
  }
33224
33174
 
33225
- :root,
33226
33175
  .pf-v6-l-level {
33227
33176
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33228
33177
  }
@@ -33237,7 +33186,6 @@ label.pf-v6-c-tree-view__node-text {
33237
33186
  gap: var(--pf-v6-l-level--m-gutter--Gap);
33238
33187
  }
33239
33188
 
33240
- :root,
33241
33189
  .pf-v6-l-split {
33242
33190
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33243
33191
  }
@@ -33259,7 +33207,6 @@ label.pf-v6-c-tree-view__node-text {
33259
33207
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
33260
33208
  }
33261
33209
 
33262
- :root,
33263
33210
  .pf-v6-l-stack {
33264
33211
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33265
33212
  }