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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (196) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -62
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +12 -4
  7. package/base/tokens/tokens-default.scss +44 -27
  8. package/base/tokens/tokens-local.scss +30 -35
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/AboutModalBox/about-modal-box.css +0 -7
  11. package/components/Accordion/accordion.css +0 -1
  12. package/components/ActionList/action-list.css +1 -2
  13. package/components/ActionList/action-list.scss +1 -1
  14. package/components/Alert/alert-group.css +0 -1
  15. package/components/Alert/alert.css +2 -7
  16. package/components/Alert/alert.scss +2 -7
  17. package/components/Avatar/avatar.css +0 -1
  18. package/components/BackToTop/back-to-top.css +0 -2
  19. package/components/Backdrop/backdrop.css +0 -1
  20. package/components/BackgroundImage/background-image.css +0 -1
  21. package/components/Badge/badge.css +0 -1
  22. package/components/Banner/banner.css +0 -2
  23. package/components/Brand/brand.css +0 -1
  24. package/components/Breadcrumb/breadcrumb.css +0 -1
  25. package/components/Button/button.css +8 -1
  26. package/components/Button/button.scss +8 -0
  27. package/components/CalendarMonth/calendar-month.css +0 -1
  28. package/components/Card/card.css +0 -1
  29. package/components/Check/check.css +0 -1
  30. package/components/ClipboardCopy/clipboard-copy.css +0 -1
  31. package/components/CodeBlock/code-block.css +0 -1
  32. package/components/CodeEditor/code-editor.css +0 -1
  33. package/components/Content/content.css +2 -3
  34. package/components/Content/content.scss +2 -2
  35. package/components/DataList/data-list.css +4 -16
  36. package/components/DataList/data-list.scss +4 -14
  37. package/components/DatePicker/date-picker.css +0 -1
  38. package/components/DescriptionList/description-list.css +2 -9
  39. package/components/DescriptionList/description-list.scss +2 -2
  40. package/components/Divider/divider.css +0 -1
  41. package/components/DragDrop/drag-drop.css +0 -2
  42. package/components/Drawer/drawer.css +0 -7
  43. package/components/Drawer/drawer.scss +0 -5
  44. package/components/DualListSelector/dual-list-selector.css +0 -1
  45. package/components/EmptyState/empty-state.css +1 -2
  46. package/components/EmptyState/empty-state.scss +1 -1
  47. package/components/ExpandableSection/expandable-section.css +0 -1
  48. package/components/FileUpload/file-upload.css +0 -1
  49. package/components/Form/form.css +1 -2
  50. package/components/Form/form.scss +1 -1
  51. package/components/FormControl/form-control.css +22 -4
  52. package/components/FormControl/form-control.scss +27 -4
  53. package/components/HelperText/helper-text.css +0 -1
  54. package/components/Hint/hint.css +0 -1
  55. package/components/Icon/icon.css +0 -1
  56. package/components/InlineEdit/inline-edit.css +0 -1
  57. package/components/InputGroup/input-group.css +0 -1
  58. package/components/JumpLinks/jump-links.css +0 -1
  59. package/components/Label/label-group.css +0 -1
  60. package/components/Label/label.css +0 -1
  61. package/components/List/list.css +0 -1
  62. package/components/Login/login.css +0 -9
  63. package/components/Masthead/masthead.css +0 -1
  64. package/components/Menu/menu.css +0 -1
  65. package/components/MenuToggle/menu-toggle.css +66 -56
  66. package/components/MenuToggle/menu-toggle.scss +76 -65
  67. package/components/ModalBox/modal-box.css +0 -2
  68. package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  69. package/components/Nav/nav.css +0 -1
  70. package/components/NotificationDrawer/notification-drawer.css +0 -1
  71. package/components/NumberInput/number-input.css +0 -1
  72. package/components/OverflowMenu/overflow-menu.css +0 -1
  73. package/components/Page/page.css +15 -10
  74. package/components/Page/page.scss +17 -8
  75. package/components/Pagination/pagination.css +31 -20
  76. package/components/Pagination/pagination.scss +35 -23
  77. package/components/Panel/panel.css +0 -1
  78. package/components/Popover/popover.css +0 -1
  79. package/components/Progress/progress.css +0 -1
  80. package/components/ProgressStepper/progress-stepper.css +0 -2
  81. package/components/Radio/radio.css +0 -1
  82. package/components/Sidebar/sidebar.css +0 -1
  83. package/components/SimpleList/simple-list.css +0 -1
  84. package/components/Skeleton/skeleton.css +0 -1
  85. package/components/SkipToContent/skip-to-content.css +0 -1
  86. package/components/Slider/slider.css +0 -1
  87. package/components/Spinner/spinner.css +0 -1
  88. package/components/Switch/switch.css +0 -1
  89. package/components/TabContent/tab-content.css +0 -1
  90. package/components/Table/table-grid.css +9 -5
  91. package/components/Table/table-grid.scss +5 -4
  92. package/components/Table/table-scrollable.css +0 -1
  93. package/components/Table/table-tree-view.css +0 -1
  94. package/components/Table/table.css +6 -6
  95. package/components/Table/table.scss +6 -5
  96. package/components/Tabs/tabs.css +0 -1
  97. package/components/TextInputGroup/text-input-group.css +2 -3
  98. package/components/TextInputGroup/text-input-group.scss +2 -2
  99. package/components/Tile/tile.css +0 -1
  100. package/components/Timestamp/timestamp.css +0 -1
  101. package/components/Title/title.css +0 -1
  102. package/components/ToggleGroup/toggle-group.css +0 -1
  103. package/components/Toolbar/toolbar.css +0 -1
  104. package/components/Tooltip/tooltip.css +0 -1
  105. package/components/TreeView/tree-view.css +0 -1
  106. package/components/Truncate/truncate.css +0 -1
  107. package/components/Wizard/wizard.css +0 -2
  108. package/components/_index.css +172 -239
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  111. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  112. package/docs/components/Content/examples/Content.md +188 -204
  113. package/docs/components/DataList/examples/DataList.md +187 -221
  114. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  115. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  116. package/docs/components/Form/examples/Form.md +4 -2
  117. package/docs/components/FormControl/examples/FormControl.md +10 -10
  118. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  119. package/docs/components/Login/examples/Login.md +6 -6
  120. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  121. package/docs/components/Pagination/examples/Pagination.md +12 -12
  122. package/docs/components/Table/examples/Table.md +1 -1
  123. package/docs/components/Tile/{examples → deprecated}/Tile.md +1 -0
  124. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  125. package/docs/demos/Card/examples/Card.md +4 -4
  126. package/docs/demos/CardView/examples/CardView.md +10 -4
  127. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  128. package/docs/demos/DataList/examples/DataList.md +37 -13
  129. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  130. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  131. package/docs/demos/Page/examples/Page.md +2 -2
  132. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  133. package/docs/demos/Table/examples/Table.md +235 -91
  134. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  135. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  136. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  137. package/layouts/Bullseye/bullseye.css +0 -1
  138. package/layouts/Flex/flex.css +0 -1
  139. package/layouts/Gallery/gallery.css +0 -1
  140. package/layouts/Grid/grid.css +0 -1
  141. package/layouts/Level/level.css +0 -1
  142. package/layouts/Split/split.css +0 -1
  143. package/layouts/Stack/stack.css +0 -1
  144. package/layouts/_index.css +0 -7
  145. package/package.json +5 -5
  146. package/patternfly-base-no-globals.css +84 -62
  147. package/patternfly-base.css +99 -62
  148. package/patternfly-charts.css +2 -2
  149. package/patternfly-charts.scss +2 -2
  150. package/patternfly-no-globals.css +256 -308
  151. package/patternfly.css +271 -308
  152. package/patternfly.min.css +1 -1
  153. package/patternfly.min.css.map +1 -1
  154. package/sass-utilities/mixins.scss +3 -3
  155. package/assets/images/PF-Masthead-Logo.svg +0 -1
  156. package/assets/images/background-filter.svg +0 -17
  157. package/assets/images/g_sizing.png +0 -0
  158. package/assets/images/img_avatar-dark.svg +0 -22
  159. package/assets/images/img_avatar.svg +0 -21
  160. package/assets/images/l_pf-reverse-164x11.png +0 -0
  161. package/assets/images/l_pf-reverse.svg +0 -1
  162. package/assets/images/logo-dropbox-old.svg +0 -1
  163. package/assets/images/logo-dropbox.svg +0 -6
  164. package/assets/images/logo-facebook.svg +0 -4
  165. package/assets/images/logo-github.svg +0 -4
  166. package/assets/images/logo-gitlab.svg +0 -4
  167. package/assets/images/logo-google.svg +0 -4
  168. package/assets/images/logo-google2.svg +0 -10
  169. package/assets/images/logo__pf--reverse--base.png +0 -0
  170. package/assets/images/logo__pf--reverse--base.svg +0 -40
  171. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  172. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  173. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  175. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  177. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  179. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  180. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  181. package/assets/images/pf-c-brand__logo.svg +0 -10
  182. package/assets/images/pf-logo.svg +0 -28
  183. package/assets/images/pf_logo.svg +0 -37
  184. package/assets/images/pf_logo_color.svg +0 -22
  185. package/assets/images/pf_logo_white.svg +0 -37
  186. package/assets/images/pf_mini_logo_white.svg +0 -1
  187. package/assets/images/pfbg_1200.jpg +0 -0
  188. package/assets/images/pfbg_2000.jpg +0 -0
  189. package/assets/images/pfbg_576.jpg +0 -0
  190. package/assets/images/pfbg_576@2x.jpg +0 -0
  191. package/assets/images/pfbg_768.jpg +0 -0
  192. package/assets/images/pfbg_768@2x.jpg +0 -0
  193. package/assets/images/pfbg_992.jpg +0 -0
  194. package/assets/images/pfbg_992@2x.jpg +0 -0
  195. package/assets/images/status-icon-sprite.svg +0 -38
  196. /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -0
@@ -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;
17694
- }
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);
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);
17698
17658
  }
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);
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);
17701
17661
  }
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);
@@ -18914,11 +18878,13 @@ ul.pf-v6-c-list {
18914
18878
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
18915
18879
  --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18916
18880
  --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18881
+ --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18917
18882
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
18918
18883
  --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18919
18884
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
18920
18885
  --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
18921
18886
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18887
+ --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18922
18888
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
18923
18889
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
18924
18890
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
@@ -18929,7 +18895,6 @@ ul.pf-v6-c-list {
18929
18895
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
18930
18896
  }
18931
18897
  @media screen and (min-width: 75rem) {
18932
- :root,
18933
18898
  .pf-v6-c-page {
18934
18899
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
18935
18900
  }
@@ -18947,6 +18912,7 @@ ul.pf-v6-c-list {
18947
18912
  }
18948
18913
  @media (min-width: 75rem) {
18949
18914
  .pf-v6-c-page {
18915
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
18950
18916
  grid-template-areas: "header header" "sidebar main";
18951
18917
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
18952
18918
  }
@@ -19300,6 +19266,9 @@ ul.pf-v6-c-list {
19300
19266
  padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
19301
19267
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
19302
19268
  }
19269
+ .pf-v6-c-page__main-subnav.pf-m-sticky-top {
19270
+ padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
19271
+ }
19303
19272
 
19304
19273
  .pf-v6-c-page__main-breadcrumb {
19305
19274
  padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
@@ -19456,14 +19425,13 @@ ul.pf-v6-c-list {
19456
19425
  flex-shrink: 0;
19457
19426
  }
19458
19427
 
19459
- .pf-v6-c-page__drawer {
19460
- grid-area: main;
19428
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
19429
+ align-self: revert;
19461
19430
  }
19462
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
19463
- flex: 1 0 auto;
19431
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
19432
+ flex-grow: 1;
19464
19433
  }
19465
19434
 
19466
- :root,
19467
19435
  .pf-v6-c-pagination {
19468
19436
  --pf-v6-c-pagination--inset: 0;
19469
19437
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -19483,17 +19451,23 @@ ul.pf-v6-c-list {
19483
19451
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19484
19452
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
19485
19453
  --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
19454
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
19488
19455
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19489
- --pf-v6-c-pagination--m-sticky--ZIndex: 100;
19456
+ --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
19457
+ --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
19490
19458
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
19491
19459
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19492
19460
  --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
19461
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
19462
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19463
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19464
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19465
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19466
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19467
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
19468
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
19469
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19470
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19497
19471
  --pf-v6-c-pagination__page-menu--Display--base: block;
19498
19472
  --pf-v6-c-pagination__page-menu--Display: none;
19499
19473
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -19502,7 +19476,6 @@ ul.pf-v6-c-list {
19502
19476
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
19503
19477
  }
19504
19478
  @media screen and (min-width: 48rem) {
19505
- :root,
19506
19479
  .pf-v6-c-pagination {
19507
19480
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
19508
19481
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -19511,7 +19484,6 @@ ul.pf-v6-c-list {
19511
19484
  }
19512
19485
  }
19513
19486
  @media screen and (min-width: 75rem) {
19514
- :root,
19515
19487
  .pf-v6-c-pagination {
19516
19488
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
19517
19489
  }
@@ -19535,17 +19507,13 @@ ul.pf-v6-c-list {
19535
19507
  position: sticky;
19536
19508
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
19537
19509
  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);
19510
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19511
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19512
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19513
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19540
19514
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
19541
19515
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
19542
19516
  }
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
19517
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19550
19518
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
19551
19519
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -19567,6 +19535,10 @@ ul.pf-v6-c-list {
19567
19535
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
19568
19536
  position: relative;
19569
19537
  justify-content: flex-end;
19538
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19539
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19540
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19541
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19570
19542
  }
19571
19543
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
19572
19544
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -19584,15 +19556,23 @@ ul.pf-v6-c-list {
19584
19556
  flex-basis: auto;
19585
19557
  }
19586
19558
  }
19559
+ .pf-v6-c-pagination.pf-m-static {
19560
+ position: relative;
19561
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
19562
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
19563
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
19564
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
19565
+ box-shadow: none;
19566
+ }
19587
19567
  .pf-v6-c-pagination.pf-m-sticky {
19588
19568
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
19589
19569
  position: sticky;
19590
19570
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
19591
19571
  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);
19572
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
19573
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
19574
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
19575
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
19596
19576
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
19597
19577
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
19598
19578
  }
@@ -19813,7 +19793,6 @@ ul.pf-v6-c-list {
19813
19793
  }
19814
19794
  }
19815
19795
 
19816
- :root,
19817
19796
  .pf-v6-c-panel {
19818
19797
  --pf-v6-c-panel--Width: auto;
19819
19798
  --pf-v6-c-panel--MinWidth: auto;
@@ -19911,7 +19890,6 @@ ul.pf-v6-c-list {
19911
19890
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
19912
19891
  }
19913
19892
 
19914
- :root,
19915
19893
  .pf-v6-c-popover {
19916
19894
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
19917
19895
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -20114,7 +20092,6 @@ ul.pf-v6-c-list {
20114
20092
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
20115
20093
  }
20116
20094
 
20117
- :root,
20118
20095
  .pf-v6-c-progress {
20119
20096
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
20120
20097
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
@@ -20279,7 +20256,6 @@ ul.pf-v6-c-list {
20279
20256
  font-variant-numeric: tabular-nums;
20280
20257
  }
20281
20258
 
20282
- :root,
20283
20259
  .pf-v6-c-progress-stepper {
20284
20260
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
20285
20261
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -20401,7 +20377,6 @@ ul.pf-v6-c-list {
20401
20377
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
20402
20378
  }
20403
20379
  @media screen and (min-width: 48rem) {
20404
- :root,
20405
20380
  .pf-v6-c-progress-stepper {
20406
20381
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
20407
20382
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -20891,7 +20866,6 @@ ul.pf-v6-c-list {
20891
20866
  }
20892
20867
  }
20893
20868
 
20894
- :root,
20895
20869
  .pf-v6-c-radio {
20896
20870
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
20897
20871
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -20973,7 +20947,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20973
20947
  cursor: not-allowed;
20974
20948
  }
20975
20949
 
20976
- :root,
20977
20950
  .pf-v6-c-sidebar {
20978
20951
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
20979
20952
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -21318,7 +21291,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21318
21291
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
21319
21292
  }
21320
21293
  }
21321
- :root,
21322
21294
  .pf-v6-c-simple-list {
21323
21295
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21324
21296
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -21389,7 +21361,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21389
21361
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
21390
21362
  }
21391
21363
 
21392
- :root,
21393
21364
  .pf-v6-c-skeleton {
21394
21365
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21395
21366
  --pf-v6-c-skeleton--Width: auto;
@@ -21555,7 +21526,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21555
21526
  transform: translateX(100%);
21556
21527
  }
21557
21528
  }
21558
- :root,
21559
21529
  .pf-v6-c-skip-to-content {
21560
21530
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
21561
21531
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -21572,7 +21542,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21572
21542
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
21573
21543
  }
21574
21544
 
21575
- :root,
21576
21545
  .pf-v6-c-slider {
21577
21546
  --pf-v6-c-slider--value: 0;
21578
21547
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -21794,7 +21763,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21794
21763
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
21795
21764
  }
21796
21765
 
21797
- :root,
21798
21766
  .pf-v6-c-spinner {
21799
21767
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
21800
21768
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -21871,7 +21839,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21871
21839
  transform: rotate(720deg);
21872
21840
  }
21873
21841
  }
21874
- :root,
21875
21842
  .pf-v6-c-switch {
21876
21843
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
21877
21844
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -22020,7 +21987,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22020
21987
  vertical-align: top;
22021
21988
  }
22022
21989
 
22023
- :root,
22024
21990
  .pf-v6-c-tab-content {
22025
21991
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
22026
21992
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
@@ -22066,7 +22032,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22066
22032
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
22067
22033
  }
22068
22034
 
22069
- :root,
22070
22035
  .pf-v6-c-table {
22071
22036
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
22072
22037
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -22079,9 +22044,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22079
22044
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
22080
22045
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22081
22046
  --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);
22047
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
22083
22048
  --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);
22049
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
22085
22050
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
22086
22051
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22087
22052
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -22111,8 +22076,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22111
22076
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
22112
22077
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
22113
22078
  --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);
22079
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
22080
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
22116
22081
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22117
22082
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
22118
22083
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -22130,6 +22095,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22130
22095
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22131
22096
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22132
22097
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22098
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22133
22099
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22134
22100
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22135
22101
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22429,6 +22395,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22429
22395
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22430
22396
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22431
22397
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22398
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22432
22399
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22433
22400
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22434
22401
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -22731,6 +22698,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22731
22698
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
22732
22699
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
22733
22700
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
22701
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
22734
22702
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
22735
22703
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
22736
22704
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23033,6 +23001,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23033
23001
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23034
23002
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23035
23003
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
23004
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
23036
23005
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23037
23006
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23038
23007
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23335,6 +23304,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23335
23304
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
23336
23305
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
23337
23306
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
23307
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
23338
23308
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
23339
23309
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
23340
23310
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -23631,7 +23601,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23631
23601
  }
23632
23602
  }
23633
23603
 
23634
- :root,
23635
23604
  .pf-v6-c-table {
23636
23605
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23637
23606
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -23641,7 +23610,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23641
23610
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
23642
23611
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
23643
23612
  --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);
23613
+ --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
23645
23614
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
23646
23615
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
23647
23616
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -23659,7 +23628,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23659
23628
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
23660
23629
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
23661
23630
  --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);
23631
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
23663
23632
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23664
23633
  --pf-v6-c-table--cell--MinWidth: 0;
23665
23634
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -23888,10 +23857,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23888
23857
  }
23889
23858
  }
23890
23859
  .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));
23860
+ padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
23892
23861
  }
23893
23862
  .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));
23863
+ padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
23895
23864
  }
23896
23865
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
23897
23866
  text-align: center;
@@ -24124,7 +24093,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24124
24093
  .pf-v6-c-table__column-help {
24125
24094
  display: inline-grid;
24126
24095
  grid-template-columns: auto max-content;
24127
- align-items: baseline;
24096
+ align-items: last baseline;
24128
24097
  justify-content: start;
24129
24098
  }
24130
24099
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -24289,6 +24258,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24289
24258
  }
24290
24259
 
24291
24260
  .pf-v6-c-table__column-help-action {
24261
+ align-self: last baseline;
24292
24262
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
24293
24263
  }
24294
24264
 
@@ -24495,7 +24465,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24495
24465
  --pf-v6-c-table--cell--Width: 100%;
24496
24466
  }
24497
24467
 
24498
- :root,
24499
24468
  .pf-v6-c-table {
24500
24469
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
24501
24470
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -24560,7 +24529,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24560
24529
  overflow: auto;
24561
24530
  }
24562
24531
 
24563
- :root,
24564
24532
  .pf-v6-c-table {
24565
24533
  --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
24534
  --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 +25349,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25381
25349
  }
25382
25350
  }
25383
25351
 
25384
- :root,
25385
25352
  .pf-v6-c-tabs {
25386
25353
  --pf-v6-c-tabs--inset: 0;
25387
25354
  --pf-v6-c-tabs--Width: auto;
@@ -26194,7 +26161,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26194
26161
  }
26195
26162
  }
26196
26163
 
26197
- :root,
26198
26164
  .pf-v6-c-text-input-group {
26199
26165
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
26200
26166
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -26236,9 +26202,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26236
26202
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
26237
26203
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
26238
26204
  --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);
26205
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
26240
26206
  --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);
26207
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
26242
26208
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
26243
26209
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
26244
26210
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -26396,7 +26362,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26396
26362
  display: flex;
26397
26363
  }
26398
26364
 
26399
- :root,
26400
26365
  .pf-v6-c-tile {
26401
26366
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
26402
26367
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -26500,7 +26465,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26500
26465
  color: var(--pf-v6-c-tile__icon--Color);
26501
26466
  }
26502
26467
 
26503
- :root,
26504
26468
  .pf-v6-c-timestamp {
26505
26469
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
26506
26470
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
@@ -26532,7 +26496,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26532
26496
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
26533
26497
  }
26534
26498
 
26535
- :root,
26536
26499
  .pf-v6-c-title {
26537
26500
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
26538
26501
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -26638,7 +26601,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26638
26601
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
26639
26602
  }
26640
26603
 
26641
- :root,
26642
26604
  .pf-v6-c-toggle-group {
26643
26605
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26644
26606
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -26762,7 +26724,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26762
26724
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
26763
26725
  }
26764
26726
 
26765
- :root,
26766
26727
  .pf-v6-c-toolbar {
26767
26728
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
26768
26729
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -28666,7 +28627,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28666
28627
  display: inline-flex;
28667
28628
  }
28668
28629
  }
28669
- :root,
28670
28630
  .pf-v6-c-tooltip {
28671
28631
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
28672
28632
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -28789,7 +28749,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28789
28749
  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
28750
  }
28791
28751
 
28792
- :root,
28793
28752
  .pf-v6-c-truncate {
28794
28753
  --pf-v6-c-truncate--MinWidth: 6ch;
28795
28754
  --pf-v6-c-truncate__start--MinWidth: 6ch;
@@ -28836,7 +28795,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28836
28795
  direction: rtl;
28837
28796
  }
28838
28797
  }
28839
- :root,
28840
28798
  .pf-v6-c-number-input {
28841
28799
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
28842
28800
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -28876,7 +28834,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28876
28834
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
28877
28835
  }
28878
28836
 
28879
- :root,
28880
28837
  .pf-v6-c-tree-view {
28881
28838
  --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
28839
  --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 +29287,6 @@ label.pf-v6-c-tree-view__node-text {
29330
29287
  --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
29288
  }
29332
29289
 
29333
- :root,
29334
29290
  .pf-v6-c-wizard {
29335
29291
  --pf-v6-c-wizard--Height: initial;
29336
29292
  --pf-v6-c-wizard--Height--base: 100%;
@@ -29447,7 +29403,6 @@ label.pf-v6-c-tree-view__node-text {
29447
29403
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
29448
29404
  }
29449
29405
  @media screen and (min-width: 62rem) {
29450
- :root,
29451
29406
  .pf-v6-c-wizard {
29452
29407
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
29453
29408
  --pf-v6-c-wizard__nav--BoxShadow: none;
@@ -29820,7 +29775,6 @@ label.pf-v6-c-tree-view__node-text {
29820
29775
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
29821
29776
  }
29822
29777
 
29823
- :root,
29824
29778
  .pf-v6-l-bullseye {
29825
29779
  --pf-v6-l-bullseye--Padding: 0;
29826
29780
  }
@@ -29834,7 +29788,6 @@ label.pf-v6-c-tree-view__node-text {
29834
29788
  margin: 0;
29835
29789
  }
29836
29790
 
29837
- :root,
29838
29791
  .pf-v6-l-flex {
29839
29792
  --pf-v6-l-flex--Display: flex;
29840
29793
  --pf-v6-l-flex--FlexWrap: wrap;
@@ -32216,7 +32169,6 @@ label.pf-v6-c-tree-view__node-text {
32216
32169
  }
32217
32170
  }
32218
32171
 
32219
- :root,
32220
32172
  .pf-v6-l-gallery {
32221
32173
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32222
32174
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
@@ -32288,7 +32240,6 @@ label.pf-v6-c-tree-view__node-text {
32288
32240
  }
32289
32241
  }
32290
32242
 
32291
- :root,
32292
32243
  .pf-v6-l-grid {
32293
32244
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
32294
32245
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -33226,7 +33177,6 @@ label.pf-v6-c-tree-view__node-text {
33226
33177
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
33227
33178
  }
33228
33179
 
33229
- :root,
33230
33180
  .pf-v6-l-level {
33231
33181
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33232
33182
  }
@@ -33241,7 +33191,6 @@ label.pf-v6-c-tree-view__node-text {
33241
33191
  gap: var(--pf-v6-l-level--m-gutter--Gap);
33242
33192
  }
33243
33193
 
33244
- :root,
33245
33194
  .pf-v6-l-split {
33246
33195
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33247
33196
  }
@@ -33263,7 +33212,6 @@ label.pf-v6-c-tree-view__node-text {
33263
33212
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
33264
33213
  }
33265
33214
 
33266
- :root,
33267
33215
  .pf-v6-l-stack {
33268
33216
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
33269
33217
  }