@patternfly/patternfly 6.0.0-prerelease.8 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (194) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +16 -0
  3. package/base/patternfly-variables.css +84 -62
  4. package/base/tokens/tokens-charts-dark.scss +1 -1
  5. package/base/tokens/tokens-charts.scss +1 -1
  6. package/base/tokens/tokens-dark.scss +12 -4
  7. package/base/tokens/tokens-default.scss +44 -27
  8. package/base/tokens/tokens-local.scss +30 -35
  9. package/base/tokens/tokens-palette.scss +1 -1
  10. package/components/AboutModalBox/about-modal-box.css +0 -7
  11. package/components/Accordion/accordion.css +0 -1
  12. package/components/ActionList/action-list.css +1 -2
  13. package/components/ActionList/action-list.scss +1 -1
  14. package/components/Alert/alert-group.css +0 -1
  15. package/components/Alert/alert.css +2 -7
  16. package/components/Alert/alert.scss +2 -7
  17. package/components/Avatar/avatar.css +0 -1
  18. package/components/BackToTop/back-to-top.css +0 -2
  19. package/components/Backdrop/backdrop.css +0 -1
  20. package/components/BackgroundImage/background-image.css +0 -1
  21. package/components/Badge/badge.css +0 -1
  22. package/components/Banner/banner.css +0 -2
  23. package/components/Brand/brand.css +0 -1
  24. package/components/Breadcrumb/breadcrumb.css +0 -1
  25. package/components/Button/button.css +8 -1
  26. package/components/Button/button.scss +8 -0
  27. package/components/CalendarMonth/calendar-month.css +0 -1
  28. package/components/Card/card.css +0 -1
  29. package/components/Check/check.css +0 -1
  30. package/components/ClipboardCopy/clipboard-copy.css +0 -1
  31. package/components/CodeBlock/code-block.css +0 -1
  32. package/components/CodeEditor/code-editor.css +0 -1
  33. package/components/Content/content.css +2 -3
  34. package/components/Content/content.scss +2 -2
  35. package/components/DataList/data-list.css +4 -16
  36. package/components/DataList/data-list.scss +4 -14
  37. package/components/DatePicker/date-picker.css +0 -1
  38. package/components/DescriptionList/description-list.css +2 -9
  39. package/components/DescriptionList/description-list.scss +2 -2
  40. package/components/Divider/divider.css +0 -1
  41. package/components/DragDrop/drag-drop.css +0 -2
  42. package/components/Drawer/drawer.css +5 -8
  43. package/components/Drawer/drawer.scss +4 -6
  44. package/components/DualListSelector/dual-list-selector.css +0 -1
  45. package/components/EmptyState/empty-state.css +1 -2
  46. package/components/EmptyState/empty-state.scss +1 -1
  47. package/components/ExpandableSection/expandable-section.css +0 -1
  48. package/components/FileUpload/file-upload.css +0 -1
  49. package/components/Form/form.css +1 -2
  50. package/components/Form/form.scss +1 -1
  51. package/components/FormControl/form-control.css +22 -4
  52. package/components/FormControl/form-control.scss +27 -4
  53. package/components/HelperText/helper-text.css +0 -1
  54. package/components/Hint/hint.css +0 -1
  55. package/components/Icon/icon.css +0 -1
  56. package/components/InlineEdit/inline-edit.css +0 -1
  57. package/components/InputGroup/input-group.css +0 -1
  58. package/components/JumpLinks/jump-links.css +0 -1
  59. package/components/Label/label-group.css +0 -1
  60. package/components/Label/label.css +0 -1
  61. package/components/List/list.css +0 -1
  62. package/components/Login/login.css +0 -9
  63. package/components/Masthead/masthead.css +0 -1
  64. package/components/Menu/menu.css +0 -1
  65. package/components/MenuToggle/menu-toggle.css +66 -56
  66. package/components/MenuToggle/menu-toggle.scss +76 -65
  67. package/components/ModalBox/modal-box.css +0 -2
  68. package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  69. package/components/Nav/nav.css +0 -1
  70. package/components/NotificationDrawer/notification-drawer.css +0 -1
  71. package/components/NumberInput/number-input.css +0 -1
  72. package/components/OverflowMenu/overflow-menu.css +0 -1
  73. package/components/Page/page.css +10 -10
  74. package/components/Page/page.scss +11 -8
  75. package/components/Pagination/pagination.css +31 -20
  76. package/components/Pagination/pagination.scss +35 -23
  77. package/components/Panel/panel.css +0 -1
  78. package/components/Popover/popover.css +0 -1
  79. package/components/Progress/progress.css +0 -1
  80. package/components/ProgressStepper/progress-stepper.css +0 -2
  81. package/components/Radio/radio.css +0 -1
  82. package/components/Sidebar/sidebar.css +0 -1
  83. package/components/SimpleList/simple-list.css +0 -1
  84. package/components/Skeleton/skeleton.css +0 -1
  85. package/components/SkipToContent/skip-to-content.css +0 -1
  86. package/components/Slider/slider.css +0 -1
  87. package/components/Spinner/spinner.css +0 -1
  88. package/components/Switch/switch.css +0 -1
  89. package/components/TabContent/tab-content.css +0 -1
  90. package/components/Table/table-grid.css +9 -5
  91. package/components/Table/table-grid.scss +5 -4
  92. package/components/Table/table-scrollable.css +0 -1
  93. package/components/Table/table-tree-view.css +0 -1
  94. package/components/Table/table.css +6 -6
  95. package/components/Table/table.scss +6 -5
  96. package/components/Tabs/tabs.css +0 -1
  97. package/components/TextInputGroup/text-input-group.css +2 -3
  98. package/components/TextInputGroup/text-input-group.scss +2 -2
  99. package/components/Tile/tile.css +0 -1
  100. package/components/Timestamp/timestamp.css +0 -1
  101. package/components/Title/title.css +0 -1
  102. package/components/ToggleGroup/toggle-group.css +0 -1
  103. package/components/Toolbar/toolbar.css +0 -1
  104. package/components/Tooltip/tooltip.css +0 -1
  105. package/components/TreeView/tree-view.css +0 -1
  106. package/components/Truncate/truncate.css +0 -1
  107. package/components/Wizard/wizard.css +0 -2
  108. package/components/_index.css +172 -240
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  111. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  112. package/docs/components/Content/examples/Content.md +188 -204
  113. package/docs/components/DataList/examples/DataList.md +187 -221
  114. package/docs/components/DragDrop/examples/DragDrop.md +0 -1
  115. package/docs/components/FileUpload/examples/FileUpload.md +11 -7
  116. package/docs/components/Form/examples/Form.md +4 -2
  117. package/docs/components/FormControl/examples/FormControl.md +10 -10
  118. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  119. package/docs/components/Login/examples/Login.md +6 -6
  120. package/docs/components/MenuToggle/examples/MenuToggle.md +140 -139
  121. package/docs/components/Pagination/examples/Pagination.md +12 -12
  122. package/docs/components/Table/examples/Table.md +1 -1
  123. package/docs/components/Toolbar/examples/Toolbar.md +37 -37
  124. package/docs/demos/Card/examples/Card.md +4 -4
  125. package/docs/demos/CardView/examples/CardView.md +10 -4
  126. package/docs/demos/Dashboard/examples/Dashboard.md +8 -2
  127. package/docs/demos/DataList/examples/DataList.md +37 -13
  128. package/docs/demos/Masthead/examples/Masthead.md +5 -5
  129. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +425 -435
  130. package/docs/demos/Page/examples/Page.md +2 -2
  131. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -18
  132. package/docs/demos/Table/examples/Table.md +235 -91
  133. package/docs/demos/Tabs/examples/Tabs.md +1 -1
  134. package/docs/demos/Toolbar/examples/Toolbar.md +42 -30
  135. package/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  136. package/layouts/Bullseye/bullseye.css +0 -1
  137. package/layouts/Flex/flex.css +0 -1
  138. package/layouts/Gallery/gallery.css +0 -1
  139. package/layouts/Grid/grid.css +0 -1
  140. package/layouts/Level/level.css +0 -1
  141. package/layouts/Split/split.css +0 -1
  142. package/layouts/Stack/stack.css +0 -1
  143. package/layouts/_index.css +0 -7
  144. package/package.json +5 -5
  145. package/patternfly-base-no-globals.css +84 -62
  146. package/patternfly-base.css +99 -62
  147. package/patternfly-charts.css +2 -2
  148. package/patternfly-charts.scss +2 -2
  149. package/patternfly-no-globals.css +256 -309
  150. package/patternfly.css +271 -309
  151. package/patternfly.min.css +1 -1
  152. package/patternfly.min.css.map +1 -1
  153. package/sass-utilities/mixins.scss +3 -3
  154. package/assets/images/PF-Masthead-Logo.svg +0 -1
  155. package/assets/images/background-filter.svg +0 -17
  156. package/assets/images/g_sizing.png +0 -0
  157. package/assets/images/img_avatar-dark.svg +0 -22
  158. package/assets/images/img_avatar.svg +0 -21
  159. package/assets/images/l_pf-reverse-164x11.png +0 -0
  160. package/assets/images/l_pf-reverse.svg +0 -1
  161. package/assets/images/logo-dropbox-old.svg +0 -1
  162. package/assets/images/logo-dropbox.svg +0 -6
  163. package/assets/images/logo-facebook.svg +0 -4
  164. package/assets/images/logo-github.svg +0 -4
  165. package/assets/images/logo-gitlab.svg +0 -4
  166. package/assets/images/logo-google.svg +0 -4
  167. package/assets/images/logo-google2.svg +0 -10
  168. package/assets/images/logo__pf--reverse--base.png +0 -0
  169. package/assets/images/logo__pf--reverse--base.svg +0 -40
  170. package/assets/images/logo__pf--reverse-on-md.svg +0 -40
  171. package/assets/images/pf-c-brand__logo-base.jpg +0 -0
  172. package/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  173. package/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  174. package/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  175. package/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  176. package/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  177. package/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  178. package/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  179. package/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  180. package/assets/images/pf-c-brand__logo.svg +0 -10
  181. package/assets/images/pf-logo.svg +0 -28
  182. package/assets/images/pf_logo.svg +0 -37
  183. package/assets/images/pf_logo_color.svg +0 -22
  184. package/assets/images/pf_logo_white.svg +0 -37
  185. package/assets/images/pf_mini_logo_white.svg +0 -1
  186. package/assets/images/pfbg_1200.jpg +0 -0
  187. package/assets/images/pfbg_2000.jpg +0 -0
  188. package/assets/images/pfbg_576.jpg +0 -0
  189. package/assets/images/pfbg_576@2x.jpg +0 -0
  190. package/assets/images/pfbg_768.jpg +0 -0
  191. package/assets/images/pfbg_768@2x.jpg +0 -0
  192. package/assets/images/pfbg_992.jpg +0 -0
  193. package/assets/images/pfbg_992@2x.jpg +0 -0
  194. package/assets/images/status-icon-sprite.svg +0 -38
@@ -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);
@@ -5166,7 +5116,8 @@ ul) {
5166
5116
  --pf-v6-c-drawer__panel--MinWidth: 50%;
5167
5117
  --pf-v6-c-drawer__panel--MaxHeight: auto;
5168
5118
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
5169
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5119
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5120
+ --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5170
5121
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
5171
5122
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
5172
5123
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -5263,11 +5214,9 @@ ul) {
5263
5214
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
5264
5215
  }
5265
5216
  @media screen and (min-width: 75rem) {
5266
- :root,
5267
5217
  .pf-v6-c-drawer {
5268
5218
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
5269
5219
  }
5270
- :root.pf-m-panel-bottom,
5271
5220
  .pf-v6-c-drawer.pf-m-panel-bottom {
5272
5221
  --pf-v6-c-drawer__panel--MinWidth: auto;
5273
5222
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
@@ -5290,6 +5239,9 @@ ul) {
5290
5239
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
5291
5240
  }
5292
5241
 
5242
+ .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
5243
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
5244
+ }
5293
5245
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
5294
5246
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
5295
5247
  }
@@ -5494,10 +5446,6 @@ ul) {
5494
5446
  flex: 1 1;
5495
5447
  }
5496
5448
 
5497
- .pf-v6-c-drawer__body > .pf-v6-c-page__main {
5498
- height: 100%;
5499
- }
5500
-
5501
5449
  .pf-v6-c-drawer__splitter {
5502
5450
  position: relative;
5503
5451
  display: none;
@@ -5995,7 +5943,6 @@ ul) {
5995
5943
  display: none;
5996
5944
  }
5997
5945
  }
5998
- :root,
5999
5946
  .pf-v6-c-empty-state {
6000
5947
  --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
6001
5948
  --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -6034,7 +5981,7 @@ ul) {
6034
5981
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
6035
5982
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
6036
5983
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
6037
- --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);
6038
5985
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
6039
5986
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
6040
5987
  --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -6135,7 +6082,6 @@ ul) {
6135
6082
  justify-content: center;
6136
6083
  }
6137
6084
 
6138
- :root,
6139
6085
  .pf-v6-c-expandable-section {
6140
6086
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
6141
6087
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -6217,7 +6163,6 @@ ul) {
6217
6163
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6218
6164
  }
6219
6165
 
6220
- :root,
6221
6166
  .pf-v6-c-file-upload {
6222
6167
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6223
6168
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -6275,9 +6220,8 @@ ul) {
6275
6220
  transform: translate(-50%, -50%);
6276
6221
  }
6277
6222
 
6278
- :root,
6279
6223
  .pf-v6-c-form {
6280
- --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);
6281
6225
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
6282
6226
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
6283
6227
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
@@ -6790,7 +6734,6 @@ ul) {
6790
6734
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
6791
6735
  }
6792
6736
 
6793
- :root,
6794
6737
  .pf-v6-c-form-control {
6795
6738
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6796
6739
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -6854,6 +6797,10 @@ ul) {
6854
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));
6855
6798
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
6856
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));
6857
6804
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
6858
6805
  --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6859
6806
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -6909,18 +6856,33 @@ ul) {
6909
6856
  background-color: transparent;
6910
6857
  border: none;
6911
6858
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
6859
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
6912
6860
  -moz-appearance: none;
6913
6861
  -webkit-appearance: none;
6914
6862
  }
6915
- .pf-v6-c-form-control > :is(input, select, textarea):focus {
6916
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
6917
- }
6918
6863
  .pf-v6-c-form-control > ::placeholder {
6919
6864
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
6920
6865
  }
6921
6866
  .pf-v6-c-form-control > :is(input, select) {
6922
6867
  text-overflow: ellipsis;
6923
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
+ }
6924
6886
  .pf-v6-c-form-control.pf-m-readonly {
6925
6887
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
6926
6888
  --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
@@ -7063,7 +7025,6 @@ select ~ .pf-v6-c-form-control__utilities {
7063
7025
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
7064
7026
  }
7065
7027
 
7066
- :root,
7067
7028
  .pf-v6-c-hint {
7068
7029
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7069
7030
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -7139,7 +7100,6 @@ select ~ .pf-v6-c-form-control__utilities {
7139
7100
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7140
7101
  }
7141
7102
 
7142
- :root,
7143
7103
  .pf-v6-c-helper-text {
7144
7104
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
7145
7105
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -7212,7 +7172,6 @@ select ~ .pf-v6-c-form-control__utilities {
7212
7172
  color: var(--pf-v6-c-helper-text__item-text--Color);
7213
7173
  }
7214
7174
 
7215
- :root,
7216
7175
  .pf-v6-c-icon {
7217
7176
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
7218
7177
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -7469,7 +7428,6 @@ select ~ .pf-v6-c-form-control__utilities {
7469
7428
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7470
7429
  }
7471
7430
 
7472
- :root,
7473
7431
  .pf-v6-c-inline-edit {
7474
7432
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
7475
7433
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
@@ -7553,7 +7511,6 @@ select ~ .pf-v6-c-form-control__utilities {
7553
7511
  display: none;
7554
7512
  }
7555
7513
 
7556
- :root,
7557
7514
  .pf-v6-c-input-group {
7558
7515
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
7559
7516
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
@@ -7627,7 +7584,6 @@ label.pf-v6-c-input-group__text {
7627
7584
  cursor: pointer;
7628
7585
  }
7629
7586
 
7630
- :root,
7631
7587
  .pf-v6-c-jump-links {
7632
7588
  --pf-v6-c-jump-links__list--Display: flex;
7633
7589
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
@@ -7874,7 +7830,6 @@ label.pf-v6-c-input-group__text {
7874
7830
  scale: -1 1;
7875
7831
  }
7876
7832
 
7877
- :root,
7878
7833
  .pf-v6-c-label {
7879
7834
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7880
7835
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -8369,7 +8324,6 @@ input.pf-v6-c-label__content {
8369
8324
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
8370
8325
  }
8371
8326
 
8372
- :root,
8373
8327
  .pf-v6-c-label-group {
8374
8328
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8375
8329
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -8505,7 +8459,6 @@ input.pf-v6-c-label__content {
8505
8459
  display: none;
8506
8460
  }
8507
8461
 
8508
- :root,
8509
8462
  .pf-v6-c-list {
8510
8463
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8511
8464
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
@@ -8577,7 +8530,6 @@ ul.pf-v6-c-list {
8577
8530
  color: var(--pf-v6-c-list__item-icon--Color);
8578
8531
  }
8579
8532
 
8580
- :root,
8581
8533
  .pf-v6-c-login {
8582
8534
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8583
8535
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -8634,33 +8586,28 @@ ul.pf-v6-c-list {
8634
8586
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8635
8587
  }
8636
8588
  @media (min-width: 75rem) {
8637
- :root,
8638
8589
  .pf-v6-c-login {
8639
8590
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
8640
8591
  }
8641
8592
  }
8642
8593
  @media (min-width: 36rem) {
8643
- :root,
8644
8594
  .pf-v6-c-login {
8645
8595
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
8646
8596
  --pf-v6-c-login__header--PaddingInlineStart: 0;
8647
8597
  }
8648
8598
  }
8649
8599
  @media (min-width: 75rem) {
8650
- :root,
8651
8600
  .pf-v6-c-login {
8652
8601
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
8653
8602
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
8654
8603
  }
8655
8604
  }
8656
8605
  @media (min-width: 75rem) {
8657
- :root,
8658
8606
  .pf-v6-c-login {
8659
8607
  --pf-v6-c-login__main--MarginBlockEnd: 0;
8660
8608
  }
8661
8609
  }
8662
8610
  @media (min-width: 48rem) {
8663
- :root,
8664
8611
  .pf-v6-c-login {
8665
8612
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
8666
8613
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
@@ -8668,21 +8615,18 @@ ul.pf-v6-c-list {
8668
8615
  }
8669
8616
  }
8670
8617
  @media (min-width: 48rem) {
8671
- :root,
8672
8618
  .pf-v6-c-login {
8673
8619
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
8674
8620
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
8675
8621
  }
8676
8622
  }
8677
8623
  @media (min-width: 36rem) {
8678
- :root,
8679
8624
  .pf-v6-c-login {
8680
8625
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
8681
8626
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
8682
8627
  }
8683
8628
  }
8684
8629
  @media (min-width: 75rem) {
8685
- :root,
8686
8630
  .pf-v6-c-login {
8687
8631
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
8688
8632
  }
@@ -8838,7 +8782,6 @@ ul.pf-v6-c-list {
8838
8782
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
8839
8783
  }
8840
8784
 
8841
- :root,
8842
8785
  .pf-v6-c-masthead {
8843
8786
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
8844
8787
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -9374,7 +9317,6 @@ ul.pf-v6-c-list {
9374
9317
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9375
9318
  }
9376
9319
 
9377
- :root,
9378
9320
  .pf-v6-c-menu {
9379
9321
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
9380
9322
  --pf-v6-c-menu--Width: auto;
@@ -9956,9 +9898,8 @@ ul.pf-v6-c-list {
9956
9898
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
9957
9899
  }
9958
9900
 
9959
- :root,
9960
9901
  .pf-v6-c-menu-toggle {
9961
- --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);
9962
9903
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
9963
9904
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
9964
9905
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -10023,26 +9964,30 @@ ul.pf-v6-c-list {
10023
9964
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
10024
9965
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
10025
9966
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
10026
- --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));
10027
9967
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
10028
9968
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
10029
9969
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
10030
9970
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
10031
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
10032
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
10033
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-t--global--border--radius--pill);
10034
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
10035
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
10036
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
10037
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
10038
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
10039
- --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);
10040
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);
10041
9984
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
10042
9985
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
10043
9986
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
10044
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));
10045
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);
10046
9991
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10047
9992
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10048
9993
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -10050,14 +9995,15 @@ ul.pf-v6-c-list {
10050
9995
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
10051
9996
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
10052
9997
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
10053
- --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);
10054
10001
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
10055
10002
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
10056
10003
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
10057
10004
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
10058
10005
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
10059
10006
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
10060
- --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
10061
10007
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
10062
10008
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
10063
10009
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -10066,12 +10012,13 @@ ul.pf-v6-c-list {
10066
10012
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
10067
10013
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
10068
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);
10069
10016
  }
10070
10017
 
10071
10018
  .pf-v6-c-menu-toggle {
10072
10019
  position: relative;
10073
10020
  display: inline-flex;
10074
- column-gap: var(--pf-v6-c-menu-toggle--ColumnGap);
10021
+ gap: var(--pf-v6-c-menu-toggle--Gap);
10075
10022
  align-items: center;
10076
10023
  justify-content: center;
10077
10024
  min-width: var(--pf-v6-c-menu-toggle--MinWidth);
@@ -10157,6 +10104,8 @@ ul.pf-v6-c-list {
10157
10104
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
10158
10105
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
10159
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);
10160
10109
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
10161
10110
  }
10162
10111
  .pf-v6-c-menu-toggle.pf-m-plain::before {
@@ -10185,9 +10134,6 @@ ul.pf-v6-c-list {
10185
10134
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
10186
10135
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
10187
10136
  }
10188
- .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
10189
- background-color: transparent;
10190
- }
10191
10137
  .pf-v6-c-menu-toggle.pf-m-success {
10192
10138
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
10193
10139
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
@@ -10216,7 +10162,8 @@ ul.pf-v6-c-list {
10216
10162
  }
10217
10163
 
10218
10164
  .pf-v6-c-menu-toggle.pf-m-split-button {
10219
- --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);
10220
10167
  padding: 0;
10221
10168
  }
10222
10169
  .pf-v6-c-menu-toggle.pf-m-split-button > * {
@@ -10235,7 +10182,6 @@ ul.pf-v6-c-list {
10235
10182
  border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
10236
10183
  }
10237
10184
  .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
10238
- --pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
10239
10185
  --pf-v6-c-check__label--Color: currentcolor;
10240
10186
  --pf-v6-c-check__label--disabled--Color: currentcolor;
10241
10187
  align-items: center;
@@ -10245,49 +10191,51 @@ ul.pf-v6-c-list {
10245
10191
  --pf-v6-c-check__input--TranslateY: 0;
10246
10192
  align-self: center;
10247
10193
  }
10248
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-plain {
10249
- --pf-v6-c-menu-toggle--BorderColor: transparent;
10250
- }
10251
-
10252
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
10253
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
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
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
10256
- 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);
10257
- }
10258
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
10259
- padding-inline-end: 0;
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);
10260
10199
  }
10261
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
10262
- --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);
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);
10263
10203
  }
10264
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
10265
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
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);
10266
10207
  }
10267
- .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) {
10268
- --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);
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);
10269
10210
  }
10270
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
10271
- --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);
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);
10272
10213
  }
10273
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
10274
- --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);
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);
10275
10218
  }
10276
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
10277
- --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);
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);
10278
10223
  }
10279
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
10280
- content: none;
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);
10281
10226
  }
10282
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
10283
- --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 {
10284
10229
  color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
10285
10230
  background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
10286
10231
  }
10232
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
10233
+ content: none;
10234
+ }
10287
10235
 
10288
10236
  .pf-v6-c-menu-toggle.pf-m-typeahead {
10289
10237
  --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
10290
- --pf-v6-c-menu-toggle--ColumnGap: 0;
10238
+ --pf-v6-c-menu-toggle--Gap: 0;
10291
10239
  align-items: stretch;
10292
10240
  padding: 0;
10293
10241
  }
@@ -10305,6 +10253,7 @@ ul.pf-v6-c-list {
10305
10253
  }
10306
10254
 
10307
10255
  .pf-v6-c-menu-toggle__button {
10256
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
10308
10257
  align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
10309
10258
  min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
10310
10259
  padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
@@ -10313,13 +10262,13 @@ ul.pf-v6-c-list {
10313
10262
  background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
10314
10263
  border: 0;
10315
10264
  }
10316
- .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
10317
- padding-inline-start: 0;
10318
- }
10319
10265
  .pf-v6-c-menu-toggle__button.pf-m-text {
10320
10266
  display: inline-flex;
10321
10267
  align-items: baseline;
10322
- 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);
10323
10272
  }
10324
10273
 
10325
10274
  .pf-v6-c-menu-toggle__text {
@@ -10334,7 +10283,6 @@ ul.pf-v6-c-list {
10334
10283
  flex-wrap: nowrap;
10335
10284
  }
10336
10285
 
10337
- .pf-v6-c-menu-toggle__icon,
10338
10286
  .pf-v6-c-menu-toggle__controls,
10339
10287
  .pf-v6-c-menu-toggle__toggle-icon {
10340
10288
  display: flex;
@@ -10344,11 +10292,16 @@ ul.pf-v6-c-list {
10344
10292
 
10345
10293
  .pf-v6-c-menu-toggle__icon {
10346
10294
  flex-shrink: 0;
10347
- 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);
10348
10301
  }
10349
10302
 
10350
10303
  .pf-v6-c-menu-toggle__controls {
10351
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
10304
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
10352
10305
  margin-inline-start: auto;
10353
10306
  }
10354
10307
 
@@ -10358,11 +10311,9 @@ ul.pf-v6-c-list {
10358
10311
  }
10359
10312
 
10360
10313
  .pf-v6-c-menu-toggle__status-icon {
10361
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
10362
10314
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
10363
10315
  }
10364
10316
 
10365
- :root,
10366
10317
  .pf-v6-c-modal-box {
10367
10318
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10368
10319
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
@@ -10416,7 +10367,6 @@ ul.pf-v6-c-list {
10416
10367
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
10417
10368
  }
10418
10369
  @media (min-width: 75rem) {
10419
- :root,
10420
10370
  .pf-v6-c-modal-box {
10421
10371
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
10422
10372
  }
@@ -10569,7 +10519,6 @@ ul.pf-v6-c-list {
10569
10519
  }
10570
10520
  }
10571
10521
 
10572
- :root,
10573
10522
  .pf-v6-c-multiple-file-upload {
10574
10523
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
10575
10524
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
@@ -10780,7 +10729,6 @@ ul.pf-v6-c-list {
10780
10729
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
10781
10730
  }
10782
10731
 
10783
- :root,
10784
10732
  .pf-v6-c-nav {
10785
10733
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10786
10734
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -11089,7 +11037,6 @@ ul.pf-v6-c-list {
11089
11037
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
11090
11038
  }
11091
11039
 
11092
- :root,
11093
11040
  .pf-v6-c-notification-drawer {
11094
11041
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11095
11042
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -11365,7 +11312,6 @@ ul.pf-v6-c-list {
11365
11312
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
11366
11313
  }
11367
11314
 
11368
- :root,
11369
11315
  .pf-v6-c-overflow-menu {
11370
11316
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
11371
11317
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -11403,13 +11349,13 @@ ul.pf-v6-c-list {
11403
11349
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11404
11350
  }
11405
11351
 
11406
- :root,
11407
11352
  .pf-v6-c-page {
11408
11353
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11409
11354
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
11410
11355
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
11411
11356
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
11412
11357
  --pf-v6-c-page__sidebar--Width: 18.125rem;
11358
+ --pf-v6-c-page__sidebar--xl--Width: auto;
11413
11359
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11414
11360
  --pf-v6-c-page__sidebar--BoxShadow: none;
11415
11361
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -11418,7 +11364,7 @@ ul.pf-v6-c-list {
11418
11364
  --pf-v6-c-page__sidebar--TranslateZ: 0;
11419
11365
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
11420
11366
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
11421
- --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
11367
+ --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
11422
11368
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11423
11369
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
11424
11370
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
@@ -11431,7 +11377,7 @@ ul.pf-v6-c-list {
11431
11377
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
11432
11378
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
11433
11379
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
11434
- --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);
11435
11381
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
11436
11382
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
11437
11383
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
@@ -11444,8 +11390,8 @@ ul.pf-v6-c-list {
11444
11390
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11445
11391
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
11446
11392
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
11447
- --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
11448
- --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;
11449
11395
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
11450
11396
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
11451
11397
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -11485,7 +11431,6 @@ ul.pf-v6-c-list {
11485
11431
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11486
11432
  }
11487
11433
  @media screen and (min-width: 75rem) {
11488
- :root,
11489
11434
  .pf-v6-c-page {
11490
11435
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
11491
11436
  }
@@ -11503,6 +11448,7 @@ ul.pf-v6-c-list {
11503
11448
  }
11504
11449
  @media (min-width: 75rem) {
11505
11450
  .pf-v6-c-page {
11451
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
11506
11452
  grid-template-areas: "header header" "sidebar main";
11507
11453
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
11508
11454
  }
@@ -12012,14 +11958,13 @@ ul.pf-v6-c-list {
12012
11958
  flex-shrink: 0;
12013
11959
  }
12014
11960
 
12015
- .pf-v6-c-page__drawer {
12016
- grid-area: main;
11961
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
11962
+ align-self: revert;
12017
11963
  }
12018
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
12019
- flex: 1 0 auto;
11964
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
11965
+ flex-grow: 1;
12020
11966
  }
12021
11967
 
12022
- :root,
12023
11968
  .pf-v6-c-pagination {
12024
11969
  --pf-v6-c-pagination--inset: 0;
12025
11970
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -12039,17 +11984,23 @@ ul.pf-v6-c-list {
12039
11984
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12040
11985
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12041
11986
  --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
12042
- --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12043
11987
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12044
11988
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12045
- --pf-v6-c-pagination--m-sticky--ZIndex: 100;
11989
+ --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11990
+ --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
12046
11991
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
12047
11992
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12048
11993
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12049
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12050
- --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12051
- --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12052
11994
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
11995
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
11996
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11997
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11998
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
11999
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12000
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
12001
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
12002
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12003
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12053
12004
  --pf-v6-c-pagination__page-menu--Display--base: block;
12054
12005
  --pf-v6-c-pagination__page-menu--Display: none;
12055
12006
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -12058,7 +12009,6 @@ ul.pf-v6-c-list {
12058
12009
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12059
12010
  }
12060
12011
  @media screen and (min-width: 48rem) {
12061
- :root,
12062
12012
  .pf-v6-c-pagination {
12063
12013
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
12064
12014
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -12067,7 +12017,6 @@ ul.pf-v6-c-list {
12067
12017
  }
12068
12018
  }
12069
12019
  @media screen and (min-width: 75rem) {
12070
- :root,
12071
12020
  .pf-v6-c-pagination {
12072
12021
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
12073
12022
  }
@@ -12091,17 +12040,13 @@ ul.pf-v6-c-list {
12091
12040
  position: sticky;
12092
12041
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
12093
12042
  justify-content: center;
12094
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--PaddingInlineStart);
12095
- padding-inline-end: var(--pf-v6-c-pagination--m-bottom--PaddingInlineEnd);
12043
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
12044
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
12045
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
12046
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
12096
12047
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
12097
12048
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
12098
12049
  }
12099
- .pf-v6-c-pagination.pf-m-bottom.pf-m-static {
12100
- --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
12101
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
12102
- position: relative;
12103
- box-shadow: none;
12104
- }
12105
12050
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12106
12051
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
12107
12052
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -12123,6 +12068,10 @@ ul.pf-v6-c-list {
12123
12068
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
12124
12069
  position: relative;
12125
12070
  justify-content: flex-end;
12071
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
12072
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
12073
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
12074
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
12126
12075
  }
12127
12076
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12128
12077
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -12140,15 +12089,23 @@ ul.pf-v6-c-list {
12140
12089
  flex-basis: auto;
12141
12090
  }
12142
12091
  }
12092
+ .pf-v6-c-pagination.pf-m-static {
12093
+ position: relative;
12094
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
12095
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
12096
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
12097
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
12098
+ box-shadow: none;
12099
+ }
12143
12100
  .pf-v6-c-pagination.pf-m-sticky {
12144
12101
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12145
12102
  position: sticky;
12146
12103
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
12147
12104
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
12148
- padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
12149
- padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
12150
- padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
12151
- padding-inline-end: var(--pf-v6-c-pagination--m-sticky--PaddingInlineEnd);
12105
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
12106
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
12107
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
12108
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
12152
12109
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
12153
12110
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
12154
12111
  }
@@ -12369,7 +12326,6 @@ ul.pf-v6-c-list {
12369
12326
  }
12370
12327
  }
12371
12328
 
12372
- :root,
12373
12329
  .pf-v6-c-panel {
12374
12330
  --pf-v6-c-panel--Width: auto;
12375
12331
  --pf-v6-c-panel--MinWidth: auto;
@@ -12467,7 +12423,6 @@ ul.pf-v6-c-list {
12467
12423
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
12468
12424
  }
12469
12425
 
12470
- :root,
12471
12426
  .pf-v6-c-popover {
12472
12427
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
12473
12428
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -12670,7 +12625,6 @@ ul.pf-v6-c-list {
12670
12625
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
12671
12626
  }
12672
12627
 
12673
- :root,
12674
12628
  .pf-v6-c-progress {
12675
12629
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12676
12630
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
@@ -12835,7 +12789,6 @@ ul.pf-v6-c-list {
12835
12789
  font-variant-numeric: tabular-nums;
12836
12790
  }
12837
12791
 
12838
- :root,
12839
12792
  .pf-v6-c-progress-stepper {
12840
12793
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
12841
12794
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -12957,7 +12910,6 @@ ul.pf-v6-c-list {
12957
12910
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
12958
12911
  }
12959
12912
  @media screen and (min-width: 48rem) {
12960
- :root,
12961
12913
  .pf-v6-c-progress-stepper {
12962
12914
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
12963
12915
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -13447,7 +13399,6 @@ ul.pf-v6-c-list {
13447
13399
  }
13448
13400
  }
13449
13401
 
13450
- :root,
13451
13402
  .pf-v6-c-radio {
13452
13403
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
13453
13404
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -13529,7 +13480,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13529
13480
  cursor: not-allowed;
13530
13481
  }
13531
13482
 
13532
- :root,
13533
13483
  .pf-v6-c-sidebar {
13534
13484
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
13535
13485
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -13874,7 +13824,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13874
13824
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
13875
13825
  }
13876
13826
  }
13877
- :root,
13878
13827
  .pf-v6-c-simple-list {
13879
13828
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
13880
13829
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -13945,7 +13894,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13945
13894
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
13946
13895
  }
13947
13896
 
13948
- :root,
13949
13897
  .pf-v6-c-skeleton {
13950
13898
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13951
13899
  --pf-v6-c-skeleton--Width: auto;
@@ -14111,7 +14059,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14111
14059
  transform: translateX(100%);
14112
14060
  }
14113
14061
  }
14114
- :root,
14115
14062
  .pf-v6-c-skip-to-content {
14116
14063
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14117
14064
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -14128,7 +14075,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14128
14075
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14129
14076
  }
14130
14077
 
14131
- :root,
14132
14078
  .pf-v6-c-slider {
14133
14079
  --pf-v6-c-slider--value: 0;
14134
14080
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -14350,7 +14296,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14350
14296
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
14351
14297
  }
14352
14298
 
14353
- :root,
14354
14299
  .pf-v6-c-spinner {
14355
14300
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14356
14301
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -14427,7 +14372,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14427
14372
  transform: rotate(720deg);
14428
14373
  }
14429
14374
  }
14430
- :root,
14431
14375
  .pf-v6-c-switch {
14432
14376
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
14433
14377
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -14576,7 +14520,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14576
14520
  vertical-align: top;
14577
14521
  }
14578
14522
 
14579
- :root,
14580
14523
  .pf-v6-c-tab-content {
14581
14524
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
14582
14525
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
@@ -14622,7 +14565,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14622
14565
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
14623
14566
  }
14624
14567
 
14625
- :root,
14626
14568
  .pf-v6-c-table {
14627
14569
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
14628
14570
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -14635,9 +14577,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14635
14577
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
14636
14578
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
14637
14579
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
14638
- --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14580
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
14639
14581
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
14640
- --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14582
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
14641
14583
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
14642
14584
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14643
14585
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -14667,8 +14609,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14667
14609
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
14668
14610
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14669
14611
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14670
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14671
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14612
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
14613
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
14672
14614
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14673
14615
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
14674
14616
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -14686,6 +14628,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14686
14628
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
14687
14629
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
14688
14630
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
14631
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
14689
14632
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
14690
14633
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
14691
14634
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -14985,6 +14928,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14985
14928
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
14986
14929
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
14987
14930
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
14931
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
14988
14932
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
14989
14933
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
14990
14934
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15287,6 +15231,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15287
15231
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15288
15232
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15289
15233
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
15234
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
15290
15235
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15291
15236
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15292
15237
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15589,6 +15534,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15589
15534
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15590
15535
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15591
15536
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
15537
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
15592
15538
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15593
15539
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15594
15540
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15891,6 +15837,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15891
15837
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15892
15838
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15893
15839
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
15840
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
15894
15841
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15895
15842
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15896
15843
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -16187,7 +16134,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16187
16134
  }
16188
16135
  }
16189
16136
 
16190
- :root,
16191
16137
  .pf-v6-c-table {
16192
16138
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16193
16139
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -16197,7 +16143,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16197
16143
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
16198
16144
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16199
16145
  --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16200
- --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--lg);
16146
+ --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
16201
16147
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
16202
16148
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
16203
16149
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -16215,7 +16161,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16215
16161
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
16216
16162
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
16217
16163
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
16218
- --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
16164
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
16219
16165
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
16220
16166
  --pf-v6-c-table--cell--MinWidth: 0;
16221
16167
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -16444,10 +16390,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16444
16390
  }
16445
16391
  }
16446
16392
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16447
- padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineStart));
16393
+ padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
16448
16394
  }
16449
16395
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
16450
- padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
16396
+ padding-inline-end: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
16451
16397
  }
16452
16398
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
16453
16399
  text-align: center;
@@ -16680,7 +16626,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16680
16626
  .pf-v6-c-table__column-help {
16681
16627
  display: inline-grid;
16682
16628
  grid-template-columns: auto max-content;
16683
- align-items: baseline;
16629
+ align-items: last baseline;
16684
16630
  justify-content: start;
16685
16631
  }
16686
16632
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -16845,6 +16791,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
16845
16791
  }
16846
16792
 
16847
16793
  .pf-v6-c-table__column-help-action {
16794
+ align-self: last baseline;
16848
16795
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
16849
16796
  }
16850
16797
 
@@ -17051,7 +16998,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17051
16998
  --pf-v6-c-table--cell--Width: 100%;
17052
16999
  }
17053
17000
 
17054
- :root,
17055
17001
  .pf-v6-c-table {
17056
17002
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
17057
17003
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -17116,7 +17062,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17116
17062
  overflow: auto;
17117
17063
  }
17118
17064
 
17119
- :root,
17120
17065
  .pf-v6-c-table {
17121
17066
  --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));
17122
17067
  --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));
@@ -17937,7 +17882,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17937
17882
  }
17938
17883
  }
17939
17884
 
17940
- :root,
17941
17885
  .pf-v6-c-tabs {
17942
17886
  --pf-v6-c-tabs--inset: 0;
17943
17887
  --pf-v6-c-tabs--Width: auto;
@@ -18750,7 +18694,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18750
18694
  }
18751
18695
  }
18752
18696
 
18753
- :root,
18754
18697
  .pf-v6-c-text-input-group {
18755
18698
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
18756
18699
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -18792,9 +18735,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18792
18735
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
18793
18736
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
18794
18737
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
18795
- --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
18738
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
18796
18739
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
18797
- --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
18740
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
18798
18741
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
18799
18742
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
18800
18743
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -18952,7 +18895,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18952
18895
  display: flex;
18953
18896
  }
18954
18897
 
18955
- :root,
18956
18898
  .pf-v6-c-tile {
18957
18899
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
18958
18900
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -19056,7 +18998,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19056
18998
  color: var(--pf-v6-c-tile__icon--Color);
19057
18999
  }
19058
19000
 
19059
- :root,
19060
19001
  .pf-v6-c-timestamp {
19061
19002
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
19062
19003
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
@@ -19088,7 +19029,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19088
19029
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
19089
19030
  }
19090
19031
 
19091
- :root,
19092
19032
  .pf-v6-c-title {
19093
19033
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
19094
19034
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -19194,7 +19134,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19194
19134
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
19195
19135
  }
19196
19136
 
19197
- :root,
19198
19137
  .pf-v6-c-toggle-group {
19199
19138
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19200
19139
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -19318,7 +19257,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19318
19257
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
19319
19258
  }
19320
19259
 
19321
- :root,
19322
19260
  .pf-v6-c-toolbar {
19323
19261
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
19324
19262
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -21222,7 +21160,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21222
21160
  display: inline-flex;
21223
21161
  }
21224
21162
  }
21225
- :root,
21226
21163
  .pf-v6-c-tooltip {
21227
21164
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
21228
21165
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -21345,7 +21282,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21345
21282
  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));
21346
21283
  }
21347
21284
 
21348
- :root,
21349
21285
  .pf-v6-c-truncate {
21350
21286
  --pf-v6-c-truncate--MinWidth: 6ch;
21351
21287
  --pf-v6-c-truncate__start--MinWidth: 6ch;
@@ -21392,7 +21328,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21392
21328
  direction: rtl;
21393
21329
  }
21394
21330
  }
21395
- :root,
21396
21331
  .pf-v6-c-number-input {
21397
21332
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
21398
21333
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -21432,7 +21367,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21432
21367
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
21433
21368
  }
21434
21369
 
21435
- :root,
21436
21370
  .pf-v6-c-tree-view {
21437
21371
  --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));
21438
21372
  --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));
@@ -21886,7 +21820,6 @@ label.pf-v6-c-tree-view__node-text {
21886
21820
  --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));
21887
21821
  }
21888
21822
 
21889
- :root,
21890
21823
  .pf-v6-c-wizard {
21891
21824
  --pf-v6-c-wizard--Height: initial;
21892
21825
  --pf-v6-c-wizard--Height--base: 100%;
@@ -22003,7 +21936,6 @@ label.pf-v6-c-tree-view__node-text {
22003
21936
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
22004
21937
  }
22005
21938
  @media screen and (min-width: 62rem) {
22006
- :root,
22007
21939
  .pf-v6-c-wizard {
22008
21940
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
22009
21941
  --pf-v6-c-wizard__nav--BoxShadow: none;