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

Sign up to get free protection for your applications and to get access to all the features.
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;