@patternfly/patternfly 6.0.0-prerelease.11 → 6.0.0-prerelease.13

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 (100) hide show
  1. package/components/AboutModalBox/about-modal-box.css +0 -7
  2. package/components/Accordion/accordion.css +0 -1
  3. package/components/ActionList/action-list.css +0 -1
  4. package/components/Alert/alert-group.css +0 -1
  5. package/components/Alert/alert.css +0 -1
  6. package/components/Avatar/avatar.css +0 -1
  7. package/components/BackToTop/back-to-top.css +0 -2
  8. package/components/Backdrop/backdrop.css +0 -1
  9. package/components/BackgroundImage/background-image.css +0 -1
  10. package/components/Badge/badge.css +0 -1
  11. package/components/Banner/banner.css +0 -2
  12. package/components/Brand/brand.css +0 -1
  13. package/components/Breadcrumb/breadcrumb.css +0 -1
  14. package/components/Button/button.css +0 -1
  15. package/components/CalendarMonth/calendar-month.css +0 -1
  16. package/components/Card/card.css +0 -1
  17. package/components/Check/check.css +0 -1
  18. package/components/ClipboardCopy/clipboard-copy.css +0 -1
  19. package/components/CodeBlock/code-block.css +0 -1
  20. package/components/CodeEditor/code-editor.css +0 -1
  21. package/components/Content/content.css +1 -2
  22. package/components/Content/content.scss +1 -1
  23. package/components/DataList/data-list.css +0 -3
  24. package/components/DatePicker/date-picker.css +0 -1
  25. package/components/DescriptionList/description-list.css +0 -7
  26. package/components/Divider/divider.css +0 -1
  27. package/components/DragDrop/drag-drop.css +0 -2
  28. package/components/Drawer/drawer.css +0 -3
  29. package/components/DualListSelector/dual-list-selector.css +0 -1
  30. package/components/EmptyState/empty-state.css +0 -1
  31. package/components/ExpandableSection/expandable-section.css +0 -1
  32. package/components/FileUpload/file-upload.css +0 -1
  33. package/components/Form/form.css +0 -1
  34. package/components/FormControl/form-control.css +0 -1
  35. package/components/HelperText/helper-text.css +0 -1
  36. package/components/Hint/hint.css +0 -1
  37. package/components/Icon/icon.css +0 -1
  38. package/components/InlineEdit/inline-edit.css +0 -1
  39. package/components/InputGroup/input-group.css +0 -1
  40. package/components/JumpLinks/jump-links.css +0 -1
  41. package/components/Label/label-group.css +0 -1
  42. package/components/Label/label.css +0 -1
  43. package/components/List/list.css +0 -1
  44. package/components/Login/login.css +0 -9
  45. package/components/Masthead/masthead.css +0 -1
  46. package/components/Menu/menu.css +0 -1
  47. package/components/MenuToggle/menu-toggle.css +0 -1
  48. package/components/ModalBox/modal-box.css +0 -2
  49. package/components/MultipleFileUpload/multiple-file-upload.css +0 -1
  50. package/components/Nav/nav.css +0 -1
  51. package/components/NotificationDrawer/notification-drawer.css +0 -1
  52. package/components/NumberInput/number-input.css +0 -1
  53. package/components/OverflowMenu/overflow-menu.css +0 -1
  54. package/components/Page/page.css +0 -2
  55. package/components/Pagination/pagination.css +0 -3
  56. package/components/Panel/panel.css +0 -1
  57. package/components/Popover/popover.css +0 -1
  58. package/components/Progress/progress.css +0 -1
  59. package/components/ProgressStepper/progress-stepper.css +0 -2
  60. package/components/Radio/radio.css +0 -1
  61. package/components/Sidebar/sidebar.css +0 -1
  62. package/components/SimpleList/simple-list.css +0 -1
  63. package/components/Skeleton/skeleton.css +0 -1
  64. package/components/SkipToContent/skip-to-content.css +0 -1
  65. package/components/Slider/slider.css +0 -1
  66. package/components/Spinner/spinner.css +0 -1
  67. package/components/Switch/switch.css +0 -1
  68. package/components/TabContent/tab-content.css +0 -1
  69. package/components/Table/table-grid.css +0 -1
  70. package/components/Table/table-scrollable.css +0 -1
  71. package/components/Table/table-tree-view.css +0 -1
  72. package/components/Table/table.css +0 -1
  73. package/components/Tabs/tabs.css +0 -1
  74. package/components/TextInputGroup/text-input-group.css +2 -3
  75. package/components/TextInputGroup/text-input-group.scss +2 -2
  76. package/components/Tile/tile.css +0 -1
  77. package/components/Timestamp/timestamp.css +0 -1
  78. package/components/Title/title.css +0 -1
  79. package/components/ToggleGroup/toggle-group.css +0 -1
  80. package/components/Toolbar/toolbar.css +0 -1
  81. package/components/Tooltip/tooltip.css +0 -1
  82. package/components/TreeView/tree-view.css +0 -1
  83. package/components/Truncate/truncate.css +0 -1
  84. package/components/Wizard/wizard.css +0 -2
  85. package/components/_index.css +3 -118
  86. package/docs/components/Content/examples/Content.md +188 -204
  87. package/layouts/Bullseye/bullseye.css +0 -1
  88. package/layouts/Flex/flex.css +0 -1
  89. package/layouts/Gallery/gallery.css +0 -1
  90. package/layouts/Grid/grid.css +0 -1
  91. package/layouts/Level/level.css +0 -1
  92. package/layouts/Split/split.css +0 -1
  93. package/layouts/Stack/stack.css +0 -1
  94. package/layouts/_index.css +0 -7
  95. package/package.json +1 -1
  96. package/patternfly-no-globals.css +3 -125
  97. package/patternfly.css +3 -125
  98. package/patternfly.min.css +1 -1
  99. package/patternfly.min.css.map +1 -1
  100. package/sass-utilities/mixins.scss +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,7 +343,6 @@
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
348
  --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
@@ -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;
@@ -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,7 +2520,6 @@ 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);
@@ -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);
@@ -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,7 +4026,6 @@ ul) {
4058
4026
  padding: 0;
4059
4027
  }
4060
4028
 
4061
- :root,
4062
4029
  .pf-v6-c-description-list {
4063
4030
  --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
4064
4031
  --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
@@ -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);
@@ -5264,11 +5219,9 @@ ul) {
5264
5219
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
5265
5220
  }
5266
5221
  @media screen and (min-width: 75rem) {
5267
- :root,
5268
5222
  .pf-v6-c-drawer {
5269
5223
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
5270
5224
  }
5271
- :root.pf-m-panel-bottom,
5272
5225
  .pf-v6-c-drawer.pf-m-panel-bottom {
5273
5226
  --pf-v6-c-drawer__panel--MinWidth: auto;
5274
5227
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
@@ -5999,7 +5952,6 @@ ul) {
5999
5952
  display: none;
6000
5953
  }
6001
5954
  }
6002
- :root,
6003
5955
  .pf-v6-c-empty-state {
6004
5956
  --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
6005
5957
  --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -6139,7 +6091,6 @@ ul) {
6139
6091
  justify-content: center;
6140
6092
  }
6141
6093
 
6142
- :root,
6143
6094
  .pf-v6-c-expandable-section {
6144
6095
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
6145
6096
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -6221,7 +6172,6 @@ ul) {
6221
6172
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6222
6173
  }
6223
6174
 
6224
- :root,
6225
6175
  .pf-v6-c-file-upload {
6226
6176
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6227
6177
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -6279,7 +6229,6 @@ ul) {
6279
6229
  transform: translate(-50%, -50%);
6280
6230
  }
6281
6231
 
6282
- :root,
6283
6232
  .pf-v6-c-form {
6284
6233
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
6285
6234
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -6794,7 +6743,6 @@ ul) {
6794
6743
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
6795
6744
  }
6796
6745
 
6797
- :root,
6798
6746
  .pf-v6-c-form-control {
6799
6747
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6800
6748
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -7067,7 +7015,6 @@ select ~ .pf-v6-c-form-control__utilities {
7067
7015
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
7068
7016
  }
7069
7017
 
7070
- :root,
7071
7018
  .pf-v6-c-hint {
7072
7019
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7073
7020
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -7143,7 +7090,6 @@ select ~ .pf-v6-c-form-control__utilities {
7143
7090
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7144
7091
  }
7145
7092
 
7146
- :root,
7147
7093
  .pf-v6-c-helper-text {
7148
7094
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
7149
7095
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -7216,7 +7162,6 @@ select ~ .pf-v6-c-form-control__utilities {
7216
7162
  color: var(--pf-v6-c-helper-text__item-text--Color);
7217
7163
  }
7218
7164
 
7219
- :root,
7220
7165
  .pf-v6-c-icon {
7221
7166
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
7222
7167
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
@@ -7473,7 +7418,6 @@ select ~ .pf-v6-c-form-control__utilities {
7473
7418
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7474
7419
  }
7475
7420
 
7476
- :root,
7477
7421
  .pf-v6-c-inline-edit {
7478
7422
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
7479
7423
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
@@ -7557,7 +7501,6 @@ select ~ .pf-v6-c-form-control__utilities {
7557
7501
  display: none;
7558
7502
  }
7559
7503
 
7560
- :root,
7561
7504
  .pf-v6-c-input-group {
7562
7505
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
7563
7506
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
@@ -7631,7 +7574,6 @@ label.pf-v6-c-input-group__text {
7631
7574
  cursor: pointer;
7632
7575
  }
7633
7576
 
7634
- :root,
7635
7577
  .pf-v6-c-jump-links {
7636
7578
  --pf-v6-c-jump-links__list--Display: flex;
7637
7579
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
@@ -7878,7 +7820,6 @@ label.pf-v6-c-input-group__text {
7878
7820
  scale: -1 1;
7879
7821
  }
7880
7822
 
7881
- :root,
7882
7823
  .pf-v6-c-label {
7883
7824
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7884
7825
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -8373,7 +8314,6 @@ input.pf-v6-c-label__content {
8373
8314
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
8374
8315
  }
8375
8316
 
8376
- :root,
8377
8317
  .pf-v6-c-label-group {
8378
8318
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8379
8319
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -8509,7 +8449,6 @@ input.pf-v6-c-label__content {
8509
8449
  display: none;
8510
8450
  }
8511
8451
 
8512
- :root,
8513
8452
  .pf-v6-c-list {
8514
8453
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8515
8454
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
@@ -8581,7 +8520,6 @@ ul.pf-v6-c-list {
8581
8520
  color: var(--pf-v6-c-list__item-icon--Color);
8582
8521
  }
8583
8522
 
8584
- :root,
8585
8523
  .pf-v6-c-login {
8586
8524
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8587
8525
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -8638,33 +8576,28 @@ ul.pf-v6-c-list {
8638
8576
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8639
8577
  }
8640
8578
  @media (min-width: 75rem) {
8641
- :root,
8642
8579
  .pf-v6-c-login {
8643
8580
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
8644
8581
  }
8645
8582
  }
8646
8583
  @media (min-width: 36rem) {
8647
- :root,
8648
8584
  .pf-v6-c-login {
8649
8585
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
8650
8586
  --pf-v6-c-login__header--PaddingInlineStart: 0;
8651
8587
  }
8652
8588
  }
8653
8589
  @media (min-width: 75rem) {
8654
- :root,
8655
8590
  .pf-v6-c-login {
8656
8591
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
8657
8592
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
8658
8593
  }
8659
8594
  }
8660
8595
  @media (min-width: 75rem) {
8661
- :root,
8662
8596
  .pf-v6-c-login {
8663
8597
  --pf-v6-c-login__main--MarginBlockEnd: 0;
8664
8598
  }
8665
8599
  }
8666
8600
  @media (min-width: 48rem) {
8667
- :root,
8668
8601
  .pf-v6-c-login {
8669
8602
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
8670
8603
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
@@ -8672,21 +8605,18 @@ ul.pf-v6-c-list {
8672
8605
  }
8673
8606
  }
8674
8607
  @media (min-width: 48rem) {
8675
- :root,
8676
8608
  .pf-v6-c-login {
8677
8609
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
8678
8610
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
8679
8611
  }
8680
8612
  }
8681
8613
  @media (min-width: 36rem) {
8682
- :root,
8683
8614
  .pf-v6-c-login {
8684
8615
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
8685
8616
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
8686
8617
  }
8687
8618
  }
8688
8619
  @media (min-width: 75rem) {
8689
- :root,
8690
8620
  .pf-v6-c-login {
8691
8621
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
8692
8622
  }
@@ -8842,7 +8772,6 @@ ul.pf-v6-c-list {
8842
8772
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
8843
8773
  }
8844
8774
 
8845
- :root,
8846
8775
  .pf-v6-c-masthead {
8847
8776
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
8848
8777
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
@@ -9378,7 +9307,6 @@ ul.pf-v6-c-list {
9378
9307
  padding-inline-end: var(--pf-t--global--spacer--2xl);
9379
9308
  }
9380
9309
 
9381
- :root,
9382
9310
  .pf-v6-c-menu {
9383
9311
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
9384
9312
  --pf-v6-c-menu--Width: auto;
@@ -9960,7 +9888,6 @@ ul.pf-v6-c-list {
9960
9888
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
9961
9889
  }
9962
9890
 
9963
- :root,
9964
9891
  .pf-v6-c-menu-toggle {
9965
9892
  --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
9966
9893
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
@@ -10366,7 +10293,6 @@ ul.pf-v6-c-list {
10366
10293
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
10367
10294
  }
10368
10295
 
10369
- :root,
10370
10296
  .pf-v6-c-modal-box {
10371
10297
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
10372
10298
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
@@ -10420,7 +10346,6 @@ ul.pf-v6-c-list {
10420
10346
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
10421
10347
  }
10422
10348
  @media (min-width: 75rem) {
10423
- :root,
10424
10349
  .pf-v6-c-modal-box {
10425
10350
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
10426
10351
  }
@@ -10573,7 +10498,6 @@ ul.pf-v6-c-list {
10573
10498
  }
10574
10499
  }
10575
10500
 
10576
- :root,
10577
10501
  .pf-v6-c-multiple-file-upload {
10578
10502
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
10579
10503
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
@@ -10784,7 +10708,6 @@ ul.pf-v6-c-list {
10784
10708
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
10785
10709
  }
10786
10710
 
10787
- :root,
10788
10711
  .pf-v6-c-nav {
10789
10712
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10790
10713
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -11093,7 +11016,6 @@ ul.pf-v6-c-list {
11093
11016
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
11094
11017
  }
11095
11018
 
11096
- :root,
11097
11019
  .pf-v6-c-notification-drawer {
11098
11020
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11099
11021
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -11369,7 +11291,6 @@ ul.pf-v6-c-list {
11369
11291
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
11370
11292
  }
11371
11293
 
11372
- :root,
11373
11294
  .pf-v6-c-overflow-menu {
11374
11295
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
11375
11296
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
@@ -11407,7 +11328,6 @@ ul.pf-v6-c-list {
11407
11328
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11408
11329
  }
11409
11330
 
11410
- :root,
11411
11331
  .pf-v6-c-page {
11412
11332
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11413
11333
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
@@ -11489,7 +11409,6 @@ ul.pf-v6-c-list {
11489
11409
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11490
11410
  }
11491
11411
  @media screen and (min-width: 75rem) {
11492
- :root,
11493
11412
  .pf-v6-c-page {
11494
11413
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
11495
11414
  }
@@ -12023,7 +11942,6 @@ ul.pf-v6-c-list {
12023
11942
  flex: 1 0 auto;
12024
11943
  }
12025
11944
 
12026
- :root,
12027
11945
  .pf-v6-c-pagination {
12028
11946
  --pf-v6-c-pagination--inset: 0;
12029
11947
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -12062,7 +11980,6 @@ ul.pf-v6-c-list {
12062
11980
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12063
11981
  }
12064
11982
  @media screen and (min-width: 48rem) {
12065
- :root,
12066
11983
  .pf-v6-c-pagination {
12067
11984
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
12068
11985
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -12071,7 +11988,6 @@ ul.pf-v6-c-list {
12071
11988
  }
12072
11989
  }
12073
11990
  @media screen and (min-width: 75rem) {
12074
- :root,
12075
11991
  .pf-v6-c-pagination {
12076
11992
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
12077
11993
  }
@@ -12373,7 +12289,6 @@ ul.pf-v6-c-list {
12373
12289
  }
12374
12290
  }
12375
12291
 
12376
- :root,
12377
12292
  .pf-v6-c-panel {
12378
12293
  --pf-v6-c-panel--Width: auto;
12379
12294
  --pf-v6-c-panel--MinWidth: auto;
@@ -12471,7 +12386,6 @@ ul.pf-v6-c-list {
12471
12386
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
12472
12387
  }
12473
12388
 
12474
- :root,
12475
12389
  .pf-v6-c-popover {
12476
12390
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
12477
12391
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -12674,7 +12588,6 @@ ul.pf-v6-c-list {
12674
12588
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
12675
12589
  }
12676
12590
 
12677
- :root,
12678
12591
  .pf-v6-c-progress {
12679
12592
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12680
12593
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
@@ -12839,7 +12752,6 @@ ul.pf-v6-c-list {
12839
12752
  font-variant-numeric: tabular-nums;
12840
12753
  }
12841
12754
 
12842
- :root,
12843
12755
  .pf-v6-c-progress-stepper {
12844
12756
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
12845
12757
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -12961,7 +12873,6 @@ ul.pf-v6-c-list {
12961
12873
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
12962
12874
  }
12963
12875
  @media screen and (min-width: 48rem) {
12964
- :root,
12965
12876
  .pf-v6-c-progress-stepper {
12966
12877
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
12967
12878
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
@@ -13451,7 +13362,6 @@ ul.pf-v6-c-list {
13451
13362
  }
13452
13363
  }
13453
13364
 
13454
- :root,
13455
13365
  .pf-v6-c-radio {
13456
13366
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
13457
13367
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -13533,7 +13443,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13533
13443
  cursor: not-allowed;
13534
13444
  }
13535
13445
 
13536
- :root,
13537
13446
  .pf-v6-c-sidebar {
13538
13447
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
13539
13448
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
@@ -13878,7 +13787,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13878
13787
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
13879
13788
  }
13880
13789
  }
13881
- :root,
13882
13790
  .pf-v6-c-simple-list {
13883
13791
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
13884
13792
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -13949,7 +13857,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13949
13857
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
13950
13858
  }
13951
13859
 
13952
- :root,
13953
13860
  .pf-v6-c-skeleton {
13954
13861
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13955
13862
  --pf-v6-c-skeleton--Width: auto;
@@ -14115,7 +14022,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14115
14022
  transform: translateX(100%);
14116
14023
  }
14117
14024
  }
14118
- :root,
14119
14025
  .pf-v6-c-skip-to-content {
14120
14026
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14121
14027
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
@@ -14132,7 +14038,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14132
14038
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14133
14039
  }
14134
14040
 
14135
- :root,
14136
14041
  .pf-v6-c-slider {
14137
14042
  --pf-v6-c-slider--value: 0;
14138
14043
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -14354,7 +14259,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14354
14259
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
14355
14260
  }
14356
14261
 
14357
- :root,
14358
14262
  .pf-v6-c-spinner {
14359
14263
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
14360
14264
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -14431,7 +14335,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14431
14335
  transform: rotate(720deg);
14432
14336
  }
14433
14337
  }
14434
- :root,
14435
14338
  .pf-v6-c-switch {
14436
14339
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
14437
14340
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -14580,7 +14483,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14580
14483
  vertical-align: top;
14581
14484
  }
14582
14485
 
14583
- :root,
14584
14486
  .pf-v6-c-tab-content {
14585
14487
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
14586
14488
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
@@ -14626,7 +14528,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14626
14528
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
14627
14529
  }
14628
14530
 
14629
- :root,
14630
14531
  .pf-v6-c-table {
14631
14532
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
14632
14533
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -16191,7 +16092,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16191
16092
  }
16192
16093
  }
16193
16094
 
16194
- :root,
16195
16095
  .pf-v6-c-table {
16196
16096
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
16197
16097
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -17055,7 +16955,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17055
16955
  --pf-v6-c-table--cell--Width: 100%;
17056
16956
  }
17057
16957
 
17058
- :root,
17059
16958
  .pf-v6-c-table {
17060
16959
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
17061
16960
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
@@ -17120,7 +17019,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17120
17019
  overflow: auto;
17121
17020
  }
17122
17021
 
17123
- :root,
17124
17022
  .pf-v6-c-table {
17125
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));
17126
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));
@@ -17941,7 +17839,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
17941
17839
  }
17942
17840
  }
17943
17841
 
17944
- :root,
17945
17842
  .pf-v6-c-tabs {
17946
17843
  --pf-v6-c-tabs--inset: 0;
17947
17844
  --pf-v6-c-tabs--Width: auto;
@@ -18754,7 +18651,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18754
18651
  }
18755
18652
  }
18756
18653
 
18757
- :root,
18758
18654
  .pf-v6-c-text-input-group {
18759
18655
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
18760
18656
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -18796,9 +18692,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18796
18692
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
18797
18693
  --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
18798
18694
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
18799
- --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);
18800
18696
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
18801
- --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);
18802
18698
  --pf-v6-c-text-input-group__main--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
18803
18699
  --pf-v6-c-text-input-group__main--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
18804
18700
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -18956,7 +18852,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18956
18852
  display: flex;
18957
18853
  }
18958
18854
 
18959
- :root,
18960
18855
  .pf-v6-c-tile {
18961
18856
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
18962
18857
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -19060,7 +18955,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19060
18955
  color: var(--pf-v6-c-tile__icon--Color);
19061
18956
  }
19062
18957
 
19063
- :root,
19064
18958
  .pf-v6-c-timestamp {
19065
18959
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
19066
18960
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
@@ -19092,7 +18986,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19092
18986
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
19093
18987
  }
19094
18988
 
19095
- :root,
19096
18989
  .pf-v6-c-title {
19097
18990
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
19098
18991
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -19198,7 +19091,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19198
19091
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
19199
19092
  }
19200
19093
 
19201
- :root,
19202
19094
  .pf-v6-c-toggle-group {
19203
19095
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19204
19096
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -19322,7 +19214,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19322
19214
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
19323
19215
  }
19324
19216
 
19325
- :root,
19326
19217
  .pf-v6-c-toolbar {
19327
19218
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
19328
19219
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -21226,7 +21117,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21226
21117
  display: inline-flex;
21227
21118
  }
21228
21119
  }
21229
- :root,
21230
21120
  .pf-v6-c-tooltip {
21231
21121
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
21232
21122
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -21349,7 +21239,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21349
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));
21350
21240
  }
21351
21241
 
21352
- :root,
21353
21242
  .pf-v6-c-truncate {
21354
21243
  --pf-v6-c-truncate--MinWidth: 6ch;
21355
21244
  --pf-v6-c-truncate__start--MinWidth: 6ch;
@@ -21396,7 +21285,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21396
21285
  direction: rtl;
21397
21286
  }
21398
21287
  }
21399
- :root,
21400
21288
  .pf-v6-c-number-input {
21401
21289
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
21402
21290
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -21436,7 +21324,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21436
21324
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
21437
21325
  }
21438
21326
 
21439
- :root,
21440
21327
  .pf-v6-c-tree-view {
21441
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));
21442
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));
@@ -21890,7 +21777,6 @@ label.pf-v6-c-tree-view__node-text {
21890
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));
21891
21778
  }
21892
21779
 
21893
- :root,
21894
21780
  .pf-v6-c-wizard {
21895
21781
  --pf-v6-c-wizard--Height: initial;
21896
21782
  --pf-v6-c-wizard--Height--base: 100%;
@@ -22007,7 +21893,6 @@ label.pf-v6-c-tree-view__node-text {
22007
21893
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
22008
21894
  }
22009
21895
  @media screen and (min-width: 62rem) {
22010
- :root,
22011
21896
  .pf-v6-c-wizard {
22012
21897
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
22013
21898
  --pf-v6-c-wizard__nav--BoxShadow: none;