@patternfly/patternfly 6.0.0-prerelease.12 → 6.0.0-prerelease.15

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