@patternfly/quickstarts 6.0.0-prerelease.1 → 6.0.0-prerelease.2

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 (17) hide show
  1. package/dist/index.es.js +3 -4
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +3 -4
  4. package/dist/index.js.map +1 -1
  5. package/dist/patternfly-global.css +84 -63
  6. package/dist/patternfly-nested.css +382 -91
  7. package/dist/quickstarts-base.css +4 -4
  8. package/dist/quickstarts-full.es.js +18 -18
  9. package/dist/quickstarts-full.es.js.map +1 -1
  10. package/dist/quickstarts-standalone.min.css +2 -2
  11. package/dist/quickstarts.css +4 -4
  12. package/dist/quickstarts.min.css +1 -1
  13. package/package.json +10 -10
  14. package/src/catalog/QuickStartCatalog.tsx +1 -1
  15. package/src/catalog/QuickStartTileHeader.tsx +1 -2
  16. package/src/controller/QuickStartTaskHeaderList.tsx +1 -1
  17. package/src/controller/QuickStartTasks.tsx +1 -1
package/dist/patternfly-global.css CHANGED
@@ -80,26 +80,33 @@
80
80
  --pf-t--global--border--width--100: 1px;
81
81
  --pf-t--global--border--width--200: 2px;
82
82
  --pf-t--global--border--width--300: 3px;
83
- --pf-t--global--box-shadow--X--100: -8px;
83
+ --pf-t--global--box-shadow--X--100: -10px;
84
84
  --pf-t--global--box-shadow--X--200: -4px;
85
85
  --pf-t--global--box-shadow--X--300: -1px;
86
86
  --pf-t--global--box-shadow--X--400: 0px;
87
+ --pf-t--global--box-shadow--X--50: -20px;
87
88
  --pf-t--global--box-shadow--X--500: 1px;
88
89
  --pf-t--global--box-shadow--X--600: 4px;
89
- --pf-t--global--box-shadow--X--700: 8px;
90
- --pf-t--global--box-shadow--Y--100: -8px;
90
+ --pf-t--global--box-shadow--X--700: 10px;
91
+ --pf-t--global--box-shadow--X--800: 20px;
92
+ --pf-t--global--box-shadow--Y--100: -10px;
91
93
  --pf-t--global--box-shadow--Y--200: -4px;
92
94
  --pf-t--global--box-shadow--Y--300: -1px;
93
95
  --pf-t--global--box-shadow--Y--400: 0px;
96
+ --pf-t--global--box-shadow--Y--50: -20px;
94
97
  --pf-t--global--box-shadow--Y--500: 1px;
95
98
  --pf-t--global--box-shadow--Y--600: 4px;
96
- --pf-t--global--box-shadow--Y--700: 8px;
99
+ --pf-t--global--box-shadow--Y--700: 10px;
100
+ --pf-t--global--box-shadow--Y--800: 20px;
97
101
  --pf-t--global--box-shadow--blur--100: 4px;
98
- --pf-t--global--box-shadow--blur--200: 8px;
99
- --pf-t--global--box-shadow--blur--300: 24px;
100
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
101
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
102
+ --pf-t--global--box-shadow--blur--200: 9px;
103
+ --pf-t--global--box-shadow--blur--300: 20px;
104
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
105
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
102
106
  --pf-t--global--box-shadow--spread--100: 0px;
107
+ --pf-t--global--box-shadow--spread--200: -4px;
108
+ --pf-t--global--box-shadow--spread--300: -8px;
109
+ --pf-t--global--box-shadow--spread--400: -20px;
103
110
  --pf-t--global--breakpoint--100: 0rem;
104
111
  --pf-t--global--breakpoint--200: 36rem;
105
112
  --pf-t--global--breakpoint--250: 40rem;
@@ -168,11 +175,13 @@
168
175
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
169
176
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
170
177
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
178
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
171
179
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
172
180
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
173
181
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
174
182
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
175
183
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
184
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
176
185
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
177
186
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
178
187
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
@@ -202,43 +211,49 @@
202
211
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
203
212
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
204
213
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
205
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
206
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
214
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
215
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
207
216
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
208
217
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
209
218
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
210
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
211
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
219
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
220
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
212
221
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
213
222
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
214
223
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
215
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
216
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
224
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
225
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
217
226
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
218
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
227
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
219
228
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
220
229
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
221
230
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
222
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
223
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
231
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
232
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
224
233
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
225
234
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
226
235
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
227
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
228
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
236
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
237
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
229
238
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
230
239
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
231
240
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
232
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
241
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
233
242
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
234
243
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
235
244
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
236
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
237
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
238
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
239
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
240
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
241
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
245
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
246
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
247
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
248
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
249
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
250
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
251
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
252
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
253
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
254
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
255
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
256
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
242
257
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
243
258
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
244
259
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
@@ -385,7 +400,9 @@
385
400
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
386
401
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
387
402
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
403
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
388
404
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
405
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
389
406
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
390
407
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
391
408
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
@@ -747,92 +764,92 @@
747
764
  var(--pf-t--global--box-shadow--X--sm--default)
748
765
  var(--pf-t--global--box-shadow--Y--sm--default)
749
766
  var(--pf-t--global--box-shadow--blur--sm)
750
- var(--pf-t--global--box-shadow--spread--sm)
751
- var(--pf-t--global--box-shadow--color--sm);
767
+ var(--pf-t--global--box-shadow--spread--sm--default)
768
+ var(--pf-t--global--box-shadow--color--sm--default);
752
769
  --pf-t--global--box-shadow--sm--top:
753
770
  var(--pf-t--global--box-shadow--X--sm--top)
754
771
  var(--pf-t--global--box-shadow--Y--sm--top)
755
772
  var(--pf-t--global--box-shadow--blur--sm)
756
- var(--pf-t--global--box-shadow--spread--sm)
757
- var(--pf-t--global--box-shadow--color--sm);
773
+ var(--pf-t--global--box-shadow--spread--sm--directional)
774
+ var(--pf-t--global--box-shadow--color--sm--directional);
758
775
  --pf-t--global--box-shadow--sm--bottom:
759
776
  var(--pf-t--global--box-shadow--X--sm--bottom)
760
777
  var(--pf-t--global--box-shadow--Y--sm--bottom)
761
778
  var(--pf-t--global--box-shadow--blur--sm)
762
- var(--pf-t--global--box-shadow--spread--sm)
763
- var(--pf-t--global--box-shadow--color--sm);
779
+ var(--pf-t--global--box-shadow--spread--sm--directional)
780
+ var(--pf-t--global--box-shadow--color--sm--directional);
764
781
  --pf-t--global--box-shadow--sm--left:
765
782
  var(--pf-t--global--box-shadow--X--sm--left)
766
783
  var(--pf-t--global--box-shadow--Y--sm--left)
767
784
  var(--pf-t--global--box-shadow--blur--sm)
768
- var(--pf-t--global--box-shadow--spread--sm)
769
- var(--pf-t--global--box-shadow--color--sm);
785
+ var(--pf-t--global--box-shadow--spread--sm--directional)
786
+ var(--pf-t--global--box-shadow--color--sm--directional);
770
787
  --pf-t--global--box-shadow--sm--right:
771
788
  var(--pf-t--global--box-shadow--X--sm--right)
772
789
  var(--pf-t--global--box-shadow--Y--sm--right)
773
790
  var(--pf-t--global--box-shadow--blur--sm)
774
- var(--pf-t--global--box-shadow--spread--sm)
775
- var(--pf-t--global--box-shadow--color--sm);
791
+ var(--pf-t--global--box-shadow--spread--sm--directional)
792
+ var(--pf-t--global--box-shadow--color--sm--directional);
776
793
  --pf-t--global--box-shadow--md:
777
794
  var(--pf-t--global--box-shadow--X--md--default)
778
795
  var(--pf-t--global--box-shadow--Y--md--default)
779
796
  var(--pf-t--global--box-shadow--blur--md)
780
- var(--pf-t--global--box-shadow--spread--md)
781
- var(--pf-t--global--box-shadow--color--md);
797
+ var(--pf-t--global--box-shadow--spread--md--default)
798
+ var(--pf-t--global--box-shadow--color--md--default);
782
799
  --pf-t--global--box-shadow--md--top:
783
800
  var(--pf-t--global--box-shadow--X--md--top)
784
801
  var(--pf-t--global--box-shadow--Y--md--top)
785
802
  var(--pf-t--global--box-shadow--blur--md)
786
- var(--pf-t--global--box-shadow--spread--md)
787
- var(--pf-t--global--box-shadow--color--md);
803
+ var(--pf-t--global--box-shadow--spread--md--directional)
804
+ var(--pf-t--global--box-shadow--color--md--directional);
788
805
  --pf-t--global--box-shadow--md--bottom:
789
806
  var(--pf-t--global--box-shadow--X--md--bottom)
790
807
  var(--pf-t--global--box-shadow--Y--md--bottom)
791
808
  var(--pf-t--global--box-shadow--blur--md)
792
- var(--pf-t--global--box-shadow--spread--md)
793
- var(--pf-t--global--box-shadow--color--md);
809
+ var(--pf-t--global--box-shadow--spread--md--directional)
810
+ var(--pf-t--global--box-shadow--color--md--directional);
794
811
  --pf-t--global--box-shadow--md--left:
795
812
  var(--pf-t--global--box-shadow--X--md--left)
796
813
  var(--pf-t--global--box-shadow--Y--md--left)
797
814
  var(--pf-t--global--box-shadow--blur--md)
798
- var(--pf-t--global--box-shadow--spread--md)
799
- var(--pf-t--global--box-shadow--color--md);
815
+ var(--pf-t--global--box-shadow--spread--md--directional)
816
+ var(--pf-t--global--box-shadow--color--md--directional);
800
817
  --pf-t--global--box-shadow--md--right:
801
818
  var(--pf-t--global--box-shadow--X--md--right)
802
819
  var(--pf-t--global--box-shadow--Y--md--right)
803
820
  var(--pf-t--global--box-shadow--blur--md)
804
- var(--pf-t--global--box-shadow--spread--md)
805
- var(--pf-t--global--box-shadow--color--md);
821
+ var(--pf-t--global--box-shadow--spread--md--directional)
822
+ var(--pf-t--global--box-shadow--color--md--directional);
806
823
  --pf-t--global--box-shadow--lg:
807
824
  var(--pf-t--global--box-shadow--X--lg--default)
808
825
  var(--pf-t--global--box-shadow--Y--lg--default)
809
826
  var(--pf-t--global--box-shadow--blur--lg)
810
- var(--pf-t--global--box-shadow--spread--lg)
811
- var(--pf-t--global--box-shadow--color--lg);
827
+ var(--pf-t--global--box-shadow--spread--lg--default)
828
+ var(--pf-t--global--box-shadow--color--lg--default);
812
829
  --pf-t--global--box-shadow--lg--top:
813
830
  var(--pf-t--global--box-shadow--X--lg--top)
814
831
  var(--pf-t--global--box-shadow--Y--lg--top)
815
832
  var(--pf-t--global--box-shadow--blur--lg)
816
- var(--pf-t--global--box-shadow--spread--lg)
817
- var(--pf-t--global--box-shadow--color--lg);
833
+ var(--pf-t--global--box-shadow--spread--lg--directional)
834
+ var(--pf-t--global--box-shadow--color--lg--directional);
818
835
  --pf-t--global--box-shadow--lg--bottom:
819
836
  var(--pf-t--global--box-shadow--X--lg--bottom)
820
837
  var(--pf-t--global--box-shadow--Y--lg--bottom)
821
838
  var(--pf-t--global--box-shadow--blur--lg)
822
- var(--pf-t--global--box-shadow--spread--lg)
823
- var(--pf-t--global--box-shadow--color--lg);
839
+ var(--pf-t--global--box-shadow--spread--lg--directional)
840
+ var(--pf-t--global--box-shadow--color--lg--directional);
824
841
  --pf-t--global--box-shadow--lg--left:
825
842
  var(--pf-t--global--box-shadow--X--lg--left)
826
843
  var(--pf-t--global--box-shadow--Y--lg--left)
827
844
  var(--pf-t--global--box-shadow--blur--lg)
828
- var(--pf-t--global--box-shadow--spread--lg)
829
- var(--pf-t--global--box-shadow--color--lg);
845
+ var(--pf-t--global--box-shadow--spread--lg--directional)
846
+ var(--pf-t--global--box-shadow--color--lg--directional);
830
847
  --pf-t--global--box-shadow--lg--right:
831
848
  var(--pf-t--global--box-shadow--X--lg--right)
832
849
  var(--pf-t--global--box-shadow--Y--lg--right)
833
850
  var(--pf-t--global--box-shadow--blur--lg)
834
- var(--pf-t--global--box-shadow--spread--lg)
835
- var(--pf-t--global--box-shadow--color--lg);
851
+ var(--pf-t--global--box-shadow--spread--lg--directional)
852
+ var(--pf-t--global--box-shadow--color--lg--directional);
836
853
  --pf-t--global--list-style: disc outside;
837
854
  --pf-t--temp--dev--tbd: #BC11E0;
838
855
  }
@@ -842,16 +859,22 @@
842
859
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
843
860
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
844
861
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
862
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
845
863
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
846
864
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
847
865
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
848
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
849
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
850
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
866
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
867
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
868
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
869
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
870
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
871
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
872
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
851
873
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
852
874
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
853
875
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
854
876
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
877
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
855
878
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
856
879
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
857
880
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
@@ -930,7 +953,9 @@
930
953
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
931
954
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
932
955
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
956
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
933
957
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
958
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
934
959
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
935
960
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
936
961
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
@@ -1551,10 +1576,6 @@
1551
1576
  flex: 1 1;
1552
1577
  }
1553
1578
 
1554
- .pf-v6-c-drawer__body > .pf-v6-c-page__main {
1555
- height: 100%;
1556
- }
1557
-
1558
1579
  .pf-v6-c-drawer__splitter {
1559
1580
  position: relative;
1560
1581
  display: none;