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

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