@patternfly/patternfly 6.0.0-prerelease.9 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (194) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -62
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +12 -4
  7. package/base/tokens/tokens-default.scss +44 -27
  8. package/base/tokens/tokens-local.scss +30 -35
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/AboutModalBox/about-modal-box.css +0 -7
  11. package/components/Accordion/accordion.css +0 -1
  12. package/components/ActionList/action-list.css +1 -2
  13. package/components/ActionList/action-list.scss +1 -1
  14. package/components/Alert/alert-group.css +0 -1
  15. package/components/Alert/alert.css +2 -7
  16. package/components/Alert/alert.scss +2 -7
  17. package/components/Avatar/avatar.css +0 -1
  18. package/components/BackToTop/back-to-top.css +0 -2
  19. package/components/Backdrop/backdrop.css +0 -1
  20. package/components/BackgroundImage/background-image.css +0 -1
  21. package/components/Badge/badge.css +0 -1
  22. package/components/Banner/banner.css +0 -2
  23. package/components/Brand/brand.css +0 -1
  24. package/components/Breadcrumb/breadcrumb.css +0 -1
  25. package/components/Button/button.css +8 -1
  26. package/components/Button/button.scss +8 -0
  27. package/components/CalendarMonth/calendar-month.css +0 -1
  28. package/components/Card/card.css +0 -1
  29. package/components/Check/check.css +0 -1
  30. package/components/ClipboardCopy/clipboard-copy.css +0 -1
  31. package/components/CodeBlock/code-block.css +0 -1
  32. package/components/CodeEditor/code-editor.css +0 -1
  33. package/components/Content/content.css +2 -3
  34. package/components/Content/content.scss +2 -2
  35. package/components/DataList/data-list.css +4 -16
  36. package/components/DataList/data-list.scss +4 -14
  37. package/components/DatePicker/date-picker.css +0 -1
  38. package/components/DescriptionList/description-list.css +2 -9
  39. package/components/DescriptionList/description-list.scss +2 -2
  40. package/components/Divider/divider.css +0 -1
  41. package/components/DragDrop/drag-drop.css +0 -2
  42. package/components/Drawer/drawer.css +0 -7
  43. package/components/Drawer/drawer.scss +0 -5
  44. package/components/DualListSelector/dual-list-selector.css +0 -1
  45. package/components/EmptyState/empty-state.css +1 -2
  46. package/components/EmptyState/empty-state.scss +1 -1
  47. package/components/ExpandableSection/expandable-section.css +0 -1
  48. package/components/FileUpload/file-upload.css +0 -1
  49. package/components/Form/form.css +1 -2
  50. package/components/Form/form.scss +1 -1
  51. package/components/FormControl/form-control.css +22 -4
  52. package/components/FormControl/form-control.scss +27 -4
  53. package/components/HelperText/helper-text.css +0 -1
  54. package/components/Hint/hint.css +0 -1
  55. package/components/Icon/icon.css +0 -1
  56. package/components/InlineEdit/inline-edit.css +0 -1
  57. package/components/InputGroup/input-group.css +0 -1
  58. package/components/JumpLinks/jump-links.css +0 -1
  59. package/components/Label/label-group.css +0 -1
  60. package/components/Label/label.css +0 -1
  61. package/components/List/list.css +0 -1
  62. package/components/Login/login.css +0 -9
  63. package/components/Masthead/masthead.css +0 -1
  64. package/components/Menu/menu.css +0 -1
  65. package/components/MenuToggle/menu-toggle.css +66 -56
  66. package/components/MenuToggle/menu-toggle.scss +76 -65
  67. package/components/ModalBox/modal-box.css +0 -2
  68. package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  69. package/components/Nav/nav.css +0 -1
  70. package/components/NotificationDrawer/notification-drawer.css +0 -1
  71. package/components/NumberInput/number-input.css +0 -1
  72. package/components/OverflowMenu/overflow-menu.css +0 -1
  73. package/components/Page/page.css +10 -10
  74. package/components/Page/page.scss +11 -8
  75. package/components/Pagination/pagination.css +31 -20
  76. package/components/Pagination/pagination.scss +35 -23
  77. package/components/Panel/panel.css +0 -1
  78. package/components/Popover/popover.css +0 -1
  79. package/components/Progress/progress.css +0 -1
  80. package/components/ProgressStepper/progress-stepper.css +0 -2
  81. package/components/Radio/radio.css +0 -1
  82. package/components/Sidebar/sidebar.css +0 -1
  83. package/components/SimpleList/simple-list.css +0 -1
  84. package/components/Skeleton/skeleton.css +0 -1
  85. package/components/SkipToContent/skip-to-content.css +0 -1
  86. package/components/Slider/slider.css +0 -1
  87. package/components/Spinner/spinner.css +0 -1
  88. package/components/Switch/switch.css +0 -1
  89. package/components/TabContent/tab-content.css +0 -1
  90. package/components/Table/table-grid.css +9 -5
  91. package/components/Table/table-grid.scss +5 -4
  92. package/components/Table/table-scrollable.css +0 -1
  93. package/components/Table/table-tree-view.css +0 -1
  94. package/components/Table/table.css +6 -6
  95. package/components/Table/table.scss +6 -5
  96. package/components/Tabs/tabs.css +0 -1
  97. package/components/TextInputGroup/text-input-group.css +2 -3
  98. package/components/TextInputGroup/text-input-group.scss +2 -2
  99. package/components/Tile/tile.css +0 -1
  100. package/components/Timestamp/timestamp.css +0 -1
  101. package/components/Title/title.css +0 -1
  102. package/components/ToggleGroup/toggle-group.css +0 -1
  103. package/components/Toolbar/toolbar.css +0 -1
  104. package/components/Tooltip/tooltip.css +0 -1
  105. package/components/TreeView/tree-view.css +0 -1
  106. package/components/Truncate/truncate.css +0 -1
  107. package/components/Wizard/wizard.css +0 -2
  108. package/components/_index.css +167 -239
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  111. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  112. package/docs/components/Content/examples/Content.md +188 -204
  113. package/docs/components/DataList/examples/DataList.md +187 -221
  114. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  115. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  116. package/docs/components/Form/examples/Form.md +4 -2
  117. package/docs/components/FormControl/examples/FormControl.md +10 -10
  118. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  119. package/docs/components/Login/examples/Login.md +6 -6
  120. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  121. package/docs/components/Pagination/examples/Pagination.md +12 -12
  122. package/docs/components/Table/examples/Table.md +1 -1
  123. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  124. package/docs/demos/Card/examples/Card.md +4 -4
  125. package/docs/demos/CardView/examples/CardView.md +10 -4
  126. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  127. package/docs/demos/DataList/examples/DataList.md +37 -13
  128. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  129. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  130. package/docs/demos/Page/examples/Page.md +2 -2
  131. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  132. package/docs/demos/Table/examples/Table.md +235 -91
  133. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  134. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  135. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  136. package/layouts/Bullseye/bullseye.css +0 -1
  137. package/layouts/Flex/flex.css +0 -1
  138. package/layouts/Gallery/gallery.css +0 -1
  139. package/layouts/Grid/grid.css +0 -1
  140. package/layouts/Level/level.css +0 -1
  141. package/layouts/Split/split.css +0 -1
  142. package/layouts/Stack/stack.css +0 -1
  143. package/layouts/_index.css +0 -7
  144. package/package.json +5 -5
  145. package/patternfly-base-no-globals.css +84 -62
  146. package/patternfly-base.css +99 -62
  147. package/patternfly-charts.css +2 -2
  148. package/patternfly-charts.scss +2 -2
  149. package/patternfly-no-globals.css +251 -308
  150. package/patternfly.css +266 -308
  151. package/patternfly.min.css +1 -1
  152. package/patternfly.min.css.map +1 -1
  153. package/sass-utilities/mixins.scss +3 -3
  154. package/assets/images/PF-Masthead-Logo.svg +0 -1
  155. package/assets/images/background-filter.svg +0 -17
  156. package/assets/images/g_sizing.png +0 -0
  157. package/assets/images/img_avatar-dark.svg +0 -22
  158. package/assets/images/img_avatar.svg +0 -21
  159. package/assets/images/l_pf-reverse-164x11.png +0 -0
  160. package/assets/images/l_pf-reverse.svg +0 -1
  161. package/assets/images/logo-dropbox-old.svg +0 -1
  162. package/assets/images/logo-dropbox.svg +0 -6
  163. package/assets/images/logo-facebook.svg +0 -4
  164. package/assets/images/logo-github.svg +0 -4
  165. package/assets/images/logo-gitlab.svg +0 -4
  166. package/assets/images/logo-google.svg +0 -4
  167. package/assets/images/logo-google2.svg +0 -10
  168. package/assets/images/logo__pf--reverse--base.png +0 -0
  169. package/assets/images/logo__pf--reverse--base.svg +0 -40
  170. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  171. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  172. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  173. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  175. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  177. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  179. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  180. package/assets/images/pf-c-brand__logo.svg +0 -10
  181. package/assets/images/pf-logo.svg +0 -28
  182. package/assets/images/pf_logo.svg +0 -37
  183. package/assets/images/pf_logo_color.svg +0 -22
  184. package/assets/images/pf_logo_white.svg +0 -37
  185. package/assets/images/pf_mini_logo_white.svg +0 -1
  186. package/assets/images/pfbg_1200.jpg +0 -0
  187. package/assets/images/pfbg_2000.jpg +0 -0
  188. package/assets/images/pfbg_576.jpg +0 -0
  189. package/assets/images/pfbg_576@2x.jpg +0 -0
  190. package/assets/images/pfbg_768.jpg +0 -0
  191. package/assets/images/pfbg_768@2x.jpg +0 -0
  192. package/assets/images/pfbg_992.jpg +0 -0
  193. package/assets/images/pfbg_992@2x.jpg +0 -0
  194. package/assets/images/status-icon-sprite.svg +0 -38
@@ -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);
@@ -12704,11 +12676,9 @@ ul) {
12704
12676
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
12705
12677
  }
12706
12678
  @media screen and (min-width: 75rem) {
12707
- :root,
12708
12679
  .pf-v6-c-drawer {
12709
12680
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
12710
12681
  }
12711
- :root.pf-m-panel-bottom,
12712
12682
  .pf-v6-c-drawer.pf-m-panel-bottom {
12713
12683
  --pf-v6-c-drawer__panel--MinWidth: auto;
12714
12684
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
@@ -12938,10 +12908,6 @@ ul) {
12938
12908
  flex: 1 1;
12939
12909
  }
12940
12910
 
12941
- .pf-v6-c-drawer__body > .pf-v6-c-page__main {
12942
- height: 100%;
12943
- }
12944
-
12945
12911
  .pf-v6-c-drawer__splitter {
12946
12912
  position: relative;
12947
12913
  display: none;
@@ -13439,7 +13405,6 @@ ul) {
13439
13405
  display: none;
13440
13406
  }
13441
13407
  }
13442
- :root,
13443
13408
  .pf-v6-c-empty-state {
13444
13409
  --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
13445
13410
  --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -13478,7 +13443,7 @@ ul) {
13478
13443
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
13479
13444
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
13480
13445
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
13481
- --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);
13482
13447
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
13483
13448
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
13484
13449
  --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -13579,7 +13544,6 @@ ul) {
13579
13544
  justify-content: center;
13580
13545
  }
13581
13546
 
13582
- :root,
13583
13547
  .pf-v6-c-expandable-section {
13584
13548
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
13585
13549
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -13661,7 +13625,6 @@ ul) {
13661
13625
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
13662
13626
  }
13663
13627
 
13664
- :root,
13665
13628
  .pf-v6-c-file-upload {
13666
13629
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
13667
13630
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13719,9 +13682,8 @@ ul) {
13719
13682
  transform: translate(-50%, -50%);
13720
13683
  }
13721
13684
 
13722
- :root,
13723
13685
  .pf-v6-c-form {
13724
- --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);
13725
13687
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
13726
13688
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
13727
13689
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
@@ -14234,7 +14196,6 @@ ul) {
14234
14196
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
14235
14197
  }
14236
14198
 
14237
- :root,
14238
14199
  .pf-v6-c-form-control {
14239
14200
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14240
14201
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -14298,6 +14259,10 @@ ul) {
14298
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));
14299
14260
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
14300
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));
14301
14266
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
14302
14267
  --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
14303
14268
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -14353,18 +14318,33 @@ ul) {
14353
14318
  background-color: transparent;
14354
14319
  border: none;
14355
14320
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
14321
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14356
14322
  -moz-appearance: none;
14357
14323
  -webkit-appearance: none;
14358
14324
  }
14359
- .pf-v6-c-form-control > :is(input, select, textarea):focus {
14360
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
14361
- }
14362
14325
  .pf-v6-c-form-control > ::placeholder {
14363
14326
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
14364
14327
  }
14365
14328
  .pf-v6-c-form-control > :is(input, select) {
14366
14329
  text-overflow: ellipsis;
14367
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
+ }
14368
14348
  .pf-v6-c-form-control.pf-m-readonly {
14369
14349
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
14370
14350
  --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
@@ -14507,7 +14487,6 @@ select ~ .pf-v6-c-form-control__utilities {
14507
14487
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
14508
14488
  }
14509
14489
 
14510
- :root,
14511
14490
  .pf-v6-c-hint {
14512
14491
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
14513
14492
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -14583,7 +14562,6 @@ select ~ .pf-v6-c-form-control__utilities {
14583
14562
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
14584
14563
  }
14585
14564
 
14586
- :root,
14587
14565
  .pf-v6-c-helper-text {
14588
14566
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
14589
14567
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -14656,7 +14634,6 @@ select ~ .pf-v6-c-form-control__utilities {
14656
14634
  color: var(--pf-v6-c-helper-text__item-text--Color);
14657
14635
  }
14658
14636
 
14659
- :root,
14660
14637
  .pf-v6-c-icon {
14661
14638
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
14662
14639
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -14913,7 +14890,6 @@ select ~ .pf-v6-c-form-control__utilities {
14913
14890
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
14914
14891
  }
14915
14892
 
14916
- :root,
14917
14893
  .pf-v6-c-inline-edit {
14918
14894
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
14919
14895
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
@@ -14997,7 +14973,6 @@ select ~ .pf-v6-c-form-control__utilities {
14997
14973
  display: none;
14998
14974
  }
14999
14975
 
15000
- :root,
15001
14976
  .pf-v6-c-input-group {
15002
14977
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
15003
14978
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
@@ -15071,7 +15046,6 @@ label.pf-v6-c-input-group__text {
15071
15046
  cursor: pointer;
15072
15047
  }
15073
15048
 
15074
- :root,
15075
15049
  .pf-v6-c-jump-links {
15076
15050
  --pf-v6-c-jump-links__list--Display: flex;
15077
15051
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
@@ -15318,7 +15292,6 @@ label.pf-v6-c-input-group__text {
15318
15292
  scale: -1 1;
15319
15293
  }
15320
15294
 
15321
- :root,
15322
15295
  .pf-v6-c-label {
15323
15296
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
15324
15297
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -15813,7 +15786,6 @@ input.pf-v6-c-label__content {
15813
15786
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
15814
15787
  }
15815
15788
 
15816
- :root,
15817
15789
  .pf-v6-c-label-group {
15818
15790
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
15819
15791
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -15949,7 +15921,6 @@ input.pf-v6-c-label__content {
15949
15921
  display: none;
15950
15922
  }
15951
15923
 
15952
- :root,
15953
15924
  .pf-v6-c-list {
15954
15925
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
15955
15926
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
@@ -16021,7 +15992,6 @@ ul.pf-v6-c-list {
16021
15992
  color: var(--pf-v6-c-list__item-icon--Color);
16022
15993
  }
16023
15994
 
16024
- :root,
16025
15995
  .pf-v6-c-login {
16026
15996
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
16027
15997
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -16078,33 +16048,28 @@ ul.pf-v6-c-list {
16078
16048
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
16079
16049
  }
16080
16050
  @media (min-width: 75rem) {
16081
- :root,
16082
16051
  .pf-v6-c-login {
16083
16052
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
16084
16053
  }
16085
16054
  }
16086
16055
  @media (min-width: 36rem) {
16087
- :root,
16088
16056
  .pf-v6-c-login {
16089
16057
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
16090
16058
  --pf-v6-c-login__header--PaddingInlineStart: 0;
16091
16059
  }
16092
16060
  }
16093
16061
  @media (min-width: 75rem) {
16094
- :root,
16095
16062
  .pf-v6-c-login {
16096
16063
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
16097
16064
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
16098
16065
  }
16099
16066
  }
16100
16067
  @media (min-width: 75rem) {
16101
- :root,
16102
16068
  .pf-v6-c-login {
16103
16069
  --pf-v6-c-login__main--MarginBlockEnd: 0;
16104
16070
  }
16105
16071
  }
16106
16072
  @media (min-width: 48rem) {
16107
- :root,
16108
16073
  .pf-v6-c-login {
16109
16074
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
16110
16075
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
@@ -16112,21 +16077,18 @@ ul.pf-v6-c-list {
16112
16077
  }
16113
16078
  }
16114
16079
  @media (min-width: 48rem) {
16115
- :root,
16116
16080
  .pf-v6-c-login {
16117
16081
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
16118
16082
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
16119
16083
  }
16120
16084
  }
16121
16085
  @media (min-width: 36rem) {
16122
- :root,
16123
16086
  .pf-v6-c-login {
16124
16087
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
16125
16088
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
16126
16089
  }
16127
16090
  }
16128
16091
  @media (min-width: 75rem) {
16129
- :root,
16130
16092
  .pf-v6-c-login {
16131
16093
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
16132
16094
  }
@@ -16282,7 +16244,6 @@ ul.pf-v6-c-list {
16282
16244
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
16283
16245
  }
16284
16246
 
16285
- :root,
16286
16247
  .pf-v6-c-masthead {
16287
16248
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
16288
16249
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -16818,7 +16779,6 @@ ul.pf-v6-c-list {
16818
16779
  padding-inline-end: var(--pf-t--global--spacer--2xl);
16819
16780
  }
16820
16781
 
16821
- :root,
16822
16782
  .pf-v6-c-menu {
16823
16783
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
16824
16784
  --pf-v6-c-menu--Width: auto;
@@ -17400,9 +17360,8 @@ ul.pf-v6-c-list {
17400
17360
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
17401
17361
  }
17402
17362
 
17403
- :root,
17404
17363
  .pf-v6-c-menu-toggle {
17405
- --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);
17406
17365
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
17407
17366
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17408
17367
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -17467,26 +17426,30 @@ ul.pf-v6-c-list {
17467
17426
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
17468
17427
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
17469
17428
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
17470
- --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));
17471
17429
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
17472
17430
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
17473
17431
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
17474
17432
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
17475
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
17476
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17477
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-t--global--border--radius--pill);
17478
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
17479
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
17480
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
17481
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
17482
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
17483
- --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);
17484
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);
17485
17446
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
17486
17447
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
17487
17448
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
17488
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));
17489
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);
17490
17453
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
17491
17454
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
17492
17455
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -17494,14 +17457,15 @@ ul.pf-v6-c-list {
17494
17457
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17495
17458
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17496
17459
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17497
- --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);
17498
17463
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
17499
17464
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
17500
17465
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
17501
17466
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
17502
17467
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
17503
17468
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
17504
- --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
17505
17469
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
17506
17470
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
17507
17471
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -17510,12 +17474,13 @@ ul.pf-v6-c-list {
17510
17474
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
17511
17475
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
17512
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);
17513
17478
  }
17514
17479
 
17515
17480
  .pf-v6-c-menu-toggle {
17516
17481
  position: relative;
17517
17482
  display: inline-flex;
17518
- column-gap: var(--pf-v6-c-menu-toggle--ColumnGap);
17483
+ gap: var(--pf-v6-c-menu-toggle--Gap);
17519
17484
  align-items: center;
17520
17485
  justify-content: center;
17521
17486
  min-width: var(--pf-v6-c-menu-toggle--MinWidth);
@@ -17601,6 +17566,8 @@ ul.pf-v6-c-list {
17601
17566
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
17602
17567
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
17603
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);
17604
17571
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
17605
17572
  }
17606
17573
  .pf-v6-c-menu-toggle.pf-m-plain::before {
@@ -17629,9 +17596,6 @@ ul.pf-v6-c-list {
17629
17596
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
17630
17597
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
17631
17598
  }
17632
- .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
17633
- background-color: transparent;
17634
- }
17635
17599
  .pf-v6-c-menu-toggle.pf-m-success {
17636
17600
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
17637
17601
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
@@ -17660,7 +17624,8 @@ ul.pf-v6-c-list {
17660
17624
  }
17661
17625
 
17662
17626
  .pf-v6-c-menu-toggle.pf-m-split-button {
17663
- --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);
17664
17629
  padding: 0;
17665
17630
  }
17666
17631
  .pf-v6-c-menu-toggle.pf-m-split-button > * {
@@ -17679,7 +17644,6 @@ ul.pf-v6-c-list {
17679
17644
  border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
17680
17645
  }
17681
17646
  .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
17682
- --pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
17683
17647
  --pf-v6-c-check__label--Color: currentcolor;
17684
17648
  --pf-v6-c-check__label--disabled--Color: currentcolor;
17685
17649
  align-items: center;
@@ -17689,49 +17653,51 @@ ul.pf-v6-c-list {
17689
17653
  --pf-v6-c-check__input--TranslateY: 0;
17690
17654
  align-self: center;
17691
17655
  }
17692
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-plain {
17693
- --pf-v6-c-menu-toggle--BorderColor: transparent;
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);
17694
17658
  }
17695
-
17696
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
17697
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
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);
17698
17661
  }
17699
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
17700
- 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);
17701
- }
17702
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
17703
- padding-inline-end: 0;
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);
17704
17665
  }
17705
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
17706
- --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);
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);
17707
17669
  }
17708
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
17709
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--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);
17710
17672
  }
17711
- .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) {
17712
- --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);
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);
17713
17675
  }
17714
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
17715
- --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);
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);
17716
17680
  }
17717
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
17718
- --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);
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);
17719
17685
  }
17720
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
17721
- --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);
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);
17722
17688
  }
17723
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
17724
- content: none;
17725
- }
17726
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
17727
- --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 {
17728
17691
  color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
17729
17692
  background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
17730
17693
  }
17694
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
17695
+ content: none;
17696
+ }
17731
17697
 
17732
17698
  .pf-v6-c-menu-toggle.pf-m-typeahead {
17733
17699
  --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
17734
- --pf-v6-c-menu-toggle--ColumnGap: 0;
17700
+ --pf-v6-c-menu-toggle--Gap: 0;
17735
17701
  align-items: stretch;
17736
17702
  padding: 0;
17737
17703
  }
@@ -17749,6 +17715,7 @@ ul.pf-v6-c-list {
17749
17715
  }
17750
17716
 
17751
17717
  .pf-v6-c-menu-toggle__button {
17718
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
17752
17719
  align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
17753
17720
  min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
17754
17721
  padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
@@ -17757,13 +17724,13 @@ ul.pf-v6-c-list {
17757
17724
  background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
17758
17725
  border: 0;
17759
17726
  }
17760
- .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
17761
- padding-inline-start: 0;
17762
- }
17763
17727
  .pf-v6-c-menu-toggle__button.pf-m-text {
17764
17728
  display: inline-flex;
17765
17729
  align-items: baseline;
17766
- 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);
17767
17734
  }
17768
17735
 
17769
17736
  .pf-v6-c-menu-toggle__text {
@@ -17778,7 +17745,6 @@ ul.pf-v6-c-list {
17778
17745
  flex-wrap: nowrap;
17779
17746
  }
17780
17747
 
17781
- .pf-v6-c-menu-toggle__icon,
17782
17748
  .pf-v6-c-menu-toggle__controls,
17783
17749
  .pf-v6-c-menu-toggle__toggle-icon {
17784
17750
  display: flex;
@@ -17788,11 +17754,16 @@ ul.pf-v6-c-list {
17788
17754
 
17789
17755
  .pf-v6-c-menu-toggle__icon {
17790
17756
  flex-shrink: 0;
17791
- 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);
17792
17763
  }
17793
17764
 
17794
17765
  .pf-v6-c-menu-toggle__controls {
17795
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
17766
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
17796
17767
  margin-inline-start: auto;
17797
17768
  }
17798
17769
 
@@ -17802,11 +17773,9 @@ ul.pf-v6-c-list {
17802
17773
  }
17803
17774
 
17804
17775
  .pf-v6-c-menu-toggle__status-icon {
17805
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
17806
17776
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
17807
17777
  }
17808
17778
 
17809
- :root,
17810
17779
  .pf-v6-c-modal-box {
17811
17780
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
17812
17781
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
@@ -17860,7 +17829,6 @@ ul.pf-v6-c-list {
17860
17829
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
17861
17830
  }
17862
17831
  @media (min-width: 75rem) {
17863
- :root,
17864
17832
  .pf-v6-c-modal-box {
17865
17833
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
17866
17834
  }
@@ -18013,7 +17981,6 @@ ul.pf-v6-c-list {
18013
17981
  }
18014
17982
  }
18015
17983
 
18016
- :root,
18017
17984
  .pf-v6-c-multiple-file-upload {
18018
17985
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
18019
17986
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
@@ -18224,7 +18191,6 @@ ul.pf-v6-c-list {
18224
18191
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
18225
18192
  }
18226
18193
 
18227
- :root,
18228
18194
  .pf-v6-c-nav {
18229
18195
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
18230
18196
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -18533,7 +18499,6 @@ ul.pf-v6-c-list {
18533
18499
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
18534
18500
  }
18535
18501
 
18536
- :root,
18537
18502
  .pf-v6-c-notification-drawer {
18538
18503
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
18539
18504
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -18809,7 +18774,6 @@ ul.pf-v6-c-list {
18809
18774
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
18810
18775
  }
18811
18776
 
18812
- :root,
18813
18777
  .pf-v6-c-overflow-menu {
18814
18778
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
18815
18779
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -18847,13 +18811,13 @@ ul.pf-v6-c-list {
18847
18811
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
18848
18812
  }
18849
18813
 
18850
- :root,
18851
18814
  .pf-v6-c-page {
18852
18815
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18853
18816
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
18854
18817
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
18855
18818
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
18856
18819
  --pf-v6-c-page__sidebar--Width: 18.125rem;
18820
+ --pf-v6-c-page__sidebar--xl--Width: auto;
18857
18821
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
18858
18822
  --pf-v6-c-page__sidebar--BoxShadow: none;
18859
18823
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -18862,7 +18826,7 @@ ul.pf-v6-c-list {
18862
18826
  --pf-v6-c-page__sidebar--TranslateZ: 0;
18863
18827
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
18864
18828
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
18865
- --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
18829
+ --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
18866
18830
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
18867
18831
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
18868
18832
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
@@ -18875,7 +18839,7 @@ ul.pf-v6-c-list {
18875
18839
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
18876
18840
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
18877
18841
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
18878
- --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);
18879
18843
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
18880
18844
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
18881
18845
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
@@ -18888,8 +18852,8 @@ ul.pf-v6-c-list {
18888
18852
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18889
18853
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
18890
18854
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
18891
- --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
18892
- --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;
18893
18857
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
18894
18858
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
18895
18859
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -18929,7 +18893,6 @@ ul.pf-v6-c-list {
18929
18893
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
18930
18894
  }
18931
18895
  @media screen and (min-width: 75rem) {
18932
- :root,
18933
18896
  .pf-v6-c-page {
18934
18897
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
18935
18898
  }
@@ -18947,6 +18910,7 @@ ul.pf-v6-c-list {
18947
18910
  }
18948
18911
  @media (min-width: 75rem) {
18949
18912
  .pf-v6-c-page {
18913
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
18950
18914
  grid-template-areas: "header header" "sidebar main";
18951
18915
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
18952
18916
  }
@@ -19456,14 +19420,13 @@ ul.pf-v6-c-list {
19456
19420
  flex-shrink: 0;
19457
19421
  }
19458
19422
 
19459
- .pf-v6-c-page__drawer {
19460
- grid-area: main;
19423
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
19424
+ align-self: revert;
19461
19425
  }
19462
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
19463
- flex: 1 0 auto;
19426
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
19427
+ flex-grow: 1;
19464
19428
  }
19465
19429
 
19466
- :root,
19467
19430
  .pf-v6-c-pagination {
19468
19431
  --pf-v6-c-pagination--inset: 0;
19469
19432
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -19483,17 +19446,23 @@ ul.pf-v6-c-list {
19483
19446
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19484
19447
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
19485
19448
  --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
19486
- --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19487
19449
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19488
19450
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19489
- --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);
19490
19453
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
19491
19454
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19492
19455
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19493
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19494
- --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19495
- --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19496
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);
19497
19466
  --pf-v6-c-pagination__page-menu--Display--base: block;
19498
19467
  --pf-v6-c-pagination__page-menu--Display: none;
19499
19468
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -19502,7 +19471,6 @@ ul.pf-v6-c-list {
19502
19471
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
19503
19472
  }
19504
19473
  @media screen and (min-width: 48rem) {
19505
- :root,
19506
19474
  .pf-v6-c-pagination {
19507
19475
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
19508
19476
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -19511,7 +19479,6 @@ ul.pf-v6-c-list {
19511
19479
  }
19512
19480
  }
19513
19481
  @media screen and (min-width: 75rem) {
19514
- :root,
19515
19482
  .pf-v6-c-pagination {
19516
19483
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
19517
19484
  }
@@ -19535,17 +19502,13 @@ ul.pf-v6-c-list {
19535
19502
  position: sticky;
19536
19503
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
19537
19504
  justify-content: center;
19538
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--PaddingInlineStart);
19539
- 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);
19540
19509
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
19541
19510
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
19542
19511
  }
19543
- .pf-v6-c-pagination.pf-m-bottom.pf-m-static {
19544
- --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
19545
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
19546
- position: relative;
19547
- box-shadow: none;
19548
- }
19549
19512
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19550
19513
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
19551
19514
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -19567,6 +19530,10 @@ ul.pf-v6-c-list {
19567
19530
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
19568
19531
  position: relative;
19569
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);
19570
19537
  }
19571
19538
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19572
19539
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -19584,15 +19551,23 @@ ul.pf-v6-c-list {
19584
19551
  flex-basis: auto;
19585
19552
  }
19586
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
+ }
19587
19562
  .pf-v6-c-pagination.pf-m-sticky {
19588
19563
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19589
19564
  position: sticky;
19590
19565
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
19591
19566
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
19592
- padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
19593
- padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
19594
- padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
19595
- 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);
19596
19571
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
19597
19572
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
19598
19573
  }
@@ -19813,7 +19788,6 @@ ul.pf-v6-c-list {
19813
19788
  }
19814
19789
  }
19815
19790
 
19816
- :root,
19817
19791
  .pf-v6-c-panel {
19818
19792
  --pf-v6-c-panel--Width: auto;
19819
19793
  --pf-v6-c-panel--MinWidth: auto;
@@ -19911,7 +19885,6 @@ ul.pf-v6-c-list {
19911
19885
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
19912
19886
  }
19913
19887
 
19914
- :root,
19915
19888
  .pf-v6-c-popover {
19916
19889
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
19917
19890
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -20114,7 +20087,6 @@ ul.pf-v6-c-list {
20114
20087
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
20115
20088
  }
20116
20089
 
20117
- :root,
20118
20090
  .pf-v6-c-progress {
20119
20091
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
20120
20092
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
@@ -20279,7 +20251,6 @@ ul.pf-v6-c-list {
20279
20251
  font-variant-numeric: tabular-nums;
20280
20252
  }
20281
20253
 
20282
- :root,
20283
20254
  .pf-v6-c-progress-stepper {
20284
20255
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
20285
20256
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -20401,7 +20372,6 @@ ul.pf-v6-c-list {
20401
20372
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
20402
20373
  }
20403
20374
  @media screen and (min-width: 48rem) {
20404
- :root,
20405
20375
  .pf-v6-c-progress-stepper {
20406
20376
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
20407
20377
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -20891,7 +20861,6 @@ ul.pf-v6-c-list {
20891
20861
  }
20892
20862
  }
20893
20863
 
20894
- :root,
20895
20864
  .pf-v6-c-radio {
20896
20865
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
20897
20866
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -20973,7 +20942,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20973
20942
  cursor: not-allowed;
20974
20943
  }
20975
20944
 
20976
- :root,
20977
20945
  .pf-v6-c-sidebar {
20978
20946
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
20979
20947
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -21318,7 +21286,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21318
21286
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
21319
21287
  }
21320
21288
  }
21321
- :root,
21322
21289
  .pf-v6-c-simple-list {
21323
21290
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21324
21291
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -21389,7 +21356,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21389
21356
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
21390
21357
  }
21391
21358
 
21392
- :root,
21393
21359
  .pf-v6-c-skeleton {
21394
21360
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21395
21361
  --pf-v6-c-skeleton--Width: auto;
@@ -21555,7 +21521,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21555
21521
  transform: translateX(100%);
21556
21522
  }
21557
21523
  }
21558
- :root,
21559
21524
  .pf-v6-c-skip-to-content {
21560
21525
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
21561
21526
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -21572,7 +21537,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21572
21537
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
21573
21538
  }
21574
21539
 
21575
- :root,
21576
21540
  .pf-v6-c-slider {
21577
21541
  --pf-v6-c-slider--value: 0;
21578
21542
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -21794,7 +21758,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21794
21758
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
21795
21759
  }
21796
21760
 
21797
- :root,
21798
21761
  .pf-v6-c-spinner {
21799
21762
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
21800
21763
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -21871,7 +21834,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21871
21834
  transform: rotate(720deg);
21872
21835
  }
21873
21836
  }
21874
- :root,
21875
21837
  .pf-v6-c-switch {
21876
21838
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
21877
21839
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -22020,7 +21982,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22020
21982
  vertical-align: top;
22021
21983
  }
22022
21984
 
22023
- :root,
22024
21985
  .pf-v6-c-tab-content {
22025
21986
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
22026
21987
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
@@ -22066,7 +22027,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22066
22027
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
22067
22028
  }
22068
22029
 
22069
- :root,
22070
22030
  .pf-v6-c-table {
22071
22031
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
22072
22032
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -22079,9 +22039,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22079
22039
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
22080
22040
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22081
22041
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
22082
- --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);
22083
22043
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22084
- --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);
22085
22045
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
22086
22046
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22087
22047
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -22111,8 +22071,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22111
22071
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
22112
22072
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22113
22073
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22114
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22115
- --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);
22116
22076
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22117
22077
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22118
22078
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -22130,6 +22090,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22130
22090
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22131
22091
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22132
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;
22133
22094
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22134
22095
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22135
22096
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22429,6 +22390,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22429
22390
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22430
22391
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22431
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;
22432
22394
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22433
22395
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22434
22396
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22731,6 +22693,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22731
22693
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22732
22694
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22733
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;
22734
22697
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22735
22698
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22736
22699
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23033,6 +22996,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23033
22996
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23034
22997
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23035
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;
23036
23000
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23037
23001
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23038
23002
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23335,6 +23299,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23335
23299
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23336
23300
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23337
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;
23338
23303
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23339
23304
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23340
23305
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23631,7 +23596,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23631
23596
  }
23632
23597
  }
23633
23598
 
23634
- :root,
23635
23599
  .pf-v6-c-table {
23636
23600
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23637
23601
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -23641,7 +23605,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23641
23605
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
23642
23606
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
23643
23607
  --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
23644
- --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);
23645
23609
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
23646
23610
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
23647
23611
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -23659,7 +23623,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23659
23623
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
23660
23624
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
23661
23625
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
23662
- --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);
23663
23627
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23664
23628
  --pf-v6-c-table--cell--MinWidth: 0;
23665
23629
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -23888,10 +23852,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23888
23852
  }
23889
23853
  }
23890
23854
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
23891
- 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);
23892
23856
  }
23893
23857
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
23894
- 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);
23895
23859
  }
23896
23860
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
23897
23861
  text-align: center;
@@ -24124,7 +24088,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24124
24088
  .pf-v6-c-table__column-help {
24125
24089
  display: inline-grid;
24126
24090
  grid-template-columns: auto max-content;
24127
- align-items: baseline;
24091
+ align-items: last baseline;
24128
24092
  justify-content: start;
24129
24093
  }
24130
24094
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -24289,6 +24253,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24289
24253
  }
24290
24254
 
24291
24255
  .pf-v6-c-table__column-help-action {
24256
+ align-self: last baseline;
24292
24257
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24293
24258
  }
24294
24259
 
@@ -24495,7 +24460,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24495
24460
  --pf-v6-c-table--cell--Width: 100%;
24496
24461
  }
24497
24462
 
24498
- :root,
24499
24463
  .pf-v6-c-table {
24500
24464
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
24501
24465
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -24560,7 +24524,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24560
24524
  overflow: auto;
24561
24525
  }
24562
24526
 
24563
- :root,
24564
24527
  .pf-v6-c-table {
24565
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));
24566
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));
@@ -25381,7 +25344,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25381
25344
  }
25382
25345
  }
25383
25346
 
25384
- :root,
25385
25347
  .pf-v6-c-tabs {
25386
25348
  --pf-v6-c-tabs--inset: 0;
25387
25349
  --pf-v6-c-tabs--Width: auto;
@@ -26194,7 +26156,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26194
26156
  }
26195
26157
  }
26196
26158
 
26197
- :root,
26198
26159
  .pf-v6-c-text-input-group {
26199
26160
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
26200
26161
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -26236,9 +26197,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26236
26197
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
26237
26198
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
26238
26199
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
26239
- --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);
26240
26201
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
26241
- --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);
26242
26203
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
26243
26204
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
26244
26205
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -26396,7 +26357,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26396
26357
  display: flex;
26397
26358
  }
26398
26359
 
26399
- :root,
26400
26360
  .pf-v6-c-tile {
26401
26361
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
26402
26362
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -26500,7 +26460,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26500
26460
  color: var(--pf-v6-c-tile__icon--Color);
26501
26461
  }
26502
26462
 
26503
- :root,
26504
26463
  .pf-v6-c-timestamp {
26505
26464
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
26506
26465
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
@@ -26532,7 +26491,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26532
26491
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
26533
26492
  }
26534
26493
 
26535
- :root,
26536
26494
  .pf-v6-c-title {
26537
26495
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
26538
26496
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -26638,7 +26596,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26638
26596
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
26639
26597
  }
26640
26598
 
26641
- :root,
26642
26599
  .pf-v6-c-toggle-group {
26643
26600
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26644
26601
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -26762,7 +26719,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26762
26719
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
26763
26720
  }
26764
26721
 
26765
- :root,
26766
26722
  .pf-v6-c-toolbar {
26767
26723
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
26768
26724
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -28666,7 +28622,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28666
28622
  display: inline-flex;
28667
28623
  }
28668
28624
  }
28669
- :root,
28670
28625
  .pf-v6-c-tooltip {
28671
28626
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
28672
28627
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -28789,7 +28744,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28789
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));
28790
28745
  }
28791
28746
 
28792
- :root,
28793
28747
  .pf-v6-c-truncate {
28794
28748
  --pf-v6-c-truncate--MinWidth: 6ch;
28795
28749
  --pf-v6-c-truncate__start--MinWidth: 6ch;
@@ -28836,7 +28790,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28836
28790
  direction: rtl;
28837
28791
  }
28838
28792
  }
28839
- :root,
28840
28793
  .pf-v6-c-number-input {
28841
28794
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
28842
28795
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -28876,7 +28829,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28876
28829
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
28877
28830
  }
28878
28831
 
28879
- :root,
28880
28832
  .pf-v6-c-tree-view {
28881
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));
28882
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));
@@ -29330,7 +29282,6 @@ label.pf-v6-c-tree-view__node-text {
29330
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));
29331
29283
  }
29332
29284
 
29333
- :root,
29334
29285
  .pf-v6-c-wizard {
29335
29286
  --pf-v6-c-wizard--Height: initial;
29336
29287
  --pf-v6-c-wizard--Height--base: 100%;
@@ -29447,7 +29398,6 @@ label.pf-v6-c-tree-view__node-text {
29447
29398
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
29448
29399
  }
29449
29400
  @media screen and (min-width: 62rem) {
29450
- :root,
29451
29401
  .pf-v6-c-wizard {
29452
29402
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
29453
29403
  --pf-v6-c-wizard__nav--BoxShadow: none;
@@ -29820,7 +29770,6 @@ label.pf-v6-c-tree-view__node-text {
29820
29770
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
29821
29771
  }
29822
29772
 
29823
- :root,
29824
29773
  .pf-v6-l-bullseye {
29825
29774
  --pf-v6-l-bullseye--Padding: 0;
29826
29775
  }
@@ -29834,7 +29783,6 @@ label.pf-v6-c-tree-view__node-text {
29834
29783
  margin: 0;
29835
29784
  }
29836
29785
 
29837
- :root,
29838
29786
  .pf-v6-l-flex {
29839
29787
  --pf-v6-l-flex--Display: flex;
29840
29788
  --pf-v6-l-flex--FlexWrap: wrap;
@@ -32216,7 +32164,6 @@ label.pf-v6-c-tree-view__node-text {
32216
32164
  }
32217
32165
  }
32218
32166
 
32219
- :root,
32220
32167
  .pf-v6-l-gallery {
32221
32168
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32222
32169
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
@@ -32288,7 +32235,6 @@ label.pf-v6-c-tree-view__node-text {
32288
32235
  }
32289
32236
  }
32290
32237
 
32291
- :root,
32292
32238
  .pf-v6-l-grid {
32293
32239
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32294
32240
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -33226,7 +33172,6 @@ label.pf-v6-c-tree-view__node-text {
33226
33172
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
33227
33173
  }
33228
33174
 
33229
- :root,
33230
33175
  .pf-v6-l-level {
33231
33176
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33232
33177
  }
@@ -33241,7 +33186,6 @@ label.pf-v6-c-tree-view__node-text {
33241
33186
  gap: var(--pf-v6-l-level--m-gutter--Gap);
33242
33187
  }
33243
33188
 
33244
- :root,
33245
33189
  .pf-v6-l-split {
33246
33190
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33247
33191
  }
@@ -33263,7 +33207,6 @@ label.pf-v6-c-tree-view__node-text {
33263
33207
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
33264
33208
  }
33265
33209
 
33266
- :root,
33267
33210
  .pf-v6-l-stack {
33268
33211
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33269
33212
  }