@patternfly/react-styles 6.0.0-prerelease.3 → 6.0.0-prerelease.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/CHANGELOG.md +10 -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 +0 -1
  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 +2 -3
  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 +2 -3
  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 +0 -3
  24. package/css/components/DatePicker/date-picker.css +0 -1
  25. package/css/components/DescriptionList/description-list.css +2 -9
  26. package/css/components/Divider/divider.css +0 -1
  27. package/css/components/DragDrop/drag-drop.css +0 -2
  28. package/css/components/Drawer/drawer.css +5 -4
  29. package/css/components/Drawer/drawer.d.ts +1 -1
  30. package/css/components/Drawer/drawer.js +1 -1
  31. package/css/components/Drawer/drawer.mjs +1 -1
  32. package/css/components/DualListSelector/dual-list-selector.css +0 -1
  33. package/css/components/EmptyState/empty-state.css +1 -2
  34. package/css/components/ExpandableSection/expandable-section.css +0 -1
  35. package/css/components/FileUpload/file-upload.css +0 -1
  36. package/css/components/Form/form.css +1 -2
  37. package/css/components/FormControl/form-control.css +9 -6
  38. package/css/components/HelperText/helper-text.css +0 -1
  39. package/css/components/Hint/hint.css +0 -1
  40. package/css/components/Icon/icon.css +0 -1
  41. package/css/components/InlineEdit/inline-edit.css +0 -1
  42. package/css/components/InputGroup/input-group.css +0 -1
  43. package/css/components/JumpLinks/jump-links.css +0 -1
  44. package/css/components/Label/label-group.css +0 -1
  45. package/css/components/Label/label.css +0 -1
  46. package/css/components/List/list.css +0 -1
  47. package/css/components/Login/login.css +0 -9
  48. package/css/components/Masthead/masthead.css +0 -1
  49. package/css/components/Menu/menu.css +0 -1
  50. package/css/components/MenuToggle/menu-toggle.css +2 -3
  51. package/css/components/ModalBox/modal-box.css +0 -2
  52. package/css/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  53. package/css/components/Nav/nav.css +0 -1
  54. package/css/components/NotificationDrawer/notification-drawer.css +0 -1
  55. package/css/components/NumberInput/number-input.css +0 -1
  56. package/css/components/OverflowMenu/overflow-menu.css +0 -1
  57. package/css/components/Page/page.css +4 -2
  58. package/css/components/Pagination/pagination.css +1 -4
  59. package/css/components/Panel/panel.css +0 -1
  60. package/css/components/Popover/popover.css +0 -1
  61. package/css/components/Progress/progress.css +0 -1
  62. package/css/components/ProgressStepper/progress-stepper.css +0 -2
  63. package/css/components/Radio/radio.css +2 -3
  64. package/css/components/Sidebar/sidebar.css +0 -1
  65. package/css/components/SimpleList/simple-list.css +0 -1
  66. package/css/components/Skeleton/skeleton.css +0 -1
  67. package/css/components/SkipToContent/skip-to-content.css +0 -1
  68. package/css/components/Slider/slider.css +1 -2
  69. package/css/components/Spinner/spinner.css +0 -1
  70. package/css/components/Switch/switch.css +0 -1
  71. package/css/components/TabContent/tab-content.css +0 -1
  72. package/css/components/Table/table-grid.css +0 -1
  73. package/css/components/Table/table-scrollable.css +0 -1
  74. package/css/components/Table/table-tree-view.css +0 -1
  75. package/css/components/Table/table.css +0 -1
  76. package/css/components/Tabs/tabs.css +0 -1
  77. package/css/components/TextInputGroup/text-input-group.css +2 -3
  78. package/css/components/Tile/tile.css +0 -1
  79. package/css/components/Timestamp/timestamp.css +0 -1
  80. package/css/components/Title/title.css +0 -1
  81. package/css/components/ToggleGroup/toggle-group.css +0 -1
  82. package/css/components/Toolbar/toolbar.css +0 -1
  83. package/css/components/Tooltip/tooltip.css +0 -1
  84. package/css/components/TreeView/tree-view.css +0 -1
  85. package/css/components/Truncate/truncate.css +0 -1
  86. package/css/components/Wizard/wizard.css +0 -2
  87. package/css/components/_index.css +37 -140
  88. package/css/layouts/Bullseye/bullseye.css +0 -1
  89. package/css/layouts/Flex/flex.css +0 -1
  90. package/css/layouts/Gallery/gallery.css +0 -1
  91. package/css/layouts/Grid/grid.css +0 -1
  92. package/css/layouts/Level/level.css +0 -1
  93. package/css/layouts/Split/split.css +0 -1
  94. package/css/layouts/Stack/stack.css +0 -1
  95. package/css/layouts/_index.css +0 -7
  96. package/package.json +3 -3
@@ -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);
@@ -582,7 +572,6 @@
582
572
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
583
573
  }
584
574
 
585
- :root,
586
575
  .pf-v6-c-alert-group {
587
576
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
588
577
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
@@ -697,7 +686,6 @@
697
686
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
698
687
  }
699
688
 
700
- :root,
701
689
  .pf-v6-c-avatar {
702
690
  --pf-v6-c-avatar--BorderColor: transparent;
703
691
  --pf-v6-c-avatar--BorderWidth: 0;
@@ -943,7 +931,6 @@
943
931
  }
944
932
  }
945
933
 
946
- :root,
947
934
  .pf-v6-c-backdrop {
948
935
  --pf-v6-c-backdrop--Position: fixed;
949
936
  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
@@ -964,7 +951,6 @@
964
951
  overflow: hidden;
965
952
  }
966
953
 
967
- :root,
968
954
  .pf-v6-c-background-image {
969
955
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
970
956
  --pf-v6-c-background-image--BackgroundImage: none;
@@ -992,7 +978,6 @@
992
978
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
993
979
  }
994
980
 
995
- :root,
996
981
  .pf-v6-c-back-to-top {
997
982
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
998
983
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
@@ -1005,7 +990,6 @@
1005
990
  --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
1006
991
  }
1007
992
  @media (min-width: 48rem) {
1008
- :root,
1009
993
  .pf-v6-c-back-to-top {
1010
994
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
1011
995
  }
@@ -1028,7 +1012,6 @@
1028
1012
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
1029
1013
  }
1030
1014
 
1031
- :root,
1032
1015
  .pf-v6-c-badge {
1033
1016
  --pf-v6-c-badge--BorderColor: transparent;
1034
1017
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -1097,7 +1080,6 @@
1097
1080
  color: var(--pf-v6-c-badge__toggle-icon--Color);
1098
1081
  }
1099
1082
 
1100
- :root,
1101
1083
  .pf-v6-c-banner {
1102
1084
  --pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1103
1085
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -1142,7 +1124,6 @@
1142
1124
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
1143
1125
  }
1144
1126
  @media (min-width: 48rem) {
1145
- :root,
1146
1127
  .pf-v6-c-banner {
1147
1128
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
1148
1129
  --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
@@ -1239,7 +1220,6 @@
1239
1220
  cursor: not-allowed;
1240
1221
  }
1241
1222
 
1242
- :root,
1243
1223
  .pf-v6-c-brand {
1244
1224
  --pf-v6-c-brand--Width: auto;
1245
1225
  --pf-v6-c-brand--Height: auto;
@@ -1306,7 +1286,6 @@
1306
1286
  max-width: 100%;
1307
1287
  }
1308
1288
 
1309
- :root,
1310
1289
  .pf-v6-c-breadcrumb {
1311
1290
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
1312
1291
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -1415,7 +1394,6 @@ button.pf-v6-c-breadcrumb__link {
1415
1394
  display: none;
1416
1395
  }
1417
1396
 
1418
- :root,
1419
1397
  .pf-v6-c-button {
1420
1398
  --pf-v6-c-button--Display: inline-flex;
1421
1399
  --pf-v6-c-button--AlignItems: baseline;
@@ -1632,7 +1610,7 @@ button.pf-v6-c-breadcrumb__link {
1632
1610
  --pf-v6-c-button__icon--MarginInlineEnd: 0;
1633
1611
  --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
1634
1612
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
1635
- --pf-v6-c-button__progress--width: calc(var(--pf-v6-c-spinner--m-md--diameter) + var(--pf-t--global--spacer--sm));
1613
+ --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
1636
1614
  --pf-v6-c-button__progress--Opacity: 0;
1637
1615
  --pf-v6-c-button__progress--TranslateY: -50%;
1638
1616
  --pf-v6-c-button__progress--TranslateX: 0;
@@ -1643,7 +1621,7 @@ button.pf-v6-c-breadcrumb__link {
1643
1621
  --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
1644
1622
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1645
1623
  --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
1646
- --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
1624
+ --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
1647
1625
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
1648
1626
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
1649
1627
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
@@ -2003,7 +1981,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2003
1981
  align-items: center;
2004
1982
  }
2005
1983
 
2006
- :root,
2007
1984
  .pf-v6-c-calendar-month {
2008
1985
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2009
1986
  --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -2209,7 +2186,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2209
2186
  pointer-events: none;
2210
2187
  }
2211
2188
 
2212
- :root,
2213
2189
  .pf-v6-c-card {
2214
2190
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2215
2191
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
@@ -2544,11 +2520,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2544
2520
  color: var(--pf-v6-c-card__footer--Color);
2545
2521
  }
2546
2522
 
2547
- :root,
2548
2523
  .pf-v6-c-check {
2549
2524
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
2550
2525
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2551
- --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2526
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2552
2527
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2553
2528
  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2554
2529
  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -2571,7 +2546,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2571
2546
  .pf-v6-c-check.pf-m-standalone {
2572
2547
  display: inline-grid;
2573
2548
  grid-template-columns: auto;
2574
- min-height: var(--pf-v6-c-check--MinHeight);
2549
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
2575
2550
  }
2576
2551
  .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2577
2552
  align-self: center;
@@ -2624,7 +2599,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2624
2599
  color: var(--pf-v6-c-check__label-required--Color);
2625
2600
  }
2626
2601
 
2627
- :root,
2628
2602
  .pf-v6-c-clipboard-copy {
2629
2603
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
2630
2604
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -2720,7 +2694,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2720
2694
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
2721
2695
  }
2722
2696
 
2723
- :root,
2724
2697
  .pf-v6-c-code-block {
2725
2698
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2726
2699
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
@@ -2775,7 +2748,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2775
2748
  font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
2776
2749
  }
2777
2750
 
2778
- :root,
2779
2751
  .pf-v6-c-code-editor {
2780
2752
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
2781
2753
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
@@ -2953,8 +2925,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2953
2925
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
2954
2926
  }
2955
2927
 
2956
- :root,
2957
- .pf-v6-c-content {
2928
+ :root {
2958
2929
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
2959
2930
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
2960
2931
  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
@@ -3018,7 +2989,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3018
2989
  --pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
3019
2990
  --pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
3020
2991
  --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);
2992
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3022
2993
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
3023
2994
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
3024
2995
  --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
@@ -3630,7 +3601,6 @@ ul) {
3630
3601
  }
3631
3602
  }
3632
3603
 
3633
- :root,
3634
3604
  .pf-v6-c-data-list {
3635
3605
  --pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
3636
3606
  --pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -3741,14 +3711,12 @@ ul) {
3741
3711
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3742
3712
  }
3743
3713
  @media screen and (min-width: 36rem) {
3744
- :root,
3745
3714
  .pf-v6-c-data-list {
3746
3715
  --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
3747
3716
  --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
3748
3717
  }
3749
3718
  }
3750
3719
  @media screen and (min-width: 36rem) {
3751
- :root,
3752
3720
  .pf-v6-c-data-list {
3753
3721
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
3754
3722
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
@@ -4058,10 +4026,9 @@ ul) {
4058
4026
  padding: 0;
4059
4027
  }
4060
4028
 
4061
- :root,
4062
4029
  .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);
4030
+ --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
4031
+ --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
4065
4032
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
4066
4033
  --pf-v6-c-description-list--GridTemplateColumns--width: 1fr;
4067
4034
  --pf-v6-c-description-list--GridTemplateColumns--min: 0;
@@ -4106,37 +4073,31 @@ ul) {
4106
4073
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
4107
4074
  }
4108
4075
  @media screen and (min-width: 36rem) {
4109
- :root,
4110
4076
  .pf-v6-c-description-list {
4111
4077
  --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
4112
4078
  }
4113
4079
  }
4114
4080
  @media (min-width: 36rem) {
4115
- :root,
4116
4081
  .pf-v6-c-description-list {
4117
4082
  --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
4083
  }
4119
4084
  }
4120
4085
  @media (min-width: 48rem) {
4121
- :root,
4122
4086
  .pf-v6-c-description-list {
4123
4087
  --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
4088
  }
4125
4089
  }
4126
4090
  @media (min-width: 62rem) {
4127
- :root,
4128
4091
  .pf-v6-c-description-list {
4129
4092
  --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
4093
  }
4131
4094
  }
4132
4095
  @media (min-width: 75rem) {
4133
- :root,
4134
4096
  .pf-v6-c-description-list {
4135
4097
  --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
4098
  }
4137
4099
  }
4138
4100
  @media (min-width: 90.625rem) {
4139
- :root,
4140
4101
  .pf-v6-c-description-list {
4141
4102
  --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
4103
  }
@@ -4385,7 +4346,6 @@ ul) {
4385
4346
  }
4386
4347
  }
4387
4348
 
4388
- :root,
4389
4349
  .pf-v6-c-draggable {
4390
4350
  --pf-v6-c-draggable--Cursor: auto;
4391
4351
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
@@ -4422,7 +4382,6 @@ ul) {
4422
4382
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
4423
4383
  }
4424
4384
 
4425
- :root,
4426
4385
  .pf-v6-c-droppable {
4427
4386
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
4428
4387
  --pf-v6-c-droppable--before--Opacity: 0;
@@ -4464,7 +4423,6 @@ ul) {
4464
4423
  --pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
4465
4424
  }
4466
4425
 
4467
- :root,
4468
4426
  .pf-v6-c-dual-list-selector {
4469
4427
  --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
4470
4428
  --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -4789,7 +4747,6 @@ ul) {
4789
4747
  --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
4790
4748
  }
4791
4749
 
4792
- :root,
4793
4750
  .pf-v6-c-date-picker {
4794
4751
  --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
4795
4752
  --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
@@ -4848,7 +4805,6 @@ ul) {
4848
4805
  min-width: min-content;
4849
4806
  }
4850
4807
 
4851
- :root,
4852
4808
  .pf-v6-c-divider {
4853
4809
  --pf-v6-c-divider--Display: flex;
4854
4810
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
@@ -5154,7 +5110,6 @@ ul) {
5154
5110
  }
5155
5111
  }
5156
5112
 
5157
- :root,
5158
5113
  .pf-v6-c-drawer {
5159
5114
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5160
5115
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -5166,7 +5121,8 @@ ul) {
5166
5121
  --pf-v6-c-drawer__panel--MinWidth: 50%;
5167
5122
  --pf-v6-c-drawer__panel--MaxHeight: auto;
5168
5123
  --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);
5124
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5125
+ --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5170
5126
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
5171
5127
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
5172
5128
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -5263,11 +5219,9 @@ ul) {
5263
5219
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
5264
5220
  }
5265
5221
  @media screen and (min-width: 75rem) {
5266
- :root,
5267
5222
  .pf-v6-c-drawer {
5268
5223
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
5269
5224
  }
5270
- :root.pf-m-panel-bottom,
5271
5225
  .pf-v6-c-drawer.pf-m-panel-bottom {
5272
5226
  --pf-v6-c-drawer__panel--MinWidth: auto;
5273
5227
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
@@ -5290,6 +5244,9 @@ ul) {
5290
5244
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
5291
5245
  }
5292
5246
 
5247
+ .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
5248
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
5249
+ }
5293
5250
  .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
5251
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
5295
5252
  }
@@ -5995,7 +5952,6 @@ ul) {
5995
5952
  display: none;
5996
5953
  }
5997
5954
  }
5998
- :root,
5999
5955
  .pf-v6-c-empty-state {
6000
5956
  --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
6001
5957
  --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -6034,7 +5990,7 @@ ul) {
6034
5990
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
6035
5991
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
6036
5992
  --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);
5993
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
6038
5994
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
6039
5995
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
6040
5996
  --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -6135,7 +6091,6 @@ ul) {
6135
6091
  justify-content: center;
6136
6092
  }
6137
6093
 
6138
- :root,
6139
6094
  .pf-v6-c-expandable-section {
6140
6095
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
6141
6096
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -6217,7 +6172,6 @@ ul) {
6217
6172
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6218
6173
  }
6219
6174
 
6220
- :root,
6221
6175
  .pf-v6-c-file-upload {
6222
6176
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6223
6177
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -6275,9 +6229,8 @@ ul) {
6275
6229
  transform: translate(-50%, -50%);
6276
6230
  }
6277
6231
 
6278
- :root,
6279
6232
  .pf-v6-c-form {
6280
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
6233
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
6281
6234
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
6282
6235
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
6283
6236
  --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
@@ -6790,7 +6743,6 @@ ul) {
6790
6743
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
6791
6744
  }
6792
6745
 
6793
- :root,
6794
6746
  .pf-v6-c-form-control {
6795
6747
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6796
6748
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -6800,9 +6752,11 @@ ul) {
6800
6752
  --pf-v6-c-form-control--OutlineOffset: -6px;
6801
6753
  --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
6802
6754
  --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
6755
+ --pf-v6-c-form-control--before--BorderStyle: solid;
6803
6756
  --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
6804
6757
  --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6805
6758
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6759
+ --pf-v6-c-form-control--after--BorderStyle: solid;
6806
6760
  --pf-v6-c-form-control--after--BorderColor: transparent;
6807
6761
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6808
6762
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -6824,10 +6778,11 @@ ul) {
6824
6778
  --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
6825
6779
  --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6826
6780
  --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;
6781
+ --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
6782
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
6829
6783
  --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
6830
6784
  --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
6785
+ --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
6831
6786
  --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
6832
6787
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
6833
6788
  --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
@@ -6887,12 +6842,12 @@ ul) {
6887
6842
  }
6888
6843
  .pf-v6-c-form-control::before {
6889
6844
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
6890
- border-style: var(--pf-v6-c-form-control--before--BorderStyle, solid);
6845
+ border-style: var(--pf-v6-c-form-control--before--BorderStyle);
6891
6846
  border-width: var(--pf-v6-c-form-control--before--BorderWidth);
6892
6847
  border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
6893
6848
  }
6894
6849
  .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);
6850
+ 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
6851
  border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
6897
6852
  }
6898
6853
  .pf-v6-c-form-control > :is(input, select, textarea) {
@@ -6920,7 +6875,7 @@ ul) {
6920
6875
  }
6921
6876
  .pf-v6-c-form-control.pf-m-readonly {
6922
6877
  --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);
6878
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
6924
6879
  }
6925
6880
  .pf-v6-c-form-control.pf-m-readonly:hover {
6926
6881
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
@@ -6930,6 +6885,7 @@ ul) {
6930
6885
  }
6931
6886
  .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
6932
6887
  --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
6888
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
6933
6889
  --pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
6934
6890
  --pf-v6-c-form-control--before--BorderStyle: none;
6935
6891
  --pf-v6-c-form-control--after--BorderStyle: none;
@@ -7059,7 +7015,6 @@ select ~ .pf-v6-c-form-control__utilities {
7059
7015
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
7060
7016
  }
7061
7017
 
7062
- :root,
7063
7018
  .pf-v6-c-hint {
7064
7019
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7065
7020
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -7135,7 +7090,6 @@ select ~ .pf-v6-c-form-control__utilities {
7135
7090
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7136
7091
  }
7137
7092
 
7138
- :root,
7139
7093
  .pf-v6-c-helper-text {
7140
7094
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
7141
7095
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -7208,7 +7162,6 @@ select ~ .pf-v6-c-form-control__utilities {
7208
7162
  color: var(--pf-v6-c-helper-text__item-text--Color);
7209
7163
  }
7210
7164
 
7211
- :root,
7212
7165
  .pf-v6-c-icon {
7213
7166
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
7214
7167
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -7465,7 +7418,6 @@ select ~ .pf-v6-c-form-control__utilities {
7465
7418
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7466
7419
  }
7467
7420
 
7468
- :root,
7469
7421
  .pf-v6-c-inline-edit {
7470
7422
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
7471
7423
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
@@ -7549,7 +7501,6 @@ select ~ .pf-v6-c-form-control__utilities {
7549
7501
  display: none;
7550
7502
  }
7551
7503
 
7552
- :root,
7553
7504
  .pf-v6-c-input-group {
7554
7505
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
7555
7506
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
@@ -7623,7 +7574,6 @@ label.pf-v6-c-input-group__text {
7623
7574
  cursor: pointer;
7624
7575
  }
7625
7576
 
7626
- :root,
7627
7577
  .pf-v6-c-jump-links {
7628
7578
  --pf-v6-c-jump-links__list--Display: flex;
7629
7579
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
@@ -7870,7 +7820,6 @@ label.pf-v6-c-input-group__text {
7870
7820
  scale: -1 1;
7871
7821
  }
7872
7822
 
7873
- :root,
7874
7823
  .pf-v6-c-label {
7875
7824
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7876
7825
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -8365,7 +8314,6 @@ input.pf-v6-c-label__content {
8365
8314
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
8366
8315
  }
8367
8316
 
8368
- :root,
8369
8317
  .pf-v6-c-label-group {
8370
8318
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8371
8319
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -8501,7 +8449,6 @@ input.pf-v6-c-label__content {
8501
8449
  display: none;
8502
8450
  }
8503
8451
 
8504
- :root,
8505
8452
  .pf-v6-c-list {
8506
8453
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8507
8454
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
@@ -8573,7 +8520,6 @@ ul.pf-v6-c-list {
8573
8520
  color: var(--pf-v6-c-list__item-icon--Color);
8574
8521
  }
8575
8522
 
8576
- :root,
8577
8523
  .pf-v6-c-login {
8578
8524
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8579
8525
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -8630,33 +8576,28 @@ ul.pf-v6-c-list {
8630
8576
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8631
8577
  }
8632
8578
  @media (min-width: 75rem) {
8633
- :root,
8634
8579
  .pf-v6-c-login {
8635
8580
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
8636
8581
  }
8637
8582
  }
8638
8583
  @media (min-width: 36rem) {
8639
- :root,
8640
8584
  .pf-v6-c-login {
8641
8585
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
8642
8586
  --pf-v6-c-login__header--PaddingInlineStart: 0;
8643
8587
  }
8644
8588
  }
8645
8589
  @media (min-width: 75rem) {
8646
- :root,
8647
8590
  .pf-v6-c-login {
8648
8591
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
8649
8592
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
8650
8593
  }
8651
8594
  }
8652
8595
  @media (min-width: 75rem) {
8653
- :root,
8654
8596
  .pf-v6-c-login {
8655
8597
  --pf-v6-c-login__main--MarginBlockEnd: 0;
8656
8598
  }
8657
8599
  }
8658
8600
  @media (min-width: 48rem) {
8659
- :root,
8660
8601
  .pf-v6-c-login {
8661
8602
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
8662
8603
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
@@ -8664,21 +8605,18 @@ ul.pf-v6-c-list {
8664
8605
  }
8665
8606
  }
8666
8607
  @media (min-width: 48rem) {
8667
- :root,
8668
8608
  .pf-v6-c-login {
8669
8609
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
8670
8610
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
8671
8611
  }
8672
8612
  }
8673
8613
  @media (min-width: 36rem) {
8674
- :root,
8675
8614
  .pf-v6-c-login {
8676
8615
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
8677
8616
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
8678
8617
  }
8679
8618
  }
8680
8619
  @media (min-width: 75rem) {
8681
- :root,
8682
8620
  .pf-v6-c-login {
8683
8621
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
8684
8622
  }
@@ -8834,7 +8772,6 @@ ul.pf-v6-c-list {
8834
8772
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
8835
8773
  }
8836
8774
 
8837
- :root,
8838
8775
  .pf-v6-c-masthead {
8839
8776
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
8840
8777
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -9370,7 +9307,6 @@ ul.pf-v6-c-list {
9370
9307
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9371
9308
  }
9372
9309
 
9373
- :root,
9374
9310
  .pf-v6-c-menu {
9375
9311
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
9376
9312
  --pf-v6-c-menu--Width: auto;
@@ -9952,7 +9888,6 @@ ul.pf-v6-c-list {
9952
9888
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
9953
9889
  }
9954
9890
 
9955
- :root,
9956
9891
  .pf-v6-c-menu-toggle {
9957
9892
  --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
9958
9893
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
@@ -9986,9 +9921,9 @@ ul.pf-v6-c-list {
9986
9921
  --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
9987
9922
  --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
9988
9923
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
9989
- --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
9924
+ --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
9990
9925
  --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
9991
- --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
9926
+ --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
9992
9927
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
9993
9928
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
9994
9929
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
@@ -10358,7 +10293,6 @@ ul.pf-v6-c-list {
10358
10293
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
10359
10294
  }
10360
10295
 
10361
- :root,
10362
10296
  .pf-v6-c-modal-box {
10363
10297
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10364
10298
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
@@ -10412,7 +10346,6 @@ ul.pf-v6-c-list {
10412
10346
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
10413
10347
  }
10414
10348
  @media (min-width: 75rem) {
10415
- :root,
10416
10349
  .pf-v6-c-modal-box {
10417
10350
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
10418
10351
  }
@@ -10565,7 +10498,6 @@ ul.pf-v6-c-list {
10565
10498
  }
10566
10499
  }
10567
10500
 
10568
- :root,
10569
10501
  .pf-v6-c-multiple-file-upload {
10570
10502
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
10571
10503
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
@@ -10776,7 +10708,6 @@ ul.pf-v6-c-list {
10776
10708
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
10777
10709
  }
10778
10710
 
10779
- :root,
10780
10711
  .pf-v6-c-nav {
10781
10712
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10782
10713
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -11085,7 +11016,6 @@ ul.pf-v6-c-list {
11085
11016
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
11086
11017
  }
11087
11018
 
11088
- :root,
11089
11019
  .pf-v6-c-notification-drawer {
11090
11020
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11091
11021
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -11361,7 +11291,6 @@ ul.pf-v6-c-list {
11361
11291
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
11362
11292
  }
11363
11293
 
11364
- :root,
11365
11294
  .pf-v6-c-overflow-menu {
11366
11295
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
11367
11296
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -11399,7 +11328,6 @@ ul.pf-v6-c-list {
11399
11328
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11400
11329
  }
11401
11330
 
11402
- :root,
11403
11331
  .pf-v6-c-page {
11404
11332
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11405
11333
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
@@ -11481,7 +11409,6 @@ ul.pf-v6-c-list {
11481
11409
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11482
11410
  }
11483
11411
  @media screen and (min-width: 75rem) {
11484
- :root,
11485
11412
  .pf-v6-c-page {
11486
11413
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
11487
11414
  }
@@ -11841,6 +11768,10 @@ ul.pf-v6-c-list {
11841
11768
  flex-grow: 1;
11842
11769
  }
11843
11770
 
11771
+ .pf-v6-c-page__main {
11772
+ overflow: auto;
11773
+ }
11774
+
11844
11775
  .pf-v6-c-page__main-subnav {
11845
11776
  padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
11846
11777
  padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
@@ -12011,7 +11942,6 @@ ul.pf-v6-c-list {
12011
11942
  flex: 1 0 auto;
12012
11943
  }
12013
11944
 
12014
- :root,
12015
11945
  .pf-v6-c-pagination {
12016
11946
  --pf-v6-c-pagination--inset: 0;
12017
11947
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -12022,7 +11952,7 @@ ul.pf-v6-c-list {
12022
11952
  --pf-v6-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
12023
11953
  --pf-v6-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--default);
12024
11954
  --pf-v6-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
12025
- --pf-v6-c-pagination__nav-page-select--c-form-control--width-base: calc((var(--pf-v6-c-form-control--PaddingInlineEnd) + var(--pf-v6-c-form-control--PaddingInlineStart)) + (var(--pf-v6-c-form-control--before--BorderWidth) * 2));
11955
+ --pf-v6-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--border--width--control--default) * 2);
12026
11956
  --pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;
12027
11957
  --pf-v6-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v6-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
12028
11958
  --pf-v6-c-pagination__total-items--Display: block;
@@ -12050,7 +11980,6 @@ ul.pf-v6-c-list {
12050
11980
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12051
11981
  }
12052
11982
  @media screen and (min-width: 48rem) {
12053
- :root,
12054
11983
  .pf-v6-c-pagination {
12055
11984
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
12056
11985
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -12059,7 +11988,6 @@ ul.pf-v6-c-list {
12059
11988
  }
12060
11989
  }
12061
11990
  @media screen and (min-width: 75rem) {
12062
- :root,
12063
11991
  .pf-v6-c-pagination {
12064
11992
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
12065
11993
  }
@@ -12361,7 +12289,6 @@ ul.pf-v6-c-list {
12361
12289
  }
12362
12290
  }
12363
12291
 
12364
- :root,
12365
12292
  .pf-v6-c-panel {
12366
12293
  --pf-v6-c-panel--Width: auto;
12367
12294
  --pf-v6-c-panel--MinWidth: auto;
@@ -12459,7 +12386,6 @@ ul.pf-v6-c-list {
12459
12386
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
12460
12387
  }
12461
12388
 
12462
- :root,
12463
12389
  .pf-v6-c-popover {
12464
12390
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
12465
12391
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -12662,7 +12588,6 @@ ul.pf-v6-c-list {
12662
12588
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
12663
12589
  }
12664
12590
 
12665
- :root,
12666
12591
  .pf-v6-c-progress {
12667
12592
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12668
12593
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
@@ -12827,7 +12752,6 @@ ul.pf-v6-c-list {
12827
12752
  font-variant-numeric: tabular-nums;
12828
12753
  }
12829
12754
 
12830
- :root,
12831
12755
  .pf-v6-c-progress-stepper {
12832
12756
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
12833
12757
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -12949,7 +12873,6 @@ ul.pf-v6-c-list {
12949
12873
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
12950
12874
  }
12951
12875
  @media screen and (min-width: 48rem) {
12952
- :root,
12953
12876
  .pf-v6-c-progress-stepper {
12954
12877
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
12955
12878
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -13439,11 +13362,10 @@ ul.pf-v6-c-list {
13439
13362
  }
13440
13363
  }
13441
13364
 
13442
- :root,
13443
13365
  .pf-v6-c-radio {
13444
13366
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
13445
13367
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
13446
- --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
13368
+ --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
13447
13369
  --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
13448
13370
  --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
13449
13371
  --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -13467,7 +13389,7 @@ ul.pf-v6-c-list {
13467
13389
  .pf-v6-c-radio.pf-m-standalone {
13468
13390
  display: inline-grid;
13469
13391
  grid-template-columns: auto;
13470
- height: var(--pf-v6-c-check--Height);
13392
+ min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
13471
13393
  }
13472
13394
  .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
13473
13395
  align-self: center;
@@ -13521,7 +13443,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13521
13443
  cursor: not-allowed;
13522
13444
  }
13523
13445
 
13524
- :root,
13525
13446
  .pf-v6-c-sidebar {
13526
13447
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
13527
13448
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -13866,7 +13787,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13866
13787
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
13867
13788
  }
13868
13789
  }
13869
- :root,
13870
13790
  .pf-v6-c-simple-list {
13871
13791
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
13872
13792
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -13937,7 +13857,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13937
13857
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
13938
13858
  }
13939
13859
 
13940
- :root,
13941
13860
  .pf-v6-c-skeleton {
13942
13861
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13943
13862
  --pf-v6-c-skeleton--Width: auto;
@@ -14103,7 +14022,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14103
14022
  transform: translateX(100%);
14104
14023
  }
14105
14024
  }
14106
- :root,
14107
14025
  .pf-v6-c-skip-to-content {
14108
14026
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14109
14027
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -14120,7 +14038,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14120
14038
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14121
14039
  }
14122
14040
 
14123
- :root,
14124
14041
  .pf-v6-c-slider {
14125
14042
  --pf-v6-c-slider--value: 0;
14126
14043
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -14168,7 +14085,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14168
14085
  --pf-v6-c-slider__thumb--before--TranslateX: -50%;
14169
14086
  --pf-v6-c-slider__thumb--before--TranslateY: -50%;
14170
14087
  --pf-v6-c-slider__value--MarginInlineStart: var(--pf-t--global--spacer--md);
14171
- --pf-v6-c-slider__value--c-form-control--width-base: calc(var(--pf-v6-c-form-control--PaddingInlineStart) + var(--pf-v6-c-form-control--PaddingInlineEnd) + 1.25rem);
14088
+ --pf-v6-c-slider__value--c-form-control--width-base: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--spacer--control--horizontal--default) + 1.25rem);
14172
14089
  --pf-v6-c-slider__value--c-form-control--width-chars: 3;
14173
14090
  --pf-v6-c-slider__value--c-form-control--Width: calc(var(--pf-v6-c-slider__value--c-form-control--width-base) + var(--pf-v6-c-slider__value--c-form-control--width-chars) * 1ch);
14174
14091
  --pf-v6-c-slider__value--m-floating--TranslateX: -50%;
@@ -14342,7 +14259,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14342
14259
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
14343
14260
  }
14344
14261
 
14345
- :root,
14346
14262
  .pf-v6-c-spinner {
14347
14263
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14348
14264
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -14419,7 +14335,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14419
14335
  transform: rotate(720deg);
14420
14336
  }
14421
14337
  }
14422
- :root,
14423
14338
  .pf-v6-c-switch {
14424
14339
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
14425
14340
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -14568,7 +14483,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14568
14483
  vertical-align: top;
14569
14484
  }
14570
14485
 
14571
- :root,
14572
14486
  .pf-v6-c-tab-content {
14573
14487
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
14574
14488
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
@@ -14614,7 +14528,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14614
14528
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
14615
14529
  }
14616
14530
 
14617
- :root,
14618
14531
  .pf-v6-c-table {
14619
14532
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
14620
14533
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -16179,7 +16092,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16179
16092
  }
16180
16093
  }
16181
16094
 
16182
- :root,
16183
16095
  .pf-v6-c-table {
16184
16096
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16185
16097
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -17043,7 +16955,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17043
16955
  --pf-v6-c-table--cell--Width: 100%;
17044
16956
  }
17045
16957
 
17046
- :root,
17047
16958
  .pf-v6-c-table {
17048
16959
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
17049
16960
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -17108,7 +17019,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17108
17019
  overflow: auto;
17109
17020
  }
17110
17021
 
17111
- :root,
17112
17022
  .pf-v6-c-table {
17113
17023
  --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));
17114
17024
  --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));
@@ -17929,7 +17839,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17929
17839
  }
17930
17840
  }
17931
17841
 
17932
- :root,
17933
17842
  .pf-v6-c-tabs {
17934
17843
  --pf-v6-c-tabs--inset: 0;
17935
17844
  --pf-v6-c-tabs--Width: auto;
@@ -18742,7 +18651,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18742
18651
  }
18743
18652
  }
18744
18653
 
18745
- :root,
18746
18654
  .pf-v6-c-text-input-group {
18747
18655
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
18748
18656
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -18784,9 +18692,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18784
18692
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
18785
18693
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
18786
18694
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
18787
- --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
18695
+ --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
18788
18696
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
18789
- --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--disabled);
18697
+ --pf-v6-c-text-input-group--m-disabled__icon--m-status--Color: var(--pf-t--global--icon--color--on-disabled);
18790
18698
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
18791
18699
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
18792
18700
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -18944,7 +18852,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18944
18852
  display: flex;
18945
18853
  }
18946
18854
 
18947
- :root,
18948
18855
  .pf-v6-c-tile {
18949
18856
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
18950
18857
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -19048,7 +18955,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19048
18955
  color: var(--pf-v6-c-tile__icon--Color);
19049
18956
  }
19050
18957
 
19051
- :root,
19052
18958
  .pf-v6-c-timestamp {
19053
18959
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
19054
18960
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
@@ -19080,7 +18986,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19080
18986
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
19081
18987
  }
19082
18988
 
19083
- :root,
19084
18989
  .pf-v6-c-title {
19085
18990
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
19086
18991
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -19186,7 +19091,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19186
19091
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
19187
19092
  }
19188
19093
 
19189
- :root,
19190
19094
  .pf-v6-c-toggle-group {
19191
19095
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19192
19096
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -19310,7 +19214,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19310
19214
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
19311
19215
  }
19312
19216
 
19313
- :root,
19314
19217
  .pf-v6-c-toolbar {
19315
19218
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
19316
19219
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -21214,7 +21117,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21214
21117
  display: inline-flex;
21215
21118
  }
21216
21119
  }
21217
- :root,
21218
21120
  .pf-v6-c-tooltip {
21219
21121
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
21220
21122
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -21337,7 +21239,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21337
21239
  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));
21338
21240
  }
21339
21241
 
21340
- :root,
21341
21242
  .pf-v6-c-truncate {
21342
21243
  --pf-v6-c-truncate--MinWidth: 6ch;
21343
21244
  --pf-v6-c-truncate__start--MinWidth: 6ch;
@@ -21384,7 +21285,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21384
21285
  direction: rtl;
21385
21286
  }
21386
21287
  }
21387
- :root,
21388
21288
  .pf-v6-c-number-input {
21389
21289
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
21390
21290
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -21424,7 +21324,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21424
21324
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
21425
21325
  }
21426
21326
 
21427
- :root,
21428
21327
  .pf-v6-c-tree-view {
21429
21328
  --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));
21430
21329
  --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));
@@ -21878,7 +21777,6 @@ label.pf-v6-c-tree-view__node-text {
21878
21777
  --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));
21879
21778
  }
21880
21779
 
21881
- :root,
21882
21780
  .pf-v6-c-wizard {
21883
21781
  --pf-v6-c-wizard--Height: initial;
21884
21782
  --pf-v6-c-wizard--Height--base: 100%;
@@ -21995,7 +21893,6 @@ label.pf-v6-c-tree-view__node-text {
21995
21893
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
21996
21894
  }
21997
21895
  @media screen and (min-width: 62rem) {
21998
- :root,
21999
21896
  .pf-v6-c-wizard {
22000
21897
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
22001
21898
  --pf-v6-c-wizard__nav--BoxShadow: none;