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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (196) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -62
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +12 -4
  7. package/base/tokens/tokens-default.scss +44 -27
  8. package/base/tokens/tokens-local.scss +30 -35
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/AboutModalBox/about-modal-box.css +0 -7
  11. package/components/Accordion/accordion.css +0 -1
  12. package/components/ActionList/action-list.css +1 -2
  13. package/components/ActionList/action-list.scss +1 -1
  14. package/components/Alert/alert-group.css +0 -1
  15. package/components/Alert/alert.css +2 -7
  16. package/components/Alert/alert.scss +2 -7
  17. package/components/Avatar/avatar.css +0 -1
  18. package/components/BackToTop/back-to-top.css +0 -2
  19. package/components/Backdrop/backdrop.css +0 -1
  20. package/components/BackgroundImage/background-image.css +0 -1
  21. package/components/Badge/badge.css +0 -1
  22. package/components/Banner/banner.css +0 -2
  23. package/components/Brand/brand.css +0 -1
  24. package/components/Breadcrumb/breadcrumb.css +0 -1
  25. package/components/Button/button.css +8 -1
  26. package/components/Button/button.scss +8 -0
  27. package/components/CalendarMonth/calendar-month.css +0 -1
  28. package/components/Card/card.css +0 -1
  29. package/components/Check/check.css +0 -1
  30. package/components/ClipboardCopy/clipboard-copy.css +0 -1
  31. package/components/CodeBlock/code-block.css +0 -1
  32. package/components/CodeEditor/code-editor.css +0 -1
  33. package/components/Content/content.css +2 -3
  34. package/components/Content/content.scss +2 -2
  35. package/components/DataList/data-list.css +4 -16
  36. package/components/DataList/data-list.scss +4 -14
  37. package/components/DatePicker/date-picker.css +0 -1
  38. package/components/DescriptionList/description-list.css +2 -9
  39. package/components/DescriptionList/description-list.scss +2 -2
  40. package/components/Divider/divider.css +0 -1
  41. package/components/DragDrop/drag-drop.css +0 -2
  42. package/components/Drawer/drawer.css +0 -7
  43. package/components/Drawer/drawer.scss +0 -5
  44. package/components/DualListSelector/dual-list-selector.css +0 -1
  45. package/components/EmptyState/empty-state.css +1 -2
  46. package/components/EmptyState/empty-state.scss +1 -1
  47. package/components/ExpandableSection/expandable-section.css +0 -1
  48. package/components/FileUpload/file-upload.css +0 -1
  49. package/components/Form/form.css +1 -2
  50. package/components/Form/form.scss +1 -1
  51. package/components/FormControl/form-control.css +22 -4
  52. package/components/FormControl/form-control.scss +27 -4
  53. package/components/HelperText/helper-text.css +0 -1
  54. package/components/Hint/hint.css +0 -1
  55. package/components/Icon/icon.css +0 -1
  56. package/components/InlineEdit/inline-edit.css +0 -1
  57. package/components/InputGroup/input-group.css +0 -1
  58. package/components/JumpLinks/jump-links.css +0 -1
  59. package/components/Label/label-group.css +0 -1
  60. package/components/Label/label.css +0 -1
  61. package/components/List/list.css +0 -1
  62. package/components/Login/login.css +0 -9
  63. package/components/Masthead/masthead.css +0 -1
  64. package/components/Menu/menu.css +0 -1
  65. package/components/MenuToggle/menu-toggle.css +66 -56
  66. package/components/MenuToggle/menu-toggle.scss +76 -65
  67. package/components/ModalBox/modal-box.css +0 -2
  68. package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  69. package/components/Nav/nav.css +0 -1
  70. package/components/NotificationDrawer/notification-drawer.css +0 -1
  71. package/components/NumberInput/number-input.css +0 -1
  72. package/components/OverflowMenu/overflow-menu.css +0 -1
  73. package/components/Page/page.css +15 -10
  74. package/components/Page/page.scss +17 -8
  75. package/components/Pagination/pagination.css +31 -20
  76. package/components/Pagination/pagination.scss +35 -23
  77. package/components/Panel/panel.css +0 -1
  78. package/components/Popover/popover.css +0 -1
  79. package/components/Progress/progress.css +0 -1
  80. package/components/ProgressStepper/progress-stepper.css +0 -2
  81. package/components/Radio/radio.css +0 -1
  82. package/components/Sidebar/sidebar.css +0 -1
  83. package/components/SimpleList/simple-list.css +0 -1
  84. package/components/Skeleton/skeleton.css +0 -1
  85. package/components/SkipToContent/skip-to-content.css +0 -1
  86. package/components/Slider/slider.css +0 -1
  87. package/components/Spinner/spinner.css +0 -1
  88. package/components/Switch/switch.css +0 -1
  89. package/components/TabContent/tab-content.css +0 -1
  90. package/components/Table/table-grid.css +9 -5
  91. package/components/Table/table-grid.scss +5 -4
  92. package/components/Table/table-scrollable.css +0 -1
  93. package/components/Table/table-tree-view.css +0 -1
  94. package/components/Table/table.css +6 -6
  95. package/components/Table/table.scss +6 -5
  96. package/components/Tabs/tabs.css +0 -1
  97. package/components/TextInputGroup/text-input-group.css +2 -3
  98. package/components/TextInputGroup/text-input-group.scss +2 -2
  99. package/components/Tile/tile.css +0 -1
  100. package/components/Timestamp/timestamp.css +0 -1
  101. package/components/Title/title.css +0 -1
  102. package/components/ToggleGroup/toggle-group.css +0 -1
  103. package/components/Toolbar/toolbar.css +0 -1
  104. package/components/Tooltip/tooltip.css +0 -1
  105. package/components/TreeView/tree-view.css +0 -1
  106. package/components/Truncate/truncate.css +0 -1
  107. package/components/Wizard/wizard.css +0 -2
  108. package/components/_index.css +172 -239
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  111. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  112. package/docs/components/Content/examples/Content.md +188 -204
  113. package/docs/components/DataList/examples/DataList.md +187 -221
  114. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  115. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  116. package/docs/components/Form/examples/Form.md +4 -2
  117. package/docs/components/FormControl/examples/FormControl.md +10 -10
  118. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  119. package/docs/components/Login/examples/Login.md +6 -6
  120. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  121. package/docs/components/Pagination/examples/Pagination.md +12 -12
  122. package/docs/components/Table/examples/Table.md +1 -1
  123. package/docs/components/Tile/{examples → deprecated}/Tile.md +1 -0
  124. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  125. package/docs/demos/Card/examples/Card.md +4 -4
  126. package/docs/demos/CardView/examples/CardView.md +10 -4
  127. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  128. package/docs/demos/DataList/examples/DataList.md +37 -13
  129. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  130. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  131. package/docs/demos/Page/examples/Page.md +2 -2
  132. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  133. package/docs/demos/Table/examples/Table.md +235 -91
  134. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  135. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  136. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  137. package/layouts/Bullseye/bullseye.css +0 -1
  138. package/layouts/Flex/flex.css +0 -1
  139. package/layouts/Gallery/gallery.css +0 -1
  140. package/layouts/Grid/grid.css +0 -1
  141. package/layouts/Level/level.css +0 -1
  142. package/layouts/Split/split.css +0 -1
  143. package/layouts/Stack/stack.css +0 -1
  144. package/layouts/_index.css +0 -7
  145. package/package.json +5 -5
  146. package/patternfly-base-no-globals.css +84 -62
  147. package/patternfly-base.css +99 -62
  148. package/patternfly-charts.css +2 -2
  149. package/patternfly-charts.scss +2 -2
  150. package/patternfly-no-globals.css +256 -308
  151. package/patternfly.css +271 -308
  152. package/patternfly.min.css +1 -1
  153. package/patternfly.min.css.map +1 -1
  154. package/sass-utilities/mixins.scss +3 -3
  155. package/assets/images/PF-Masthead-Logo.svg +0 -1
  156. package/assets/images/background-filter.svg +0 -17
  157. package/assets/images/g_sizing.png +0 -0
  158. package/assets/images/img_avatar-dark.svg +0 -22
  159. package/assets/images/img_avatar.svg +0 -21
  160. package/assets/images/l_pf-reverse-164x11.png +0 -0
  161. package/assets/images/l_pf-reverse.svg +0 -1
  162. package/assets/images/logo-dropbox-old.svg +0 -1
  163. package/assets/images/logo-dropbox.svg +0 -6
  164. package/assets/images/logo-facebook.svg +0 -4
  165. package/assets/images/logo-github.svg +0 -4
  166. package/assets/images/logo-gitlab.svg +0 -4
  167. package/assets/images/logo-google.svg +0 -4
  168. package/assets/images/logo-google2.svg +0 -10
  169. package/assets/images/logo__pf--reverse--base.png +0 -0
  170. package/assets/images/logo__pf--reverse--base.svg +0 -40
  171. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  172. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  173. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  175. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  177. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  179. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  180. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  181. package/assets/images/pf-c-brand__logo.svg +0 -10
  182. package/assets/images/pf-logo.svg +0 -28
  183. package/assets/images/pf_logo.svg +0 -37
  184. package/assets/images/pf_logo_color.svg +0 -22
  185. package/assets/images/pf_logo_white.svg +0 -37
  186. package/assets/images/pf_mini_logo_white.svg +0 -1
  187. package/assets/images/pfbg_1200.jpg +0 -0
  188. package/assets/images/pfbg_2000.jpg +0 -0
  189. package/assets/images/pfbg_576.jpg +0 -0
  190. package/assets/images/pfbg_576@2x.jpg +0 -0
  191. package/assets/images/pfbg_768.jpg +0 -0
  192. package/assets/images/pfbg_768@2x.jpg +0 -0
  193. package/assets/images/pfbg_992.jpg +0 -0
  194. package/assets/images/pfbg_992@2x.jpg +0 -0
  195. package/assets/images/status-icon-sprite.svg +0 -38
  196. /package/docs/components/Tile/{examples → deprecated}/Tile.css +0 -0
@@ -1,5 +1,4 @@
1
1
  @charset "UTF-8";
2
- :root,
3
2
  .pf-v6-c-about-modal-box {
4
3
  --pf-v6-c-about-modal-box--BackgroundImage: none;
5
4
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -46,7 +45,6 @@
46
45
  --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
47
46
  }
48
47
  @media screen and (min-width: 36rem) {
49
- :root,
50
48
  .pf-v6-c-about-modal-box {
51
49
  --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
52
50
  --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
@@ -54,32 +52,27 @@
54
52
  }
55
53
  }
56
54
  @media only screen and (min-width: 36rem) {
57
- :root,
58
55
  .pf-v6-c-about-modal-box {
59
56
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
60
57
  }
61
58
  }
62
59
  @media only screen and (min-width: 62rem) {
63
- :root,
64
60
  .pf-v6-c-about-modal-box {
65
61
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
66
62
  }
67
63
  }
68
64
  @media only screen and (min-width: 36rem) {
69
- :root,
70
65
  .pf-v6-c-about-modal-box {
71
66
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
72
67
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
73
68
  }
74
69
  }
75
70
  @media only screen and (min-width: 36rem) {
76
- :root,
77
71
  .pf-v6-c-about-modal-box {
78
72
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
79
73
  }
80
74
  }
81
75
  @media only screen and (min-width: 36rem) {
82
- :root,
83
76
  .pf-v6-c-about-modal-box {
84
77
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
85
78
  --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
@@ -198,7 +191,6 @@
198
191
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
199
192
  }
200
193
 
201
- :root,
202
194
  .pf-v6-c-accordion {
203
195
  --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
204
196
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
@@ -351,10 +343,9 @@
351
343
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
352
344
  }
353
345
 
354
- :root,
355
346
  .pf-v6-c-action-list {
356
347
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
357
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
348
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
358
349
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
359
350
  --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
360
351
  }
@@ -382,7 +373,6 @@
382
373
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
383
374
  }
384
375
 
385
- :root,
386
376
  .pf-v6-c-alert {
387
377
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
388
378
  --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -401,6 +391,7 @@
401
391
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
402
392
  --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
403
393
  --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
394
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
404
395
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
405
396
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
406
397
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -520,6 +511,7 @@
520
511
  .pf-v6-c-alert__toggle {
521
512
  margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
522
513
  margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
514
+ margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
523
515
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
524
516
  }
525
517
 
@@ -533,9 +525,7 @@
533
525
  }
534
526
 
535
527
  .pf-v6-c-alert__icon {
536
- display: flex;
537
528
  grid-area: icon;
538
- margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
539
529
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
540
530
  font-size: var(--pf-v6-c-alert__icon--FontSize);
541
531
  color: var(--pf-v6-c-alert__icon--Color);
@@ -568,10 +558,6 @@
568
558
  margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
569
559
  margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
570
560
  margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
571
- transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
572
- }
573
- .pf-v6-c-alert__action > .pf-v6-c-button {
574
- --pf-v6-c-button--LineHeight: 1;
575
561
  }
576
562
 
577
563
  .pf-v6-c-alert__action-group {
@@ -582,7 +568,6 @@
582
568
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
583
569
  }
584
570
 
585
- :root,
586
571
  .pf-v6-c-alert-group {
587
572
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
588
573
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
@@ -697,7 +682,6 @@
697
682
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
698
683
  }
699
684
 
700
- :root,
701
685
  .pf-v6-c-avatar {
702
686
  --pf-v6-c-avatar--BorderColor: transparent;
703
687
  --pf-v6-c-avatar--BorderWidth: 0;
@@ -943,7 +927,6 @@
943
927
  }
944
928
  }
945
929
 
946
- :root,
947
930
  .pf-v6-c-backdrop {
948
931
  --pf-v6-c-backdrop--Position: fixed;
949
932
  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
@@ -964,7 +947,6 @@
964
947
  overflow: hidden;
965
948
  }
966
949
 
967
- :root,
968
950
  .pf-v6-c-background-image {
969
951
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
970
952
  --pf-v6-c-background-image--BackgroundImage: none;
@@ -992,7 +974,6 @@
992
974
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
993
975
  }
994
976
 
995
- :root,
996
977
  .pf-v6-c-back-to-top {
997
978
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
998
979
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
@@ -1005,7 +986,6 @@
1005
986
  --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
1006
987
  }
1007
988
  @media (min-width: 48rem) {
1008
- :root,
1009
989
  .pf-v6-c-back-to-top {
1010
990
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
1011
991
  }
@@ -1028,7 +1008,6 @@
1028
1008
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
1029
1009
  }
1030
1010
 
1031
- :root,
1032
1011
  .pf-v6-c-badge {
1033
1012
  --pf-v6-c-badge--BorderColor: transparent;
1034
1013
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -1097,7 +1076,6 @@
1097
1076
  color: var(--pf-v6-c-badge__toggle-icon--Color);
1098
1077
  }
1099
1078
 
1100
- :root,
1101
1079
  .pf-v6-c-banner {
1102
1080
  --pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1103
1081
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -1142,7 +1120,6 @@
1142
1120
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
1143
1121
  }
1144
1122
  @media (min-width: 48rem) {
1145
- :root,
1146
1123
  .pf-v6-c-banner {
1147
1124
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
1148
1125
  --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
@@ -1239,7 +1216,6 @@
1239
1216
  cursor: not-allowed;
1240
1217
  }
1241
1218
 
1242
- :root,
1243
1219
  .pf-v6-c-brand {
1244
1220
  --pf-v6-c-brand--Width: auto;
1245
1221
  --pf-v6-c-brand--Height: auto;
@@ -1306,7 +1282,6 @@
1306
1282
  max-width: 100%;
1307
1283
  }
1308
1284
 
1309
- :root,
1310
1285
  .pf-v6-c-breadcrumb {
1311
1286
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
1312
1287
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -1415,7 +1390,6 @@ button.pf-v6-c-breadcrumb__link {
1415
1390
  display: none;
1416
1391
  }
1417
1392
 
1418
- :root,
1419
1393
  .pf-v6-c-button {
1420
1394
  --pf-v6-c-button--Display: inline-flex;
1421
1395
  --pf-v6-c-button--AlignItems: baseline;
@@ -1458,6 +1432,7 @@ button.pf-v6-c-breadcrumb__link {
1458
1432
  --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
1459
1433
  --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
1460
1434
  --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
1435
+ --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
1461
1436
  --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
1462
1437
  --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
1463
1438
  --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -1476,6 +1451,7 @@ button.pf-v6-c-breadcrumb__link {
1476
1451
  --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
1477
1452
  --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
1478
1453
  --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
1454
+ --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
1479
1455
  --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
1480
1456
  --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
1481
1457
  --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
@@ -1544,7 +1520,9 @@ button.pf-v6-c-breadcrumb__link {
1544
1520
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
1545
1521
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
1546
1522
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
1523
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
1547
1524
  --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
1525
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
1548
1526
  --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
1549
1527
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
1550
1528
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
@@ -1708,6 +1686,7 @@ button.pf-v6-c-breadcrumb__link {
1708
1686
  .pf-v6-c-button.pf-m-secondary {
1709
1687
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
1710
1688
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
1689
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
1711
1690
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
1712
1691
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
1713
1692
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
@@ -1733,6 +1712,7 @@ button.pf-v6-c-breadcrumb__link {
1733
1712
  .pf-v6-c-button.pf-m-tertiary {
1734
1713
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
1735
1714
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
1715
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
1736
1716
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
1737
1717
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
1738
1718
  --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
@@ -1896,6 +1876,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1896
1876
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
1897
1877
  }
1898
1878
  .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
1879
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
1899
1880
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
1900
1881
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
1901
1882
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
@@ -1927,6 +1908,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1927
1908
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
1928
1909
  --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
1929
1910
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
1911
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
1930
1912
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
1931
1913
  text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
1932
1914
  }
@@ -2003,7 +1985,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2003
1985
  align-items: center;
2004
1986
  }
2005
1987
 
2006
- :root,
2007
1988
  .pf-v6-c-calendar-month {
2008
1989
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2009
1990
  --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -2209,7 +2190,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2209
2190
  pointer-events: none;
2210
2191
  }
2211
2192
 
2212
- :root,
2213
2193
  .pf-v6-c-card {
2214
2194
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2215
2195
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
@@ -2544,7 +2524,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2544
2524
  color: var(--pf-v6-c-card__footer--Color);
2545
2525
  }
2546
2526
 
2547
- :root,
2548
2527
  .pf-v6-c-check {
2549
2528
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
2550
2529
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
@@ -2624,7 +2603,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2624
2603
  color: var(--pf-v6-c-check__label-required--Color);
2625
2604
  }
2626
2605
 
2627
- :root,
2628
2606
  .pf-v6-c-clipboard-copy {
2629
2607
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
2630
2608
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -2720,7 +2698,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2720
2698
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
2721
2699
  }
2722
2700
 
2723
- :root,
2724
2701
  .pf-v6-c-code-block {
2725
2702
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2726
2703
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
@@ -2775,7 +2752,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2775
2752
  font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
2776
2753
  }
2777
2754
 
2778
- :root,
2779
2755
  .pf-v6-c-code-editor {
2780
2756
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
2781
2757
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
@@ -2953,8 +2929,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2953
2929
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
2954
2930
  }
2955
2931
 
2956
- :root,
2957
- .pf-v6-c-content {
2932
+ :root {
2958
2933
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
2959
2934
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
2960
2935
  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
@@ -3018,7 +2993,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3018
2993
  --pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
3019
2994
  --pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
3020
2995
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3021
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
2996
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3022
2997
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
3023
2998
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
3024
2999
  --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
@@ -3630,7 +3605,6 @@ ul) {
3630
3605
  }
3631
3606
  }
3632
3607
 
3633
- :root,
3634
3608
  .pf-v6-c-data-list {
3635
3609
  --pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
3636
3610
  --pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -3697,11 +3671,11 @@ ul) {
3697
3671
  --pf-v6-c-data-list__item-action--Display: flex;
3698
3672
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3699
3673
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3674
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
3675
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
3700
3676
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
3701
3677
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
3702
3678
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
3703
- --pf-v6-c-data-list__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3704
- --pf-v6-c-data-list__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3705
3679
  --pf-v6-c-data-list__expandable-content--BackgroundColor: var( --pf-t--global--background--color--primary--default);
3706
3680
  --pf-v6-c-data-list__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
3707
3681
  --pf-v6-c-data-list__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -3731,8 +3705,6 @@ ul) {
3731
3705
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3732
3706
  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3733
3707
  --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
3734
- --pf-v6-c-data-list--m-compact__action--MarginBlockStart: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) * -1);
3735
- --pf-v6-c-data-list--m-compact__action--MarginBlockEnd: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) * -1);
3736
3708
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3737
3709
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
3738
3710
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -3741,14 +3713,12 @@ ul) {
3741
3713
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3742
3714
  }
3743
3715
  @media screen and (min-width: 36rem) {
3744
- :root,
3745
3716
  .pf-v6-c-data-list {
3746
3717
  --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
3747
3718
  --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
3748
3719
  }
3749
3720
  }
3750
3721
  @media screen and (min-width: 36rem) {
3751
- :root,
3752
3722
  .pf-v6-c-data-list {
3753
3723
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
3754
3724
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
@@ -3767,8 +3737,6 @@ ul) {
3767
3737
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-v6-c-data-list--m-compact__item-action--MarginInlineStart);
3768
3738
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart);
3769
3739
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd);
3770
- --pf-v6-c-data-list__action--MarginBlockStart: var(--pf-v6-c-data-list--m-compact__action--MarginBlockStart);
3771
- --pf-v6-c-data-list__action--MarginBlockEnd: var(--pf-v6-c-data-list--m-compact__action--MarginBlockEnd);
3772
3740
  --pf-v6-c-data-list__item-control--MarginInlineEnd: var(--pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd);
3773
3741
  --pf-v6-c-data-list__item-control--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockStart);
3774
3742
  --pf-v6-c-data-list__item-control--PaddingBlockEnd: var(--pf-v6-c-data-list--m-compact__item-control--PaddingBlockEnd);
@@ -3914,8 +3882,8 @@ ul) {
3914
3882
  gap: var(--pf-v6-c-data-list__item-action--Gap);
3915
3883
  align-content: flex-start;
3916
3884
  align-items: flex-start;
3917
- padding-block-start: var(--pf-v6-c-data-list__item-action--PaddingBlockStart);
3918
- padding-block-end: var(--pf-v6-c-data-list__item-action--PaddingBlockEnd);
3885
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
3886
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
3919
3887
  margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
3920
3888
  }
3921
3889
  .pf-v6-c-data-list__item-action.pf-m-hidden {
@@ -3962,11 +3930,6 @@ ul) {
3962
3930
  }
3963
3931
  }
3964
3932
 
3965
- .pf-v6-c-data-list__action {
3966
- margin-block-start: var(--pf-v6-c-data-list__action--MarginBlockStart);
3967
- margin-block-end: var(--pf-v6-c-data-list__action--MarginBlockEnd);
3968
- }
3969
-
3970
3933
  .pf-v6-c-data-list__toggle {
3971
3934
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
3972
3935
  margin-block-end: var(--pf-v6-c-data-list__toggle--MarginBlockEnd);
@@ -4058,10 +4021,9 @@ ul) {
4058
4021
  padding: 0;
4059
4022
  }
4060
4023
 
4061
- :root,
4062
4024
  .pf-v6-c-description-list {
4063
- --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
4064
- --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
4025
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
4026
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
4065
4027
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
4066
4028
  --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
4067
4029
  --pf-v6-c-description-list--GridTemplateColumns--min: 0;
@@ -4106,37 +4068,31 @@ ul) {
4106
4068
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
4107
4069
  }
4108
4070
  @media screen and (min-width: 36rem) {
4109
- :root,
4110
4071
  .pf-v6-c-description-list {
4111
4072
  --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
4112
4073
  }
4113
4074
  }
4114
4075
  @media (min-width: 36rem) {
4115
- :root,
4116
4076
  .pf-v6-c-description-list {
4117
4077
  --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));
4118
4078
  }
4119
4079
  }
4120
4080
  @media (min-width: 48rem) {
4121
- :root,
4122
4081
  .pf-v6-c-description-list {
4123
4082
  --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)));
4124
4083
  }
4125
4084
  }
4126
4085
  @media (min-width: 62rem) {
4127
- :root,
4128
4086
  .pf-v6-c-description-list {
4129
4087
  --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))));
4130
4088
  }
4131
4089
  }
4132
4090
  @media (min-width: 75rem) {
4133
- :root,
4134
4091
  .pf-v6-c-description-list {
4135
4092
  --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)))));
4136
4093
  }
4137
4094
  }
4138
4095
  @media (min-width: 90.625rem) {
4139
- :root,
4140
4096
  .pf-v6-c-description-list {
4141
4097
  --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))))));
4142
4098
  }
@@ -4385,7 +4341,6 @@ ul) {
4385
4341
  }
4386
4342
  }
4387
4343
 
4388
- :root,
4389
4344
  .pf-v6-c-draggable {
4390
4345
  --pf-v6-c-draggable--Cursor: auto;
4391
4346
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
@@ -4422,7 +4377,6 @@ ul) {
4422
4377
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
4423
4378
  }
4424
4379
 
4425
- :root,
4426
4380
  .pf-v6-c-droppable {
4427
4381
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
4428
4382
  --pf-v6-c-droppable--before--Opacity: 0;
@@ -4464,7 +4418,6 @@ ul) {
4464
4418
  --pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
4465
4419
  }
4466
4420
 
4467
- :root,
4468
4421
  .pf-v6-c-dual-list-selector {
4469
4422
  --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
4470
4423
  --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -4789,7 +4742,6 @@ ul) {
4789
4742
  --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
4790
4743
  }
4791
4744
 
4792
- :root,
4793
4745
  .pf-v6-c-date-picker {
4794
4746
  --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
4795
4747
  --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
@@ -4848,7 +4800,6 @@ ul) {
4848
4800
  min-width: min-content;
4849
4801
  }
4850
4802
 
4851
- :root,
4852
4803
  .pf-v6-c-divider {
4853
4804
  --pf-v6-c-divider--Display: flex;
4854
4805
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
@@ -5154,7 +5105,6 @@ ul) {
5154
5105
  }
5155
5106
  }
5156
5107
 
5157
- :root,
5158
5108
  .pf-v6-c-drawer {
5159
5109
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5160
5110
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -5264,11 +5214,9 @@ ul) {
5264
5214
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
5265
5215
  }
5266
5216
  @media screen and (min-width: 75rem) {
5267
- :root,
5268
5217
  .pf-v6-c-drawer {
5269
5218
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
5270
5219
  }
5271
- :root.pf-m-panel-bottom,
5272
5220
  .pf-v6-c-drawer.pf-m-panel-bottom {
5273
5221
  --pf-v6-c-drawer__panel--MinWidth: auto;
5274
5222
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
@@ -5498,10 +5446,6 @@ ul) {
5498
5446
  flex: 1 1;
5499
5447
  }
5500
5448
 
5501
- .pf-v6-c-drawer__body > .pf-v6-c-page__main {
5502
- height: 100%;
5503
- }
5504
-
5505
5449
  .pf-v6-c-drawer__splitter {
5506
5450
  position: relative;
5507
5451
  display: none;
@@ -5999,7 +5943,6 @@ ul) {
5999
5943
  display: none;
6000
5944
  }
6001
5945
  }
6002
- :root,
6003
5946
  .pf-v6-c-empty-state {
6004
5947
  --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
6005
5948
  --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -6038,7 +5981,7 @@ ul) {
6038
5981
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
6039
5982
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
6040
5983
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
6041
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
5984
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
6042
5985
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
6043
5986
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
6044
5987
  --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -6139,7 +6082,6 @@ ul) {
6139
6082
  justify-content: center;
6140
6083
  }
6141
6084
 
6142
- :root,
6143
6085
  .pf-v6-c-expandable-section {
6144
6086
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
6145
6087
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -6221,7 +6163,6 @@ ul) {
6221
6163
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6222
6164
  }
6223
6165
 
6224
- :root,
6225
6166
  .pf-v6-c-file-upload {
6226
6167
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6227
6168
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -6279,9 +6220,8 @@ ul) {
6279
6220
  transform: translate(-50%, -50%);
6280
6221
  }
6281
6222
 
6282
- :root,
6283
6223
  .pf-v6-c-form {
6284
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
6224
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
6285
6225
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
6286
6226
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
6287
6227
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
@@ -6794,7 +6734,6 @@ ul) {
6794
6734
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
6795
6735
  }
6796
6736
 
6797
- :root,
6798
6737
  .pf-v6-c-form-control {
6799
6738
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6800
6739
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -6858,6 +6797,10 @@ ul) {
6858
6797
  --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));
6859
6798
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
6860
6799
  --pf-v6-c-form-control--textarea--Height: auto;
6800
+ --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6801
+ --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6802
+ --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6803
+ --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6861
6804
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
6862
6805
  --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6863
6806
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -6913,18 +6856,33 @@ ul) {
6913
6856
  background-color: transparent;
6914
6857
  border: none;
6915
6858
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
6859
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
6916
6860
  -moz-appearance: none;
6917
6861
  -webkit-appearance: none;
6918
6862
  }
6919
- .pf-v6-c-form-control > :is(input, select, textarea):focus {
6920
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
6921
- }
6922
6863
  .pf-v6-c-form-control > ::placeholder {
6923
6864
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
6924
6865
  }
6925
6866
  .pf-v6-c-form-control > :is(input, select) {
6926
6867
  text-overflow: ellipsis;
6927
6868
  }
6869
+ .pf-v6-c-form-control.pf-m-textarea {
6870
+ padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
6871
+ padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
6872
+ padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
6873
+ padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
6874
+ }
6875
+ .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 {
6876
+ --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));
6877
+ }
6878
+ .pf-v6-c-form-control.pf-m-textarea > textarea {
6879
+ padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
6880
+ padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
6881
+ padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
6882
+ 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));
6883
+ outline-offset: 0;
6884
+ scrollbar-gutter: stable;
6885
+ }
6928
6886
  .pf-v6-c-form-control.pf-m-readonly {
6929
6887
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
6930
6888
  --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
@@ -7067,7 +7025,6 @@ select ~ .pf-v6-c-form-control__utilities {
7067
7025
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
7068
7026
  }
7069
7027
 
7070
- :root,
7071
7028
  .pf-v6-c-hint {
7072
7029
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7073
7030
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -7143,7 +7100,6 @@ select ~ .pf-v6-c-form-control__utilities {
7143
7100
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7144
7101
  }
7145
7102
 
7146
- :root,
7147
7103
  .pf-v6-c-helper-text {
7148
7104
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
7149
7105
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -7216,7 +7172,6 @@ select ~ .pf-v6-c-form-control__utilities {
7216
7172
  color: var(--pf-v6-c-helper-text__item-text--Color);
7217
7173
  }
7218
7174
 
7219
- :root,
7220
7175
  .pf-v6-c-icon {
7221
7176
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
7222
7177
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -7473,7 +7428,6 @@ select ~ .pf-v6-c-form-control__utilities {
7473
7428
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7474
7429
  }
7475
7430
 
7476
- :root,
7477
7431
  .pf-v6-c-inline-edit {
7478
7432
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
7479
7433
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
@@ -7557,7 +7511,6 @@ select ~ .pf-v6-c-form-control__utilities {
7557
7511
  display: none;
7558
7512
  }
7559
7513
 
7560
- :root,
7561
7514
  .pf-v6-c-input-group {
7562
7515
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
7563
7516
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
@@ -7631,7 +7584,6 @@ label.pf-v6-c-input-group__text {
7631
7584
  cursor: pointer;
7632
7585
  }
7633
7586
 
7634
- :root,
7635
7587
  .pf-v6-c-jump-links {
7636
7588
  --pf-v6-c-jump-links__list--Display: flex;
7637
7589
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
@@ -7878,7 +7830,6 @@ label.pf-v6-c-input-group__text {
7878
7830
  scale: -1 1;
7879
7831
  }
7880
7832
 
7881
- :root,
7882
7833
  .pf-v6-c-label {
7883
7834
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7884
7835
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -8373,7 +8324,6 @@ input.pf-v6-c-label__content {
8373
8324
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
8374
8325
  }
8375
8326
 
8376
- :root,
8377
8327
  .pf-v6-c-label-group {
8378
8328
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8379
8329
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -8509,7 +8459,6 @@ input.pf-v6-c-label__content {
8509
8459
  display: none;
8510
8460
  }
8511
8461
 
8512
- :root,
8513
8462
  .pf-v6-c-list {
8514
8463
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8515
8464
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
@@ -8581,7 +8530,6 @@ ul.pf-v6-c-list {
8581
8530
  color: var(--pf-v6-c-list__item-icon--Color);
8582
8531
  }
8583
8532
 
8584
- :root,
8585
8533
  .pf-v6-c-login {
8586
8534
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8587
8535
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -8638,33 +8586,28 @@ ul.pf-v6-c-list {
8638
8586
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8639
8587
  }
8640
8588
  @media (min-width: 75rem) {
8641
- :root,
8642
8589
  .pf-v6-c-login {
8643
8590
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
8644
8591
  }
8645
8592
  }
8646
8593
  @media (min-width: 36rem) {
8647
- :root,
8648
8594
  .pf-v6-c-login {
8649
8595
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
8650
8596
  --pf-v6-c-login__header--PaddingInlineStart: 0;
8651
8597
  }
8652
8598
  }
8653
8599
  @media (min-width: 75rem) {
8654
- :root,
8655
8600
  .pf-v6-c-login {
8656
8601
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
8657
8602
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
8658
8603
  }
8659
8604
  }
8660
8605
  @media (min-width: 75rem) {
8661
- :root,
8662
8606
  .pf-v6-c-login {
8663
8607
  --pf-v6-c-login__main--MarginBlockEnd: 0;
8664
8608
  }
8665
8609
  }
8666
8610
  @media (min-width: 48rem) {
8667
- :root,
8668
8611
  .pf-v6-c-login {
8669
8612
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
8670
8613
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
@@ -8672,21 +8615,18 @@ ul.pf-v6-c-list {
8672
8615
  }
8673
8616
  }
8674
8617
  @media (min-width: 48rem) {
8675
- :root,
8676
8618
  .pf-v6-c-login {
8677
8619
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
8678
8620
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
8679
8621
  }
8680
8622
  }
8681
8623
  @media (min-width: 36rem) {
8682
- :root,
8683
8624
  .pf-v6-c-login {
8684
8625
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
8685
8626
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
8686
8627
  }
8687
8628
  }
8688
8629
  @media (min-width: 75rem) {
8689
- :root,
8690
8630
  .pf-v6-c-login {
8691
8631
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
8692
8632
  }
@@ -8842,7 +8782,6 @@ ul.pf-v6-c-list {
8842
8782
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
8843
8783
  }
8844
8784
 
8845
- :root,
8846
8785
  .pf-v6-c-masthead {
8847
8786
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
8848
8787
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -9378,7 +9317,6 @@ ul.pf-v6-c-list {
9378
9317
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9379
9318
  }
9380
9319
 
9381
- :root,
9382
9320
  .pf-v6-c-menu {
9383
9321
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
9384
9322
  --pf-v6-c-menu--Width: auto;
@@ -9960,9 +9898,8 @@ ul.pf-v6-c-list {
9960
9898
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
9961
9899
  }
9962
9900
 
9963
- :root,
9964
9901
  .pf-v6-c-menu-toggle {
9965
- --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
9902
+ --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
9966
9903
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
9967
9904
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
9968
9905
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -10027,26 +9964,30 @@ ul.pf-v6-c-list {
10027
9964
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
10028
9965
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
10029
9966
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
10030
- --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));
10031
9967
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
10032
9968
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
10033
9969
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
10034
9970
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
10035
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
10036
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
10037
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-t--global--border--radius--pill);
10038
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
10039
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
10040
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
10041
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
10042
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
10043
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
9971
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
9972
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
9973
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
9974
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
9975
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
9976
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
9977
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
9978
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
9979
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
9980
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
9981
+ --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
10044
9982
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
9983
+ --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
10045
9984
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
10046
9985
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
10047
9986
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
10048
9987
  --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));
10049
9988
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9989
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
9990
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
10050
9991
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10051
9992
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10052
9993
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -10054,14 +9995,15 @@ ul.pf-v6-c-list {
10054
9995
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
10055
9996
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
10056
9997
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
10057
- --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
9998
+ --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
9999
+ --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
10000
+ --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
10058
10001
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
10059
10002
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
10060
10003
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
10061
10004
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
10062
10005
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
10063
10006
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
10064
- --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
10065
10007
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
10066
10008
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
10067
10009
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -10070,12 +10012,13 @@ ul.pf-v6-c-list {
10070
10012
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
10071
10013
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
10072
10014
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
10015
+ --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
10073
10016
  }
10074
10017
 
10075
10018
  .pf-v6-c-menu-toggle {
10076
10019
  position: relative;
10077
10020
  display: inline-flex;
10078
- column-gap: var(--pf-v6-c-menu-toggle--ColumnGap);
10021
+ gap: var(--pf-v6-c-menu-toggle--Gap);
10079
10022
  align-items: center;
10080
10023
  justify-content: center;
10081
10024
  min-width: var(--pf-v6-c-menu-toggle--MinWidth);
@@ -10161,6 +10104,8 @@ ul.pf-v6-c-list {
10161
10104
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
10162
10105
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
10163
10106
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
10107
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
10108
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
10164
10109
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
10165
10110
  }
10166
10111
  .pf-v6-c-menu-toggle.pf-m-plain::before {
@@ -10189,9 +10134,6 @@ ul.pf-v6-c-list {
10189
10134
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
10190
10135
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
10191
10136
  }
10192
- .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
10193
- background-color: transparent;
10194
- }
10195
10137
  .pf-v6-c-menu-toggle.pf-m-success {
10196
10138
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
10197
10139
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
@@ -10220,7 +10162,8 @@ ul.pf-v6-c-list {
10220
10162
  }
10221
10163
 
10222
10164
  .pf-v6-c-menu-toggle.pf-m-split-button {
10223
- --pf-v6-c-menu-toggle--ColumnGap: 0;
10165
+ --pf-v6-c-menu-toggle--Gap: 0;
10166
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
10224
10167
  padding: 0;
10225
10168
  }
10226
10169
  .pf-v6-c-menu-toggle.pf-m-split-button > * {
@@ -10239,7 +10182,6 @@ ul.pf-v6-c-list {
10239
10182
  border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
10240
10183
  }
10241
10184
  .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
10242
- --pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
10243
10185
  --pf-v6-c-check__label--Color: currentcolor;
10244
10186
  --pf-v6-c-check__label--disabled--Color: currentcolor;
10245
10187
  align-items: center;
@@ -10249,49 +10191,51 @@ ul.pf-v6-c-list {
10249
10191
  --pf-v6-c-check__input--TranslateY: 0;
10250
10192
  align-self: center;
10251
10193
  }
10252
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-plain {
10253
- --pf-v6-c-menu-toggle--BorderColor: transparent;
10194
+ .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
10195
+ 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);
10254
10196
  }
10255
-
10256
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
10257
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
10197
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
10198
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
10258
10199
  }
10259
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
10260
- 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);
10200
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
10201
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
10202
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
10261
10203
  }
10262
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
10263
- padding-inline-end: 0;
10264
- }
10265
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
10266
- --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);
10204
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
10205
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
10206
+ --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);
10267
10207
  }
10268
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
10269
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
10208
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
10209
+ --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);
10270
10210
  }
10271
- .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) {
10272
- --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);
10211
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
10212
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
10273
10213
  }
10274
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
10275
- --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);
10214
+ .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,
10215
+ .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,
10216
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
10217
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
10276
10218
  }
10277
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
10278
- --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);
10219
+ .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,
10220
+ .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,
10221
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
10222
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
10279
10223
  }
10280
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
10281
- --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);
10224
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
10225
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
10282
10226
  }
10283
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
10284
- content: none;
10285
- }
10286
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
10287
- --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);
10227
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
10228
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
10288
10229
  color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
10289
10230
  background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
10290
10231
  }
10232
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
10233
+ content: none;
10234
+ }
10291
10235
 
10292
10236
  .pf-v6-c-menu-toggle.pf-m-typeahead {
10293
10237
  --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
10294
- --pf-v6-c-menu-toggle--ColumnGap: 0;
10238
+ --pf-v6-c-menu-toggle--Gap: 0;
10295
10239
  align-items: stretch;
10296
10240
  padding: 0;
10297
10241
  }
@@ -10309,6 +10253,7 @@ ul.pf-v6-c-list {
10309
10253
  }
10310
10254
 
10311
10255
  .pf-v6-c-menu-toggle__button {
10256
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
10312
10257
  align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
10313
10258
  min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
10314
10259
  padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
@@ -10317,13 +10262,13 @@ ul.pf-v6-c-list {
10317
10262
  background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
10318
10263
  border: 0;
10319
10264
  }
10320
- .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
10321
- padding-inline-start: 0;
10322
- }
10323
10265
  .pf-v6-c-menu-toggle__button.pf-m-text {
10324
10266
  display: inline-flex;
10325
10267
  align-items: baseline;
10326
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart);
10268
+ }
10269
+ .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) {
10270
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
10271
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
10327
10272
  }
10328
10273
 
10329
10274
  .pf-v6-c-menu-toggle__text {
@@ -10338,7 +10283,6 @@ ul.pf-v6-c-list {
10338
10283
  flex-wrap: nowrap;
10339
10284
  }
10340
10285
 
10341
- .pf-v6-c-menu-toggle__icon,
10342
10286
  .pf-v6-c-menu-toggle__controls,
10343
10287
  .pf-v6-c-menu-toggle__toggle-icon {
10344
10288
  display: flex;
@@ -10348,11 +10292,16 @@ ul.pf-v6-c-list {
10348
10292
 
10349
10293
  .pf-v6-c-menu-toggle__icon {
10350
10294
  flex-shrink: 0;
10351
- min-height: var(--pf-v6-c-menu-toggle__icon--MinHeight);
10295
+ }
10296
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
10297
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
10298
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
10299
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
10300
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
10352
10301
  }
10353
10302
 
10354
10303
  .pf-v6-c-menu-toggle__controls {
10355
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
10304
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
10356
10305
  margin-inline-start: auto;
10357
10306
  }
10358
10307
 
@@ -10362,11 +10311,9 @@ ul.pf-v6-c-list {
10362
10311
  }
10363
10312
 
10364
10313
  .pf-v6-c-menu-toggle__status-icon {
10365
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
10366
10314
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
10367
10315
  }
10368
10316
 
10369
- :root,
10370
10317
  .pf-v6-c-modal-box {
10371
10318
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10372
10319
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
@@ -10420,7 +10367,6 @@ ul.pf-v6-c-list {
10420
10367
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
10421
10368
  }
10422
10369
  @media (min-width: 75rem) {
10423
- :root,
10424
10370
  .pf-v6-c-modal-box {
10425
10371
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
10426
10372
  }
@@ -10573,7 +10519,6 @@ ul.pf-v6-c-list {
10573
10519
  }
10574
10520
  }
10575
10521
 
10576
- :root,
10577
10522
  .pf-v6-c-multiple-file-upload {
10578
10523
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
10579
10524
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
@@ -10784,7 +10729,6 @@ ul.pf-v6-c-list {
10784
10729
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
10785
10730
  }
10786
10731
 
10787
- :root,
10788
10732
  .pf-v6-c-nav {
10789
10733
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10790
10734
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -11093,7 +11037,6 @@ ul.pf-v6-c-list {
11093
11037
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
11094
11038
  }
11095
11039
 
11096
- :root,
11097
11040
  .pf-v6-c-notification-drawer {
11098
11041
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11099
11042
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -11369,7 +11312,6 @@ ul.pf-v6-c-list {
11369
11312
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
11370
11313
  }
11371
11314
 
11372
- :root,
11373
11315
  .pf-v6-c-overflow-menu {
11374
11316
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
11375
11317
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -11407,13 +11349,13 @@ ul.pf-v6-c-list {
11407
11349
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11408
11350
  }
11409
11351
 
11410
- :root,
11411
11352
  .pf-v6-c-page {
11412
11353
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11413
11354
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
11414
11355
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
11415
11356
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
11416
11357
  --pf-v6-c-page__sidebar--Width: 18.125rem;
11358
+ --pf-v6-c-page__sidebar--xl--Width: auto;
11417
11359
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11418
11360
  --pf-v6-c-page__sidebar--BoxShadow: none;
11419
11361
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -11422,7 +11364,7 @@ ul.pf-v6-c-list {
11422
11364
  --pf-v6-c-page__sidebar--TranslateZ: 0;
11423
11365
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
11424
11366
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
11425
- --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
11367
+ --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
11426
11368
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11427
11369
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
11428
11370
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
@@ -11435,7 +11377,7 @@ ul.pf-v6-c-list {
11435
11377
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
11436
11378
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
11437
11379
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
11438
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
11380
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
11439
11381
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
11440
11382
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
11441
11383
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
@@ -11448,8 +11390,8 @@ ul.pf-v6-c-list {
11448
11390
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11449
11391
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
11450
11392
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
11451
- --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
11452
- --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
11393
+ --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
11394
+ --pf-v6-c-page__main-container--BorderWidth: 0.25rem;
11453
11395
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
11454
11396
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
11455
11397
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -11474,11 +11416,13 @@ ul.pf-v6-c-list {
11474
11416
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
11475
11417
  --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11476
11418
  --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11419
+ --pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11477
11420
  --pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
11478
11421
  --pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11479
11422
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
11480
11423
  --pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11481
11424
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11425
+ --pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11482
11426
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
11483
11427
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
11484
11428
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
@@ -11489,7 +11433,6 @@ ul.pf-v6-c-list {
11489
11433
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11490
11434
  }
11491
11435
  @media screen and (min-width: 75rem) {
11492
- :root,
11493
11436
  .pf-v6-c-page {
11494
11437
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
11495
11438
  }
@@ -11507,6 +11450,7 @@ ul.pf-v6-c-list {
11507
11450
  }
11508
11451
  @media (min-width: 75rem) {
11509
11452
  .pf-v6-c-page {
11453
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
11510
11454
  grid-template-areas: "header header" "sidebar main";
11511
11455
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
11512
11456
  }
@@ -11860,6 +11804,9 @@ ul.pf-v6-c-list {
11860
11804
  padding-inline-end: var(--pf-v6-c-page__main-subnav--PaddingInlineEnd);
11861
11805
  background-color: var(--pf-v6-c-page__main-subnav--BackgroundColor);
11862
11806
  }
11807
+ .pf-v6-c-page__main-subnav.pf-m-sticky-top {
11808
+ padding-block-end: var(--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd);
11809
+ }
11863
11810
 
11864
11811
  .pf-v6-c-page__main-breadcrumb {
11865
11812
  padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
@@ -12016,14 +11963,13 @@ ul.pf-v6-c-list {
12016
11963
  flex-shrink: 0;
12017
11964
  }
12018
11965
 
12019
- .pf-v6-c-page__drawer {
12020
- grid-area: main;
11966
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
11967
+ align-self: revert;
12021
11968
  }
12022
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
12023
- flex: 1 0 auto;
11969
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
11970
+ flex-grow: 1;
12024
11971
  }
12025
11972
 
12026
- :root,
12027
11973
  .pf-v6-c-pagination {
12028
11974
  --pf-v6-c-pagination--inset: 0;
12029
11975
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -12043,17 +11989,23 @@ ul.pf-v6-c-list {
12043
11989
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12044
11990
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12045
11991
  --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
12046
- --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12047
11992
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12048
11993
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12049
- --pf-v6-c-pagination--m-sticky--ZIndex: 100;
11994
+ --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11995
+ --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
12050
11996
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
12051
11997
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12052
11998
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12053
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12054
- --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12055
- --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12056
11999
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12000
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12001
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12002
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12003
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12004
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12005
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
12006
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
12007
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12008
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12057
12009
  --pf-v6-c-pagination__page-menu--Display--base: block;
12058
12010
  --pf-v6-c-pagination__page-menu--Display: none;
12059
12011
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -12062,7 +12014,6 @@ ul.pf-v6-c-list {
12062
12014
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12063
12015
  }
12064
12016
  @media screen and (min-width: 48rem) {
12065
- :root,
12066
12017
  .pf-v6-c-pagination {
12067
12018
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
12068
12019
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -12071,7 +12022,6 @@ ul.pf-v6-c-list {
12071
12022
  }
12072
12023
  }
12073
12024
  @media screen and (min-width: 75rem) {
12074
- :root,
12075
12025
  .pf-v6-c-pagination {
12076
12026
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
12077
12027
  }
@@ -12095,17 +12045,13 @@ ul.pf-v6-c-list {
12095
12045
  position: sticky;
12096
12046
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
12097
12047
  justify-content: center;
12098
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--PaddingInlineStart);
12099
- padding-inline-end: var(--pf-v6-c-pagination--m-bottom--PaddingInlineEnd);
12048
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
12049
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
12050
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
12051
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
12100
12052
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
12101
12053
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
12102
12054
  }
12103
- .pf-v6-c-pagination.pf-m-bottom.pf-m-static {
12104
- --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
12105
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
12106
- position: relative;
12107
- box-shadow: none;
12108
- }
12109
12055
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12110
12056
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
12111
12057
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -12127,6 +12073,10 @@ ul.pf-v6-c-list {
12127
12073
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
12128
12074
  position: relative;
12129
12075
  justify-content: flex-end;
12076
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
12077
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
12078
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
12079
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
12130
12080
  }
12131
12081
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12132
12082
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -12144,15 +12094,23 @@ ul.pf-v6-c-list {
12144
12094
  flex-basis: auto;
12145
12095
  }
12146
12096
  }
12097
+ .pf-v6-c-pagination.pf-m-static {
12098
+ position: relative;
12099
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
12100
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
12101
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
12102
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
12103
+ box-shadow: none;
12104
+ }
12147
12105
  .pf-v6-c-pagination.pf-m-sticky {
12148
12106
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12149
12107
  position: sticky;
12150
12108
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
12151
12109
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
12152
- padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
12153
- padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
12154
- padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
12155
- padding-inline-end: var(--pf-v6-c-pagination--m-sticky--PaddingInlineEnd);
12110
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
12111
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
12112
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
12113
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
12156
12114
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
12157
12115
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
12158
12116
  }
@@ -12373,7 +12331,6 @@ ul.pf-v6-c-list {
12373
12331
  }
12374
12332
  }
12375
12333
 
12376
- :root,
12377
12334
  .pf-v6-c-panel {
12378
12335
  --pf-v6-c-panel--Width: auto;
12379
12336
  --pf-v6-c-panel--MinWidth: auto;
@@ -12471,7 +12428,6 @@ ul.pf-v6-c-list {
12471
12428
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
12472
12429
  }
12473
12430
 
12474
- :root,
12475
12431
  .pf-v6-c-popover {
12476
12432
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
12477
12433
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -12674,7 +12630,6 @@ ul.pf-v6-c-list {
12674
12630
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
12675
12631
  }
12676
12632
 
12677
- :root,
12678
12633
  .pf-v6-c-progress {
12679
12634
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12680
12635
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
@@ -12839,7 +12794,6 @@ ul.pf-v6-c-list {
12839
12794
  font-variant-numeric: tabular-nums;
12840
12795
  }
12841
12796
 
12842
- :root,
12843
12797
  .pf-v6-c-progress-stepper {
12844
12798
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
12845
12799
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -12961,7 +12915,6 @@ ul.pf-v6-c-list {
12961
12915
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
12962
12916
  }
12963
12917
  @media screen and (min-width: 48rem) {
12964
- :root,
12965
12918
  .pf-v6-c-progress-stepper {
12966
12919
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
12967
12920
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -13451,7 +13404,6 @@ ul.pf-v6-c-list {
13451
13404
  }
13452
13405
  }
13453
13406
 
13454
- :root,
13455
13407
  .pf-v6-c-radio {
13456
13408
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
13457
13409
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -13533,7 +13485,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13533
13485
  cursor: not-allowed;
13534
13486
  }
13535
13487
 
13536
- :root,
13537
13488
  .pf-v6-c-sidebar {
13538
13489
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
13539
13490
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -13878,7 +13829,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13878
13829
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
13879
13830
  }
13880
13831
  }
13881
- :root,
13882
13832
  .pf-v6-c-simple-list {
13883
13833
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
13884
13834
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -13949,7 +13899,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13949
13899
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
13950
13900
  }
13951
13901
 
13952
- :root,
13953
13902
  .pf-v6-c-skeleton {
13954
13903
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13955
13904
  --pf-v6-c-skeleton--Width: auto;
@@ -14115,7 +14064,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14115
14064
  transform: translateX(100%);
14116
14065
  }
14117
14066
  }
14118
- :root,
14119
14067
  .pf-v6-c-skip-to-content {
14120
14068
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14121
14069
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -14132,7 +14080,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14132
14080
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14133
14081
  }
14134
14082
 
14135
- :root,
14136
14083
  .pf-v6-c-slider {
14137
14084
  --pf-v6-c-slider--value: 0;
14138
14085
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -14354,7 +14301,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14354
14301
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
14355
14302
  }
14356
14303
 
14357
- :root,
14358
14304
  .pf-v6-c-spinner {
14359
14305
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14360
14306
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -14431,7 +14377,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14431
14377
  transform: rotate(720deg);
14432
14378
  }
14433
14379
  }
14434
- :root,
14435
14380
  .pf-v6-c-switch {
14436
14381
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
14437
14382
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -14580,7 +14525,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14580
14525
  vertical-align: top;
14581
14526
  }
14582
14527
 
14583
- :root,
14584
14528
  .pf-v6-c-tab-content {
14585
14529
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
14586
14530
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
@@ -14626,7 +14570,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14626
14570
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
14627
14571
  }
14628
14572
 
14629
- :root,
14630
14573
  .pf-v6-c-table {
14631
14574
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
14632
14575
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -14639,9 +14582,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14639
14582
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
14640
14583
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
14641
14584
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
14642
- --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14585
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
14643
14586
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
14644
- --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14587
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
14645
14588
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
14646
14589
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14647
14590
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -14671,8 +14614,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14671
14614
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
14672
14615
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14673
14616
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14674
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14675
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14617
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
14618
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
14676
14619
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14677
14620
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
14678
14621
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -14690,6 +14633,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14690
14633
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
14691
14634
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
14692
14635
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
14636
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
14693
14637
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
14694
14638
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
14695
14639
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -14989,6 +14933,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14989
14933
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
14990
14934
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
14991
14935
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
14936
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
14992
14937
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
14993
14938
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
14994
14939
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15291,6 +15236,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15291
15236
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15292
15237
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15293
15238
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
15239
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
15294
15240
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15295
15241
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15296
15242
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15593,6 +15539,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15593
15539
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15594
15540
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15595
15541
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
15542
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
15596
15543
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15597
15544
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15598
15545
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15895,6 +15842,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15895
15842
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15896
15843
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15897
15844
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
15845
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
15898
15846
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15899
15847
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15900
15848
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -16191,7 +16139,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16191
16139
  }
16192
16140
  }
16193
16141
 
16194
- :root,
16195
16142
  .pf-v6-c-table {
16196
16143
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16197
16144
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -16201,7 +16148,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16201
16148
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
16202
16149
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16203
16150
  --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16204
- --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16151
+ --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
16205
16152
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
16206
16153
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
16207
16154
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -16219,7 +16166,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16219
16166
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
16220
16167
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
16221
16168
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
16222
- --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
16169
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
16223
16170
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
16224
16171
  --pf-v6-c-table--cell--MinWidth: 0;
16225
16172
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -16448,10 +16395,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16448
16395
  }
16449
16396
  }
16450
16397
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16451
- padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineStart));
16398
+ padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
16452
16399
  }
16453
16400
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
16454
- padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
16401
+ padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
16455
16402
  }
16456
16403
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
16457
16404
  text-align: center;
@@ -16684,7 +16631,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16684
16631
  .pf-v6-c-table__column-help {
16685
16632
  display: inline-grid;
16686
16633
  grid-template-columns: auto max-content;
16687
- align-items: baseline;
16634
+ align-items: last baseline;
16688
16635
  justify-content: start;
16689
16636
  }
16690
16637
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -16849,6 +16796,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
16849
16796
  }
16850
16797
 
16851
16798
  .pf-v6-c-table__column-help-action {
16799
+ align-self: last baseline;
16852
16800
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
16853
16801
  }
16854
16802
 
@@ -17055,7 +17003,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17055
17003
  --pf-v6-c-table--cell--Width: 100%;
17056
17004
  }
17057
17005
 
17058
- :root,
17059
17006
  .pf-v6-c-table {
17060
17007
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
17061
17008
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -17120,7 +17067,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17120
17067
  overflow: auto;
17121
17068
  }
17122
17069
 
17123
- :root,
17124
17070
  .pf-v6-c-table {
17125
17071
  --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));
17126
17072
  --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));
@@ -17941,7 +17887,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17941
17887
  }
17942
17888
  }
17943
17889
 
17944
- :root,
17945
17890
  .pf-v6-c-tabs {
17946
17891
  --pf-v6-c-tabs--inset: 0;
17947
17892
  --pf-v6-c-tabs--Width: auto;
@@ -18754,7 +18699,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18754
18699
  }
18755
18700
  }
18756
18701
 
18757
- :root,
18758
18702
  .pf-v6-c-text-input-group {
18759
18703
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
18760
18704
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -18796,9 +18740,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18796
18740
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
18797
18741
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
18798
18742
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
18799
- --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
18743
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
18800
18744
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
18801
- --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
18745
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
18802
18746
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
18803
18747
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
18804
18748
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -18956,7 +18900,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18956
18900
  display: flex;
18957
18901
  }
18958
18902
 
18959
- :root,
18960
18903
  .pf-v6-c-tile {
18961
18904
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
18962
18905
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -19060,7 +19003,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19060
19003
  color: var(--pf-v6-c-tile__icon--Color);
19061
19004
  }
19062
19005
 
19063
- :root,
19064
19006
  .pf-v6-c-timestamp {
19065
19007
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
19066
19008
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
@@ -19092,7 +19034,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19092
19034
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
19093
19035
  }
19094
19036
 
19095
- :root,
19096
19037
  .pf-v6-c-title {
19097
19038
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
19098
19039
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -19198,7 +19139,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19198
19139
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
19199
19140
  }
19200
19141
 
19201
- :root,
19202
19142
  .pf-v6-c-toggle-group {
19203
19143
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19204
19144
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -19322,7 +19262,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19322
19262
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
19323
19263
  }
19324
19264
 
19325
- :root,
19326
19265
  .pf-v6-c-toolbar {
19327
19266
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
19328
19267
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -21226,7 +21165,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21226
21165
  display: inline-flex;
21227
21166
  }
21228
21167
  }
21229
- :root,
21230
21168
  .pf-v6-c-tooltip {
21231
21169
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
21232
21170
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -21349,7 +21287,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21349
21287
  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));
21350
21288
  }
21351
21289
 
21352
- :root,
21353
21290
  .pf-v6-c-truncate {
21354
21291
  --pf-v6-c-truncate--MinWidth: 6ch;
21355
21292
  --pf-v6-c-truncate__start--MinWidth: 6ch;
@@ -21396,7 +21333,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21396
21333
  direction: rtl;
21397
21334
  }
21398
21335
  }
21399
- :root,
21400
21336
  .pf-v6-c-number-input {
21401
21337
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
21402
21338
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -21436,7 +21372,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21436
21372
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
21437
21373
  }
21438
21374
 
21439
- :root,
21440
21375
  .pf-v6-c-tree-view {
21441
21376
  --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));
21442
21377
  --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));
@@ -21890,7 +21825,6 @@ label.pf-v6-c-tree-view__node-text {
21890
21825
  --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));
21891
21826
  }
21892
21827
 
21893
- :root,
21894
21828
  .pf-v6-c-wizard {
21895
21829
  --pf-v6-c-wizard--Height: initial;
21896
21830
  --pf-v6-c-wizard--Height--base: 100%;
@@ -22007,7 +21941,6 @@ label.pf-v6-c-tree-view__node-text {
22007
21941
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
22008
21942
  }
22009
21943
  @media screen and (min-width: 62rem) {
22010
- :root,
22011
21944
  .pf-v6-c-wizard {
22012
21945
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
22013
21946
  --pf-v6-c-wizard__nav--BoxShadow: none;