@patternfly/react-styles 6.0.0-prerelease.4 → 6.0.0-prerelease.6

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 (159) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +0 -7
  3. package/css/components/Accordion/accordion.css +0 -1
  4. package/css/components/ActionList/action-list.css +1 -2
  5. package/css/components/Alert/alert-group.css +0 -1
  6. package/css/components/Alert/alert.css +2 -7
  7. package/css/components/Avatar/avatar.css +0 -1
  8. package/css/components/BackToTop/back-to-top.css +0 -2
  9. package/css/components/Backdrop/backdrop.css +0 -1
  10. package/css/components/BackgroundImage/background-image.css +0 -1
  11. package/css/components/Badge/badge.css +0 -1
  12. package/css/components/Banner/banner.css +0 -2
  13. package/css/components/Brand/brand.css +0 -1
  14. package/css/components/Breadcrumb/breadcrumb.css +0 -1
  15. package/css/components/Button/button.css +8 -1
  16. package/css/components/CalendarMonth/calendar-month.css +0 -1
  17. package/css/components/Card/card.css +0 -1
  18. package/css/components/Check/check.css +0 -1
  19. package/css/components/ClipboardCopy/clipboard-copy.css +0 -1
  20. package/css/components/CodeBlock/code-block.css +0 -1
  21. package/css/components/CodeEditor/code-editor.css +0 -1
  22. package/css/components/Content/content.css +2 -3
  23. package/css/components/DataList/data-list.css +4 -16
  24. package/css/components/DataList/data-list.d.ts +0 -1
  25. package/css/components/DataList/data-list.js +0 -1
  26. package/css/components/DataList/data-list.mjs +0 -1
  27. package/css/components/DatePicker/date-picker.css +0 -1
  28. package/css/components/DescriptionList/description-list.css +2 -9
  29. package/css/components/Divider/divider.css +0 -1
  30. package/css/components/DragDrop/drag-drop.css +0 -2
  31. package/css/components/Drawer/drawer.css +5 -8
  32. package/css/components/Drawer/drawer.d.ts +2 -3
  33. package/css/components/Drawer/drawer.js +2 -3
  34. package/css/components/Drawer/drawer.mjs +2 -3
  35. package/css/components/DualListSelector/dual-list-selector.css +0 -1
  36. package/css/components/EmptyState/empty-state.css +1 -2
  37. package/css/components/ExpandableSection/expandable-section.css +0 -1
  38. package/css/components/FileUpload/file-upload.css +0 -1
  39. package/css/components/Form/form.css +1 -2
  40. package/css/components/FormControl/form-control.css +31 -9
  41. package/css/components/FormControl/form-control.d.ts +2 -1
  42. package/css/components/FormControl/form-control.js +2 -1
  43. package/css/components/FormControl/form-control.mjs +2 -1
  44. package/css/components/HelperText/helper-text.css +0 -1
  45. package/css/components/Hint/hint.css +0 -1
  46. package/css/components/Icon/icon.css +0 -1
  47. package/css/components/InlineEdit/inline-edit.css +0 -1
  48. package/css/components/InputGroup/input-group.css +0 -1
  49. package/css/components/JumpLinks/jump-links.css +0 -1
  50. package/css/components/Label/label-group.css +0 -1
  51. package/css/components/Label/label.css +0 -1
  52. package/css/components/List/list.css +0 -1
  53. package/css/components/Login/login.css +0 -9
  54. package/css/components/Masthead/masthead.css +0 -1
  55. package/css/components/Menu/menu.css +0 -1
  56. package/css/components/MenuToggle/menu-toggle.css +66 -56
  57. package/css/components/MenuToggle/menu-toggle.d.ts +4 -2
  58. package/css/components/MenuToggle/menu-toggle.js +4 -2
  59. package/css/components/MenuToggle/menu-toggle.mjs +4 -2
  60. package/css/components/ModalBox/modal-box.css +0 -2
  61. package/css/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  62. package/css/components/Nav/nav.css +0 -1
  63. package/css/components/NotificationDrawer/notification-drawer.css +0 -1
  64. package/css/components/NumberInput/number-input.css +0 -1
  65. package/css/components/OverflowMenu/overflow-menu.css +0 -1
  66. package/css/components/Page/page.css +10 -10
  67. package/css/components/Page/page.d.ts +0 -1
  68. package/css/components/Page/page.js +0 -1
  69. package/css/components/Page/page.mjs +0 -1
  70. package/css/components/Pagination/pagination.css +31 -20
  71. package/css/components/Pagination/pagination.d.ts +1 -1
  72. package/css/components/Pagination/pagination.js +1 -1
  73. package/css/components/Pagination/pagination.mjs +1 -1
  74. package/css/components/Panel/panel.css +0 -1
  75. package/css/components/Popover/popover.css +0 -1
  76. package/css/components/Progress/progress.css +0 -1
  77. package/css/components/ProgressStepper/progress-stepper.css +0 -2
  78. package/css/components/Radio/radio.css +0 -1
  79. package/css/components/Sidebar/sidebar.css +0 -1
  80. package/css/components/SimpleList/simple-list.css +0 -1
  81. package/css/components/Skeleton/skeleton.css +0 -1
  82. package/css/components/SkipToContent/skip-to-content.css +0 -1
  83. package/css/components/Slider/slider.css +0 -1
  84. package/css/components/Spinner/spinner.css +0 -1
  85. package/css/components/Switch/switch.css +0 -1
  86. package/css/components/TabContent/tab-content.css +0 -1
  87. package/css/components/Table/table-grid.css +9 -5
  88. package/css/components/Table/table-scrollable.css +0 -1
  89. package/css/components/Table/table-tree-view.css +0 -1
  90. package/css/components/Table/table.css +6 -6
  91. package/css/components/Tabs/tabs.css +0 -1
  92. package/css/components/TextInputGroup/text-input-group.css +2 -3
  93. package/css/components/Tile/tile.css +0 -1
  94. package/css/components/Timestamp/timestamp.css +0 -1
  95. package/css/components/Title/title.css +0 -1
  96. package/css/components/ToggleGroup/toggle-group.css +0 -1
  97. package/css/components/Toolbar/toolbar.css +0 -1
  98. package/css/components/Tooltip/tooltip.css +0 -1
  99. package/css/components/TreeView/tree-view.css +0 -1
  100. package/css/components/Truncate/truncate.css +0 -1
  101. package/css/components/Wizard/wizard.css +0 -2
  102. package/css/components/_index.css +181 -245
  103. package/css/components/_index.d.ts +3 -3
  104. package/css/components/_index.js +3 -3
  105. package/css/components/_index.mjs +3 -3
  106. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +6 -17
  107. package/css/docs/utilities/BoxShadow/examples/box-shadow.d.ts +2 -1
  108. package/css/docs/utilities/BoxShadow/examples/box-shadow.js +2 -1
  109. package/css/docs/utilities/BoxShadow/examples/box-shadow.mjs +2 -1
  110. package/css/layouts/Bullseye/bullseye.css +0 -1
  111. package/css/layouts/Flex/flex.css +0 -1
  112. package/css/layouts/Gallery/gallery.css +0 -1
  113. package/css/layouts/Grid/grid.css +0 -1
  114. package/css/layouts/Level/level.css +0 -1
  115. package/css/layouts/Split/split.css +0 -1
  116. package/css/layouts/Stack/stack.css +0 -1
  117. package/css/layouts/_index.css +0 -7
  118. package/package.json +3 -3
  119. package/css/assets/images/PF-Masthead-Logo.svg +0 -1
  120. package/css/assets/images/background-filter.svg +0 -17
  121. package/css/assets/images/g_sizing.png +0 -0
  122. package/css/assets/images/img_avatar-dark.svg +0 -22
  123. package/css/assets/images/img_avatar.svg +0 -21
  124. package/css/assets/images/l_pf-reverse-164x11.png +0 -0
  125. package/css/assets/images/l_pf-reverse.svg +0 -1
  126. package/css/assets/images/logo-dropbox-old.svg +0 -1
  127. package/css/assets/images/logo-dropbox.svg +0 -6
  128. package/css/assets/images/logo-facebook.svg +0 -4
  129. package/css/assets/images/logo-github.svg +0 -4
  130. package/css/assets/images/logo-gitlab.svg +0 -4
  131. package/css/assets/images/logo-google.svg +0 -4
  132. package/css/assets/images/logo-google2.svg +0 -10
  133. package/css/assets/images/logo__pf--reverse--base.png +0 -0
  134. package/css/assets/images/logo__pf--reverse--base.svg +0 -40
  135. package/css/assets/images/logo__pf--reverse-on-md.svg +0 -40
  136. package/css/assets/images/pf-c-brand__logo-base.jpg +0 -0
  137. package/css/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  138. package/css/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  139. package/css/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  140. package/css/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  141. package/css/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  142. package/css/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  143. package/css/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  144. package/css/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  145. package/css/assets/images/pf-c-brand__logo.svg +0 -10
  146. package/css/assets/images/pf-logo.svg +0 -28
  147. package/css/assets/images/pf_logo.svg +0 -37
  148. package/css/assets/images/pf_logo_color.svg +0 -22
  149. package/css/assets/images/pf_logo_white.svg +0 -37
  150. package/css/assets/images/pf_mini_logo_white.svg +0 -1
  151. package/css/assets/images/pfbg_1200.jpg +0 -0
  152. package/css/assets/images/pfbg_2000.jpg +0 -0
  153. package/css/assets/images/pfbg_576.jpg +0 -0
  154. package/css/assets/images/pfbg_576@2x.jpg +0 -0
  155. package/css/assets/images/pfbg_768.jpg +0 -0
  156. package/css/assets/images/pfbg_768@2x.jpg +0 -0
  157. package/css/assets/images/pfbg_992.jpg +0 -0
  158. package/css/assets/images/pfbg_992@2x.jpg +0 -0
  159. package/css/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);
@@ -6800,9 +6743,11 @@ ul) {
6800
6743
  --pf-v6-c-form-control--OutlineOffset: -6px;
6801
6744
  --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
6802
6745
  --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
6746
+ --pf-v6-c-form-control--before--BorderStyle: solid;
6803
6747
  --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
6804
6748
  --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6805
6749
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6750
+ --pf-v6-c-form-control--after--BorderStyle: solid;
6806
6751
  --pf-v6-c-form-control--after--BorderColor: transparent;
6807
6752
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6808
6753
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -6824,10 +6769,11 @@ ul) {
6824
6769
  --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
6825
6770
  --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6826
6771
  --pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
6827
- --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
6828
- --pf-v6-c-form-control--m-readonly--BorderColor: transparent;
6772
+ --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
6773
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
6829
6774
  --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
6830
6775
  --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
6776
+ --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
6831
6777
  --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
6832
6778
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
6833
6779
  --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
@@ -6851,6 +6797,10 @@ ul) {
6851
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));
6852
6798
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
6853
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));
6854
6804
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
6855
6805
  --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6856
6806
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -6887,12 +6837,12 @@ ul) {
6887
6837
  }
6888
6838
  .pf-v6-c-form-control::before {
6889
6839
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
6890
- border-style: var(--pf-v6-c-form-control--before--BorderStyle, solid);
6840
+ border-style: var(--pf-v6-c-form-control--before--BorderStyle);
6891
6841
  border-width: var(--pf-v6-c-form-control--before--BorderWidth);
6892
6842
  border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
6893
6843
  }
6894
6844
  .pf-v6-c-form-control::after {
6895
- border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle, solid) var(--pf-v6-c-form-control--after--BorderColor);
6845
+ border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle) var(--pf-v6-c-form-control--after--BorderColor);
6896
6846
  border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
6897
6847
  }
6898
6848
  .pf-v6-c-form-control > :is(input, select, textarea) {
@@ -6906,21 +6856,36 @@ ul) {
6906
6856
  background-color: transparent;
6907
6857
  border: none;
6908
6858
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
6859
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
6909
6860
  -moz-appearance: none;
6910
6861
  -webkit-appearance: none;
6911
6862
  }
6912
- .pf-v6-c-form-control > :is(input, select, textarea):focus {
6913
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
6914
- }
6915
6863
  .pf-v6-c-form-control > ::placeholder {
6916
6864
  color: var(--pf-v6-c-form-control--m-placeholder--Color);
6917
6865
  }
6918
6866
  .pf-v6-c-form-control > :is(input, select) {
6919
6867
  text-overflow: ellipsis;
6920
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
+ }
6921
6886
  .pf-v6-c-form-control.pf-m-readonly {
6922
6887
  --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
6923
- --pf-v6-c-form-control--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
6888
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
6924
6889
  }
6925
6890
  .pf-v6-c-form-control.pf-m-readonly:hover {
6926
6891
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
@@ -6930,6 +6895,7 @@ ul) {
6930
6895
  }
6931
6896
  .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
6932
6897
  --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
6898
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
6933
6899
  --pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
6934
6900
  --pf-v6-c-form-control--before--BorderStyle: none;
6935
6901
  --pf-v6-c-form-control--after--BorderStyle: none;
@@ -7059,7 +7025,6 @@ select ~ .pf-v6-c-form-control__utilities {
7059
7025
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
7060
7026
  }
7061
7027
 
7062
- :root,
7063
7028
  .pf-v6-c-hint {
7064
7029
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7065
7030
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -7135,7 +7100,6 @@ select ~ .pf-v6-c-form-control__utilities {
7135
7100
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7136
7101
  }
7137
7102
 
7138
- :root,
7139
7103
  .pf-v6-c-helper-text {
7140
7104
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
7141
7105
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -7208,7 +7172,6 @@ select ~ .pf-v6-c-form-control__utilities {
7208
7172
  color: var(--pf-v6-c-helper-text__item-text--Color);
7209
7173
  }
7210
7174
 
7211
- :root,
7212
7175
  .pf-v6-c-icon {
7213
7176
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
7214
7177
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -7465,7 +7428,6 @@ select ~ .pf-v6-c-form-control__utilities {
7465
7428
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7466
7429
  }
7467
7430
 
7468
- :root,
7469
7431
  .pf-v6-c-inline-edit {
7470
7432
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
7471
7433
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
@@ -7549,7 +7511,6 @@ select ~ .pf-v6-c-form-control__utilities {
7549
7511
  display: none;
7550
7512
  }
7551
7513
 
7552
- :root,
7553
7514
  .pf-v6-c-input-group {
7554
7515
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
7555
7516
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
@@ -7623,7 +7584,6 @@ label.pf-v6-c-input-group__text {
7623
7584
  cursor: pointer;
7624
7585
  }
7625
7586
 
7626
- :root,
7627
7587
  .pf-v6-c-jump-links {
7628
7588
  --pf-v6-c-jump-links__list--Display: flex;
7629
7589
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
@@ -7870,7 +7830,6 @@ label.pf-v6-c-input-group__text {
7870
7830
  scale: -1 1;
7871
7831
  }
7872
7832
 
7873
- :root,
7874
7833
  .pf-v6-c-label {
7875
7834
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7876
7835
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -8365,7 +8324,6 @@ input.pf-v6-c-label__content {
8365
8324
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
8366
8325
  }
8367
8326
 
8368
- :root,
8369
8327
  .pf-v6-c-label-group {
8370
8328
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8371
8329
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -8501,7 +8459,6 @@ input.pf-v6-c-label__content {
8501
8459
  display: none;
8502
8460
  }
8503
8461
 
8504
- :root,
8505
8462
  .pf-v6-c-list {
8506
8463
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8507
8464
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
@@ -8573,7 +8530,6 @@ ul.pf-v6-c-list {
8573
8530
  color: var(--pf-v6-c-list__item-icon--Color);
8574
8531
  }
8575
8532
 
8576
- :root,
8577
8533
  .pf-v6-c-login {
8578
8534
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8579
8535
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -8630,33 +8586,28 @@ ul.pf-v6-c-list {
8630
8586
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8631
8587
  }
8632
8588
  @media (min-width: 75rem) {
8633
- :root,
8634
8589
  .pf-v6-c-login {
8635
8590
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
8636
8591
  }
8637
8592
  }
8638
8593
  @media (min-width: 36rem) {
8639
- :root,
8640
8594
  .pf-v6-c-login {
8641
8595
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
8642
8596
  --pf-v6-c-login__header--PaddingInlineStart: 0;
8643
8597
  }
8644
8598
  }
8645
8599
  @media (min-width: 75rem) {
8646
- :root,
8647
8600
  .pf-v6-c-login {
8648
8601
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
8649
8602
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
8650
8603
  }
8651
8604
  }
8652
8605
  @media (min-width: 75rem) {
8653
- :root,
8654
8606
  .pf-v6-c-login {
8655
8607
  --pf-v6-c-login__main--MarginBlockEnd: 0;
8656
8608
  }
8657
8609
  }
8658
8610
  @media (min-width: 48rem) {
8659
- :root,
8660
8611
  .pf-v6-c-login {
8661
8612
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
8662
8613
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
@@ -8664,21 +8615,18 @@ ul.pf-v6-c-list {
8664
8615
  }
8665
8616
  }
8666
8617
  @media (min-width: 48rem) {
8667
- :root,
8668
8618
  .pf-v6-c-login {
8669
8619
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
8670
8620
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
8671
8621
  }
8672
8622
  }
8673
8623
  @media (min-width: 36rem) {
8674
- :root,
8675
8624
  .pf-v6-c-login {
8676
8625
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
8677
8626
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
8678
8627
  }
8679
8628
  }
8680
8629
  @media (min-width: 75rem) {
8681
- :root,
8682
8630
  .pf-v6-c-login {
8683
8631
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
8684
8632
  }
@@ -8834,7 +8782,6 @@ ul.pf-v6-c-list {
8834
8782
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
8835
8783
  }
8836
8784
 
8837
- :root,
8838
8785
  .pf-v6-c-masthead {
8839
8786
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
8840
8787
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -9370,7 +9317,6 @@ ul.pf-v6-c-list {
9370
9317
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9371
9318
  }
9372
9319
 
9373
- :root,
9374
9320
  .pf-v6-c-menu {
9375
9321
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
9376
9322
  --pf-v6-c-menu--Width: auto;
@@ -9952,9 +9898,8 @@ ul.pf-v6-c-list {
9952
9898
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
9953
9899
  }
9954
9900
 
9955
- :root,
9956
9901
  .pf-v6-c-menu-toggle {
9957
- --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);
9958
9903
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
9959
9904
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
9960
9905
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -10019,26 +9964,30 @@ ul.pf-v6-c-list {
10019
9964
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
10020
9965
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
10021
9966
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
10022
- --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));
10023
9967
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
10024
9968
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
10025
9969
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
10026
9970
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
10027
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
10028
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
10029
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-t--global--border--radius--pill);
10030
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
10031
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
10032
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
10033
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
10034
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
10035
- --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);
10036
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);
10037
9984
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
10038
9985
  --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
10039
9986
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
10040
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));
10041
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);
10042
9991
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
10043
9992
  --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
10044
9993
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -10046,14 +9995,15 @@ ul.pf-v6-c-list {
10046
9995
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
10047
9996
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
10048
9997
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
10049
- --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);
10050
10001
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
10051
10002
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
10052
10003
  --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
10053
10004
  --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
10054
10005
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
10055
10006
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
10056
- --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
10057
10007
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
10058
10008
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
10059
10009
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -10062,12 +10012,13 @@ ul.pf-v6-c-list {
10062
10012
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
10063
10013
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
10064
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);
10065
10016
  }
10066
10017
 
10067
10018
  .pf-v6-c-menu-toggle {
10068
10019
  position: relative;
10069
10020
  display: inline-flex;
10070
- column-gap: var(--pf-v6-c-menu-toggle--ColumnGap);
10021
+ gap: var(--pf-v6-c-menu-toggle--Gap);
10071
10022
  align-items: center;
10072
10023
  justify-content: center;
10073
10024
  min-width: var(--pf-v6-c-menu-toggle--MinWidth);
@@ -10153,6 +10104,8 @@ ul.pf-v6-c-list {
10153
10104
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
10154
10105
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
10155
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);
10156
10109
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
10157
10110
  }
10158
10111
  .pf-v6-c-menu-toggle.pf-m-plain::before {
@@ -10181,9 +10134,6 @@ ul.pf-v6-c-list {
10181
10134
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
10182
10135
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
10183
10136
  }
10184
- .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
10185
- background-color: transparent;
10186
- }
10187
10137
  .pf-v6-c-menu-toggle.pf-m-success {
10188
10138
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
10189
10139
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
@@ -10212,7 +10162,8 @@ ul.pf-v6-c-list {
10212
10162
  }
10213
10163
 
10214
10164
  .pf-v6-c-menu-toggle.pf-m-split-button {
10215
- --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);
10216
10167
  padding: 0;
10217
10168
  }
10218
10169
  .pf-v6-c-menu-toggle.pf-m-split-button > * {
@@ -10231,7 +10182,6 @@ ul.pf-v6-c-list {
10231
10182
  border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
10232
10183
  }
10233
10184
  .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
10234
- --pf-v6-c-menu-toggle--PaddingInlineEnd: 0;
10235
10185
  --pf-v6-c-check__label--Color: currentcolor;
10236
10186
  --pf-v6-c-check__label--disabled--Color: currentcolor;
10237
10187
  align-items: center;
@@ -10241,49 +10191,51 @@ ul.pf-v6-c-list {
10241
10191
  --pf-v6-c-check__input--TranslateY: 0;
10242
10192
  align-self: center;
10243
10193
  }
10244
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-plain {
10245
- --pf-v6-c-menu-toggle--BorderColor: transparent;
10246
- }
10247
-
10248
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action {
10249
- --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);
10250
10196
  }
10251
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
10252
- 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);
10253
- }
10254
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v6-c-menu-toggle__controls) {
10255
- 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);
10256
10199
  }
10257
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
10258
- --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);
10259
10203
  }
10260
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
10261
- 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);
10262
10207
  }
10263
- .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) {
10264
- --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);
10265
10210
  }
10266
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
10267
- --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);
10268
10213
  }
10269
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
10270
- --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);
10271
10218
  }
10272
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
10273
- --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);
10274
10223
  }
10275
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
10276
- 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);
10277
10226
  }
10278
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
10279
- --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 {
10280
10229
  color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
10281
10230
  background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
10282
10231
  }
10232
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
10233
+ content: none;
10234
+ }
10283
10235
 
10284
10236
  .pf-v6-c-menu-toggle.pf-m-typeahead {
10285
10237
  --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
10286
- --pf-v6-c-menu-toggle--ColumnGap: 0;
10238
+ --pf-v6-c-menu-toggle--Gap: 0;
10287
10239
  align-items: stretch;
10288
10240
  padding: 0;
10289
10241
  }
@@ -10301,6 +10253,7 @@ ul.pf-v6-c-list {
10301
10253
  }
10302
10254
 
10303
10255
  .pf-v6-c-menu-toggle__button {
10256
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
10304
10257
  align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
10305
10258
  min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
10306
10259
  padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
@@ -10309,13 +10262,13 @@ ul.pf-v6-c-list {
10309
10262
  background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
10310
10263
  border: 0;
10311
10264
  }
10312
- .pf-v6-c-menu-toggle__button:has(.pf-v6-c-menu-toggle__controls) {
10313
- padding-inline-start: 0;
10314
- }
10315
10265
  .pf-v6-c-menu-toggle__button.pf-m-text {
10316
10266
  display: inline-flex;
10317
10267
  align-items: baseline;
10318
- 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);
10319
10272
  }
10320
10273
 
10321
10274
  .pf-v6-c-menu-toggle__text {
@@ -10330,7 +10283,6 @@ ul.pf-v6-c-list {
10330
10283
  flex-wrap: nowrap;
10331
10284
  }
10332
10285
 
10333
- .pf-v6-c-menu-toggle__icon,
10334
10286
  .pf-v6-c-menu-toggle__controls,
10335
10287
  .pf-v6-c-menu-toggle__toggle-icon {
10336
10288
  display: flex;
@@ -10340,11 +10292,16 @@ ul.pf-v6-c-list {
10340
10292
 
10341
10293
  .pf-v6-c-menu-toggle__icon {
10342
10294
  flex-shrink: 0;
10343
- 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);
10344
10301
  }
10345
10302
 
10346
10303
  .pf-v6-c-menu-toggle__controls {
10347
- min-width: var(--pf-v6-c-menu-toggle__controls--MinWidth);
10304
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
10348
10305
  margin-inline-start: auto;
10349
10306
  }
10350
10307
 
@@ -10354,11 +10311,9 @@ ul.pf-v6-c-list {
10354
10311
  }
10355
10312
 
10356
10313
  .pf-v6-c-menu-toggle__status-icon {
10357
- margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
10358
10314
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
10359
10315
  }
10360
10316
 
10361
- :root,
10362
10317
  .pf-v6-c-modal-box {
10363
10318
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10364
10319
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
@@ -10412,7 +10367,6 @@ ul.pf-v6-c-list {
10412
10367
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
10413
10368
  }
10414
10369
  @media (min-width: 75rem) {
10415
- :root,
10416
10370
  .pf-v6-c-modal-box {
10417
10371
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
10418
10372
  }
@@ -10565,7 +10519,6 @@ ul.pf-v6-c-list {
10565
10519
  }
10566
10520
  }
10567
10521
 
10568
- :root,
10569
10522
  .pf-v6-c-multiple-file-upload {
10570
10523
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
10571
10524
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
@@ -10776,7 +10729,6 @@ ul.pf-v6-c-list {
10776
10729
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
10777
10730
  }
10778
10731
 
10779
- :root,
10780
10732
  .pf-v6-c-nav {
10781
10733
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10782
10734
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -11085,7 +11037,6 @@ ul.pf-v6-c-list {
11085
11037
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
11086
11038
  }
11087
11039
 
11088
- :root,
11089
11040
  .pf-v6-c-notification-drawer {
11090
11041
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11091
11042
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -11361,7 +11312,6 @@ ul.pf-v6-c-list {
11361
11312
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
11362
11313
  }
11363
11314
 
11364
- :root,
11365
11315
  .pf-v6-c-overflow-menu {
11366
11316
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
11367
11317
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -11399,13 +11349,13 @@ ul.pf-v6-c-list {
11399
11349
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11400
11350
  }
11401
11351
 
11402
- :root,
11403
11352
  .pf-v6-c-page {
11404
11353
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11405
11354
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
11406
11355
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
11407
11356
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
11408
11357
  --pf-v6-c-page__sidebar--Width: 18.125rem;
11358
+ --pf-v6-c-page__sidebar--xl--Width: auto;
11409
11359
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11410
11360
  --pf-v6-c-page__sidebar--BoxShadow: none;
11411
11361
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -11414,7 +11364,7 @@ ul.pf-v6-c-list {
11414
11364
  --pf-v6-c-page__sidebar--TranslateZ: 0;
11415
11365
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
11416
11366
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
11417
- --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
11367
+ --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
11418
11368
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11419
11369
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
11420
11370
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
@@ -11427,7 +11377,7 @@ ul.pf-v6-c-list {
11427
11377
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
11428
11378
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
11429
11379
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
11430
- --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);
11431
11381
  --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
11432
11382
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
11433
11383
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
@@ -11440,8 +11390,8 @@ ul.pf-v6-c-list {
11440
11390
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11441
11391
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
11442
11392
  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
11443
- --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
11444
- --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;
11445
11395
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
11446
11396
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
11447
11397
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -11481,7 +11431,6 @@ ul.pf-v6-c-list {
11481
11431
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11482
11432
  }
11483
11433
  @media screen and (min-width: 75rem) {
11484
- :root,
11485
11434
  .pf-v6-c-page {
11486
11435
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
11487
11436
  }
@@ -11499,6 +11448,7 @@ ul.pf-v6-c-list {
11499
11448
  }
11500
11449
  @media (min-width: 75rem) {
11501
11450
  .pf-v6-c-page {
11451
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
11502
11452
  grid-template-areas: "header header" "sidebar main";
11503
11453
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
11504
11454
  }
@@ -12008,14 +11958,13 @@ ul.pf-v6-c-list {
12008
11958
  flex-shrink: 0;
12009
11959
  }
12010
11960
 
12011
- .pf-v6-c-page__drawer {
12012
- grid-area: main;
11961
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
11962
+ align-self: revert;
12013
11963
  }
12014
- .pf-v6-c-page__drawer > .pf-v6-c-drawer {
12015
- flex: 1 0 auto;
11964
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
11965
+ flex-grow: 1;
12016
11966
  }
12017
11967
 
12018
- :root,
12019
11968
  .pf-v6-c-pagination {
12020
11969
  --pf-v6-c-pagination--inset: 0;
12021
11970
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -12035,17 +11984,23 @@ ul.pf-v6-c-list {
12035
11984
  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12036
11985
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12037
11986
  --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
12038
- --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12039
11987
  --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12040
11988
  --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12041
- --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);
12042
11991
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
12043
11992
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12044
11993
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12045
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12046
- --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12047
- --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12048
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);
12049
12004
  --pf-v6-c-pagination__page-menu--Display--base: block;
12050
12005
  --pf-v6-c-pagination__page-menu--Display: none;
12051
12006
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -12054,7 +12009,6 @@ ul.pf-v6-c-list {
12054
12009
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12055
12010
  }
12056
12011
  @media screen and (min-width: 48rem) {
12057
- :root,
12058
12012
  .pf-v6-c-pagination {
12059
12013
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
12060
12014
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -12063,7 +12017,6 @@ ul.pf-v6-c-list {
12063
12017
  }
12064
12018
  }
12065
12019
  @media screen and (min-width: 75rem) {
12066
- :root,
12067
12020
  .pf-v6-c-pagination {
12068
12021
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
12069
12022
  }
@@ -12087,17 +12040,13 @@ ul.pf-v6-c-list {
12087
12040
  position: sticky;
12088
12041
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
12089
12042
  justify-content: center;
12090
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--PaddingInlineStart);
12091
- 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);
12092
12047
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
12093
12048
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
12094
12049
  }
12095
- .pf-v6-c-pagination.pf-m-bottom.pf-m-static {
12096
- --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
12097
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
12098
- position: relative;
12099
- box-shadow: none;
12100
- }
12101
12050
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12102
12051
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
12103
12052
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -12119,6 +12068,10 @@ ul.pf-v6-c-list {
12119
12068
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
12120
12069
  position: relative;
12121
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);
12122
12075
  }
12123
12076
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12124
12077
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
@@ -12136,15 +12089,23 @@ ul.pf-v6-c-list {
12136
12089
  flex-basis: auto;
12137
12090
  }
12138
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
+ }
12139
12100
  .pf-v6-c-pagination.pf-m-sticky {
12140
12101
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12141
12102
  position: sticky;
12142
12103
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
12143
12104
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
12144
- padding-block-start: var(--pf-v6-c-pagination--m-sticky--PaddingBlockStart);
12145
- padding-block-end: var(--pf-v6-c-pagination--m-sticky--PaddingBlockEnd);
12146
- padding-inline-start: var(--pf-v6-c-pagination--m-sticky--PaddingInlineStart);
12147
- 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);
12148
12109
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
12149
12110
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
12150
12111
  }
@@ -12365,7 +12326,6 @@ ul.pf-v6-c-list {
12365
12326
  }
12366
12327
  }
12367
12328
 
12368
- :root,
12369
12329
  .pf-v6-c-panel {
12370
12330
  --pf-v6-c-panel--Width: auto;
12371
12331
  --pf-v6-c-panel--MinWidth: auto;
@@ -12463,7 +12423,6 @@ ul.pf-v6-c-list {
12463
12423
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
12464
12424
  }
12465
12425
 
12466
- :root,
12467
12426
  .pf-v6-c-popover {
12468
12427
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
12469
12428
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -12666,7 +12625,6 @@ ul.pf-v6-c-list {
12666
12625
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
12667
12626
  }
12668
12627
 
12669
- :root,
12670
12628
  .pf-v6-c-progress {
12671
12629
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12672
12630
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
@@ -12831,7 +12789,6 @@ ul.pf-v6-c-list {
12831
12789
  font-variant-numeric: tabular-nums;
12832
12790
  }
12833
12791
 
12834
- :root,
12835
12792
  .pf-v6-c-progress-stepper {
12836
12793
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
12837
12794
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -12953,7 +12910,6 @@ ul.pf-v6-c-list {
12953
12910
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
12954
12911
  }
12955
12912
  @media screen and (min-width: 48rem) {
12956
- :root,
12957
12913
  .pf-v6-c-progress-stepper {
12958
12914
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
12959
12915
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -13443,7 +13399,6 @@ ul.pf-v6-c-list {
13443
13399
  }
13444
13400
  }
13445
13401
 
13446
- :root,
13447
13402
  .pf-v6-c-radio {
13448
13403
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
13449
13404
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -13525,7 +13480,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13525
13480
  cursor: not-allowed;
13526
13481
  }
13527
13482
 
13528
- :root,
13529
13483
  .pf-v6-c-sidebar {
13530
13484
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
13531
13485
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -13870,7 +13824,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13870
13824
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
13871
13825
  }
13872
13826
  }
13873
- :root,
13874
13827
  .pf-v6-c-simple-list {
13875
13828
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
13876
13829
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -13941,7 +13894,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13941
13894
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
13942
13895
  }
13943
13896
 
13944
- :root,
13945
13897
  .pf-v6-c-skeleton {
13946
13898
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13947
13899
  --pf-v6-c-skeleton--Width: auto;
@@ -14107,7 +14059,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14107
14059
  transform: translateX(100%);
14108
14060
  }
14109
14061
  }
14110
- :root,
14111
14062
  .pf-v6-c-skip-to-content {
14112
14063
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14113
14064
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -14124,7 +14075,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14124
14075
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14125
14076
  }
14126
14077
 
14127
- :root,
14128
14078
  .pf-v6-c-slider {
14129
14079
  --pf-v6-c-slider--value: 0;
14130
14080
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -14346,7 +14296,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14346
14296
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
14347
14297
  }
14348
14298
 
14349
- :root,
14350
14299
  .pf-v6-c-spinner {
14351
14300
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14352
14301
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -14423,7 +14372,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14423
14372
  transform: rotate(720deg);
14424
14373
  }
14425
14374
  }
14426
- :root,
14427
14375
  .pf-v6-c-switch {
14428
14376
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
14429
14377
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -14572,7 +14520,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14572
14520
  vertical-align: top;
14573
14521
  }
14574
14522
 
14575
- :root,
14576
14523
  .pf-v6-c-tab-content {
14577
14524
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
14578
14525
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
@@ -14618,7 +14565,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14618
14565
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
14619
14566
  }
14620
14567
 
14621
- :root,
14622
14568
  .pf-v6-c-table {
14623
14569
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
14624
14570
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -14631,9 +14577,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14631
14577
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
14632
14578
  --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
14633
14579
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
14634
- --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);
14635
14581
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
14636
- --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);
14637
14583
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
14638
14584
  --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14639
14585
  --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -14663,8 +14609,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14663
14609
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
14664
14610
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14665
14611
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
14666
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
14667
- --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);
14668
14614
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14669
14615
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
14670
14616
  --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
@@ -14682,6 +14628,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14682
14628
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
14683
14629
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
14684
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;
14685
14632
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
14686
14633
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
14687
14634
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -14981,6 +14928,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14981
14928
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
14982
14929
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
14983
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;
14984
14932
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
14985
14933
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
14986
14934
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15283,6 +15231,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15283
15231
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15284
15232
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15285
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;
15286
15235
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15287
15236
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15288
15237
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15585,6 +15534,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15585
15534
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15586
15535
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15587
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;
15588
15538
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15589
15539
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15590
15540
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -15887,6 +15837,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15887
15837
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
15888
15838
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
15889
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;
15890
15841
  --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
15891
15842
  --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
15892
15843
  --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
@@ -16183,7 +16134,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16183
16134
  }
16184
16135
  }
16185
16136
 
16186
- :root,
16187
16137
  .pf-v6-c-table {
16188
16138
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16189
16139
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -16193,7 +16143,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16193
16143
  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
16194
16144
  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
16195
16145
  --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16196
- --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);
16197
16147
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
16198
16148
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
16199
16149
  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -16211,7 +16161,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16211
16161
  --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body--default);
16212
16162
  --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
16213
16163
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
16214
- --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);
16215
16165
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
16216
16166
  --pf-v6-c-table--cell--MinWidth: 0;
16217
16167
  --pf-v6-c-table--cell--MaxWidth: none;
@@ -16440,10 +16390,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16440
16390
  }
16441
16391
  }
16442
16392
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
16443
- 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);
16444
16394
  }
16445
16395
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
16446
- 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);
16447
16397
  }
16448
16398
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
16449
16399
  text-align: center;
@@ -16676,7 +16626,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16676
16626
  .pf-v6-c-table__column-help {
16677
16627
  display: inline-grid;
16678
16628
  grid-template-columns: auto max-content;
16679
- align-items: baseline;
16629
+ align-items: last baseline;
16680
16630
  justify-content: start;
16681
16631
  }
16682
16632
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
@@ -16841,6 +16791,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
16841
16791
  }
16842
16792
 
16843
16793
  .pf-v6-c-table__column-help-action {
16794
+ align-self: last baseline;
16844
16795
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
16845
16796
  }
16846
16797
 
@@ -17047,7 +16998,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17047
16998
  --pf-v6-c-table--cell--Width: 100%;
17048
16999
  }
17049
17000
 
17050
- :root,
17051
17001
  .pf-v6-c-table {
17052
17002
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
17053
17003
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -17112,7 +17062,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17112
17062
  overflow: auto;
17113
17063
  }
17114
17064
 
17115
- :root,
17116
17065
  .pf-v6-c-table {
17117
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));
17118
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));
@@ -17933,7 +17882,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17933
17882
  }
17934
17883
  }
17935
17884
 
17936
- :root,
17937
17885
  .pf-v6-c-tabs {
17938
17886
  --pf-v6-c-tabs--inset: 0;
17939
17887
  --pf-v6-c-tabs--Width: auto;
@@ -18746,7 +18694,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18746
18694
  }
18747
18695
  }
18748
18696
 
18749
- :root,
18750
18697
  .pf-v6-c-text-input-group {
18751
18698
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
18752
18699
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -18788,9 +18735,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18788
18735
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
18789
18736
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
18790
18737
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
18791
- --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);
18792
18739
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
18793
- --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);
18794
18741
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
18795
18742
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
18796
18743
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -18948,7 +18895,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18948
18895
  display: flex;
18949
18896
  }
18950
18897
 
18951
- :root,
18952
18898
  .pf-v6-c-tile {
18953
18899
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
18954
18900
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -19052,7 +18998,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19052
18998
  color: var(--pf-v6-c-tile__icon--Color);
19053
18999
  }
19054
19000
 
19055
- :root,
19056
19001
  .pf-v6-c-timestamp {
19057
19002
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
19058
19003
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
@@ -19084,7 +19029,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19084
19029
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
19085
19030
  }
19086
19031
 
19087
- :root,
19088
19032
  .pf-v6-c-title {
19089
19033
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
19090
19034
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -19190,7 +19134,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19190
19134
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
19191
19135
  }
19192
19136
 
19193
- :root,
19194
19137
  .pf-v6-c-toggle-group {
19195
19138
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19196
19139
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -19314,7 +19257,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19314
19257
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
19315
19258
  }
19316
19259
 
19317
- :root,
19318
19260
  .pf-v6-c-toolbar {
19319
19261
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
19320
19262
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -21218,7 +21160,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21218
21160
  display: inline-flex;
21219
21161
  }
21220
21162
  }
21221
- :root,
21222
21163
  .pf-v6-c-tooltip {
21223
21164
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
21224
21165
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -21341,7 +21282,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21341
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));
21342
21283
  }
21343
21284
 
21344
- :root,
21345
21285
  .pf-v6-c-truncate {
21346
21286
  --pf-v6-c-truncate--MinWidth: 6ch;
21347
21287
  --pf-v6-c-truncate__start--MinWidth: 6ch;
@@ -21388,7 +21328,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21388
21328
  direction: rtl;
21389
21329
  }
21390
21330
  }
21391
- :root,
21392
21331
  .pf-v6-c-number-input {
21393
21332
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
21394
21333
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -21428,7 +21367,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21428
21367
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
21429
21368
  }
21430
21369
 
21431
- :root,
21432
21370
  .pf-v6-c-tree-view {
21433
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));
21434
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));
@@ -21882,7 +21820,6 @@ label.pf-v6-c-tree-view__node-text {
21882
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));
21883
21821
  }
21884
21822
 
21885
- :root,
21886
21823
  .pf-v6-c-wizard {
21887
21824
  --pf-v6-c-wizard--Height: initial;
21888
21825
  --pf-v6-c-wizard--Height--base: 100%;
@@ -21999,7 +21936,6 @@ label.pf-v6-c-tree-view__node-text {
21999
21936
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
22000
21937
  }
22001
21938
  @media screen and (min-width: 62rem) {
22002
- :root,
22003
21939
  .pf-v6-c-wizard {
22004
21940
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
22005
21941
  --pf-v6-c-wizard__nav--BoxShadow: none;