@patternfly/quickstarts 6.0.0-alpha.1 → 6.0.0-alpha.3

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 (118) hide show
  1. package/dist/ConsoleInternal/components/markdown-view.d.ts +0 -1
  2. package/dist/ConsoleShared/src/components/markdown-extensions/accordion-extension.d.ts +0 -1
  3. package/dist/ConsoleShared/src/components/markdown-extensions/admonition-extension.d.ts +0 -1
  4. package/dist/ConsoleShared/src/components/markdown-extensions/code-extension.d.ts +0 -1
  5. package/dist/ConsoleShared/src/components/markdown-extensions/inline-clipboard-extension.d.ts +0 -1
  6. package/dist/ConsoleShared/src/components/markdown-extensions/multiline-clipboard-extension.d.ts +0 -1
  7. package/dist/ConsoleShared/src/components/modal/Modal.d.ts +1 -2
  8. package/dist/ConsoleShared/src/components/spotlight/InteractiveSpotlight.d.ts +0 -1
  9. package/dist/ConsoleShared/src/components/spotlight/StaticSpotlight.d.ts +0 -1
  10. package/dist/HelpTopicDrawer.d.ts +0 -1
  11. package/dist/HelpTopicPanelContent.d.ts +0 -1
  12. package/dist/QuickStartDrawer.d.ts +0 -1
  13. package/dist/QuickStartPanelContent.d.ts +2 -2
  14. package/dist/catalog/QuickStartCatalog.d.ts +0 -1
  15. package/dist/catalog/QuickStartTile.d.ts +18 -1
  16. package/dist/catalog/QuickStartTileDescription.d.ts +0 -1
  17. package/dist/catalog/QuickStartTileFooter.d.ts +1 -0
  18. package/dist/catalog/QuickStartTileHeader.d.ts +1 -5
  19. package/dist/catalog/Toolbar/QuickStartCatalogFilter.d.ts +0 -1
  20. package/dist/controller/QuickStartContent.d.ts +1 -1
  21. package/dist/controller/QuickStartFooter.d.ts +1 -1
  22. package/dist/controller/QuickStartIntroduction.d.ts +0 -1
  23. package/dist/controller/QuickStartTaskHeaderList.d.ts +0 -1
  24. package/dist/controller/QuickStartTaskReview.d.ts +0 -1
  25. package/dist/controller/QuickStartTasks.d.ts +0 -1
  26. package/dist/index.es.js +196 -288
  27. package/dist/index.es.js.map +1 -1
  28. package/dist/index.js +197 -288
  29. package/dist/index.js.map +1 -1
  30. package/dist/patternfly-docs/quick-starts/examples/HelpTopic.jsx +4 -4
  31. package/dist/patternfly-docs/quick-starts/examples/example-data/example-help-topics.js +9 -18
  32. package/dist/patternfly-global.css +20 -66
  33. package/dist/patternfly-nested.css +2036 -2119
  34. package/dist/quickstarts-base.css +38 -415
  35. package/dist/quickstarts-full.es.js +1417 -847
  36. package/dist/quickstarts-full.es.js.map +1 -1
  37. package/dist/quickstarts-standalone.css +41 -376
  38. package/dist/quickstarts-standalone.min.css +3 -3
  39. package/dist/quickstarts-vendor.css +6 -11
  40. package/dist/quickstarts.css +44 -426
  41. package/dist/quickstarts.min.css +1 -1
  42. package/dist/utils/quick-start-context.d.ts +2 -0
  43. package/dist/utils/quick-start-types.d.ts +1 -1
  44. package/package.json +13 -15
  45. package/src/ConsoleInternal/components/markdown-view.tsx +29 -9
  46. package/src/ConsoleShared/src/components/markdown-extensions/accordion-extension.tsx +10 -17
  47. package/src/ConsoleShared/src/components/markdown-extensions/admonition-extension.tsx +5 -11
  48. package/src/ConsoleShared/src/components/markdown-extensions/code-extension.tsx +2 -2
  49. package/src/ConsoleShared/src/components/markdown-extensions/inline-clipboard-extension.tsx +0 -1
  50. package/src/ConsoleShared/src/components/markdown-extensions/multiline-clipboard-extension.tsx +2 -6
  51. package/src/ConsoleShared/src/components/markdown-extensions/utils.ts +2 -1
  52. package/src/ConsoleShared/src/components/modal/Modal.tsx +1 -2
  53. package/src/ConsoleShared/src/components/popper/SimplePopper.tsx +5 -2
  54. package/src/ConsoleShared/src/components/spotlight/InteractiveSpotlight.tsx +0 -1
  55. package/src/ConsoleShared/src/components/spotlight/StaticSpotlight.tsx +0 -1
  56. package/src/ConsoleShared/src/components/status/icons.tsx +1 -5
  57. package/src/HelpTopicDrawer.tsx +1 -4
  58. package/src/HelpTopicPanelContent.tsx +4 -16
  59. package/src/QuickStartCatalogPage.tsx +34 -25
  60. package/src/QuickStartCloseModal.tsx +2 -2
  61. package/src/QuickStartController.tsx +2 -2
  62. package/src/QuickStartDrawer.tsx +2 -7
  63. package/src/QuickStartPanelContent.scss +7 -39
  64. package/src/QuickStartPanelContent.tsx +23 -47
  65. package/src/catalog/Catalog/QuickStartCatalogHeader.tsx +5 -4
  66. package/src/catalog/Catalog/QuickStartCatalogSection.tsx +1 -1
  67. package/src/catalog/Catalog/QuickStartCatalogToolbar.tsx +1 -3
  68. package/src/catalog/QuickStartCatalog.tsx +12 -16
  69. package/src/catalog/QuickStartTile.scss +11 -9
  70. package/src/catalog/QuickStartTile.tsx +135 -62
  71. package/src/catalog/QuickStartTileDescription.tsx +28 -42
  72. package/src/catalog/QuickStartTileFooter.tsx +13 -19
  73. package/src/catalog/QuickStartTileHeader.tsx +8 -58
  74. package/src/catalog/Toolbar/QuickStartCatalogFilter.tsx +8 -10
  75. package/src/catalog/Toolbar/QuickStartCatalogFilterItems.tsx +2 -5
  76. package/src/catalog/__tests__/QuickStartCatalog.spec.tsx +3 -3
  77. package/src/catalog/__tests__/QuickStartTile.spec.tsx +5 -5
  78. package/src/catalog/__tests__/QuickStartTileDescription.spec.tsx +1 -1
  79. package/src/controller/QuickStartConclusion.tsx +4 -4
  80. package/src/controller/QuickStartContent.scss +3 -7
  81. package/src/controller/QuickStartContent.tsx +3 -5
  82. package/src/controller/QuickStartFooter.scss +1 -11
  83. package/src/controller/QuickStartFooter.tsx +27 -21
  84. package/src/controller/QuickStartIntroduction.tsx +11 -16
  85. package/src/controller/QuickStartTaskHeader.scss +20 -42
  86. package/src/controller/QuickStartTaskHeader.tsx +25 -62
  87. package/src/controller/QuickStartTaskHeaderList.tsx +4 -6
  88. package/src/controller/QuickStartTaskReview.tsx +6 -12
  89. package/src/controller/QuickStartTasks.tsx +6 -8
  90. package/src/controller/__tests__/QuickStartConclusion.spec.tsx +6 -19
  91. package/src/controller/__tests__/QuickStartFooter.spec.tsx +9 -54
  92. package/src/controller/__tests__/QuickStartTaskHeader.spec.tsx +1 -1
  93. package/src/controller/__tests__/QuickStartTaskReview.spec.tsx +3 -6
  94. package/src/controller/__tests__/QuickStartTasks.spec.tsx +3 -6
  95. package/src/styles/_base.scss +3 -45
  96. package/src/styles/style.scss +1 -6
  97. package/src/utils/help-topic-context.tsx +2 -3
  98. package/src/utils/quick-start-context.tsx +12 -13
  99. package/src/utils/quick-start-types.ts +1 -1
  100. package/src/utils/quick-start-utils.ts +4 -2
  101. package/src/ConsoleInternal/components/_icon-and-text.scss +0 -14
  102. package/src/ConsoleInternal/components/_markdown-view.scss +0 -19
  103. package/src/ConsoleInternal/components/catalog/_catalog.scss +0 -392
  104. package/src/ConsoleInternal/components/utils/_status-box.scss +0 -58
  105. package/src/ConsoleShared/src/components/layout/PageLayout.scss +0 -29
  106. package/src/ConsoleShared/src/components/markdown-extensions/showdown-extension.scss +0 -52
  107. package/src/ConsoleShared/src/components/modal/Modal.scss +0 -3
  108. package/src/ConsoleShared/src/components/spotlight/spotlight.scss +0 -63
  109. package/src/QuickStartDrawer.scss +0 -11
  110. package/src/catalog/QuickStartCatalog.scss +0 -8
  111. package/src/catalog/QuickStartTileDescription.scss +0 -29
  112. package/src/catalog/QuickStartTileHeader.scss +0 -12
  113. package/src/catalog/Toolbar/QuickStartCatalogFilter.scss +0 -25
  114. package/src/controller/QuickStartIntroduction.scss +0 -35
  115. package/src/controller/QuickStartTaskHeaderList.scss +0 -17
  116. package/src/controller/QuickStartTaskReview.scss +0 -30
  117. package/src/controller/QuickStartTasks.scss +0 -90
  118. package/src/styles/_dark-custom-override.scss +0 -47
@@ -1,8 +1,7 @@
1
1
  .pf-v6-c-clipboard-copy.pf-m-inline {
2
2
  display: inline;
3
- padding-block-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);
4
- padding-block-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);
5
3
  padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
4
+ padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
6
5
  white-space: nowrap;
7
6
  background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
8
7
  }
@@ -17,17 +16,13 @@
17
16
 
18
17
  .pf-v6-c-clipboard-copy__actions {
19
18
  display: inline-flex;
19
+ gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
20
+ margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
20
21
  }
21
22
 
22
- .pf-v6-c-clipboard-copy__actions-item {
23
- margin-block-start: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart));
24
- margin-block-end: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd));
25
- }
26
- .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button {
27
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);
28
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);
29
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);
30
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
23
+ .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
24
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
25
+ --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
31
26
  }
32
27
 
33
28
  .pf-v6-c-code-block {
@@ -1,3 +1,11 @@
1
+ .pfext-quick-start-panel {
2
+ --pf-v6-c-drawer__panel--PaddingBlockStart: 0;
3
+ }
4
+
5
+ .pfext-popover__base ul {
6
+ list-style-type: var(--pf-t--global--list-style);
7
+ }
8
+
1
9
  .pfext-markdown-view h1, .pfext-markdown-view h2, .pfext-markdown-view h3, .pfext-markdown-view h4, .pfext-markdown-view h5, .pfext-markdown-view h6,
2
10
  .pfext-markdown-view .h1, .pfext-markdown-view .h2, .pfext-markdown-view .h3, .pfext-markdown-view .h4, .pfext-markdown-view .h5, .pfext-markdown-view .h6 {
3
11
  font-family: var(--pf-t--global--font--family--heading);
@@ -130,465 +138,79 @@
130
138
  text-align: left;
131
139
  }
132
140
 
133
- .pfext-quick-start-drawer__body {
134
- display: flex;
135
- flex-direction: column;
136
- z-index: 0;
137
- position: relative;
138
- }
139
- .pfext-quick-start-drawer__modal > .pf-v6-c-modal-box__footer {
140
- display: block;
141
- }
142
-
143
- .pfext-quick-start-panel-content__header {
144
- position: sticky;
145
- top: 0px;
146
- background: inherit;
147
- z-index: var(--pf-t--global--z-index--xs);
148
- }
149
- .pfext-quick-start-panel-content__header__shadow {
150
- box-shadow: var(--pf-t--global--box-shadow--sm--bottom);
151
- }
152
- .pfext-quick-start-panel-content__header--blue-white {
141
+ .pfext-quick-start-panel-content {
153
142
  background-color: var(--pf-t--global--color--brand--default);
154
- }
155
- .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__title {
156
- color: var(--pf-t--global--text--color--on-brand--default);
157
- }
158
- .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration {
159
- color: var(--pf-t--global--text--color--on-brand--default);
160
- }
161
- .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__close-button button {
162
- color: var(--pf-t--global--text--color--on-brand--default) !important;
143
+ color: var(--pf-t--global--text--color--inverse);
144
+ padding: var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--lg);
163
145
  }
164
146
  .pfext-quick-start-panel-content__body {
165
147
  display: flex;
166
148
  flex-direction: column;
167
149
  }
168
- .pfext-quick-start-panel-content__title {
169
- display: flex;
170
- align-items: center;
171
- flex-wrap: wrap;
172
- }
173
- .pfext-quick-start-panel-content__duration {
174
- display: inline-block;
175
- font-size: var(--pf-t--global--font--size--body--default);
176
- font-weight: var(--pf-t--global--font--weight--body);
177
- line-height: 1;
178
- color: var(--pf-t--global--text--color--subtle);
179
- }
180
- .pfext-quick-start-panel-content__footer__shadow {
181
- box-shadow: var(--pf-t--global--box-shadow--sm--top);
150
+ .pfext-quick-start-panel-content__close-button button.pf-v6-c-button {
151
+ --pf-v6-c-button--Color: var(--pf-t--global--text--color--inverse);
182
152
  }
183
153
 
184
- .pfext-quick-start-catalog__gallery {
185
- --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, 300px) !important;
186
- }
187
- .pfext-quick-start-catalog__gallery-item {
188
- display: inherit !important;
154
+ .pf-v6-theme-dark .pfext-catalog-item-icon__img {
155
+ filter: brightness(1.5) invert(1) hue-rotate(180deg) saturate(4);
189
156
  }
190
157
 
191
- .pfext-quick-start-tile {
192
- height: 100%;
193
- }
194
- .pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
195
- display: block;
196
- -webkit-line-clamp: unset;
197
- }
198
- .pfext-quick-start-tile .catalog-tile-pf-icon {
199
- display: flex;
158
+ .pf-v6-c-card__header-main .pf-v6-c-icon__content {
159
+ display: contents;
200
160
  }
201
161
 
202
- .pfext-quick-start-tile-header__status {
203
- margin: var(--pf-t--global--spacer--sm) 0;
204
- }
205
- .pfext-quick-start-tile-header--margin {
206
- margin-right: var(--pf-t--global--spacer--sm);
207
- margin-bottom: var(--pf-t--global--spacer--sm);
208
- }
209
- .pfext-quick-start-tile-header .pf-v6-c-badge:not(:last-of-type) {
210
- margin-right: var(--pf-t--global--spacer--sm);
162
+ .pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
163
+ border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth) !important;
211
164
  }
212
165
 
213
- .pfext-quick-start-tile-description {
214
- display: -webkit-box;
215
- overflow: hidden;
216
- -webkit-box-orient: vertical;
217
- -webkit-line-clamp: 3;
218
- }
219
- .pfext-quick-start-tile-description p {
220
- margin: 0 0 11.5px;
221
- }
222
- .pfext-quick-start-tile-prerequisites {
223
- display: inline-flex;
224
- }
225
- .pfext-quick-start-tile-prerequisites__text {
226
- margin-right: var(--pf-t--global--spacer--sm);
227
- font-size: var(--pf-t--global--font--size--md);
228
- margin-top: 11.5px;
229
- margin-bottom: 11.5px;
230
- font-family: var(--pf-t--global--font--family--heading);
231
- font-weight: var(--pf-t--global--font--weight--heading);
232
- line-height: 1.1;
233
- }
234
- .pfext-quick-start-tile-prerequisites-list {
235
- padding-left: 20px;
236
- }
237
-
238
- .pfext-quick-start-catalog-filter__input {
239
- flex-grow: 1;
240
- max-width: 500px;
241
- }
242
- .pfext-quick-start-catalog-filter__count {
243
- font-weight: var(--pf-t--global--font--weight--body--bold);
244
- }
245
-
246
- .pf-v6-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex {
247
- --pf-v6-c-toolbar--PaddingBottom: var(--pf-t--global--spacer--sm);
248
- --pf-v6-c-toolbar--PaddingTop: var(--pf-t--global--spacer--sm);
249
- --pf-v6-c-toolbar--RowGap: 0;
250
- font-size: 14px;
251
- }
252
- .pf-v6-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-v6-c-select {
253
- --pf-v6-c-select__toggle--FontSize: 14px;
254
- }
255
- .pf-v6-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-v6-c-check {
256
- --pf-v6-c-check__label--FontSize: 14px;
257
- }
258
-
259
- .pfext-markdown-view.is-empty {
260
- color: #999;
261
- }
262
- .pfext-markdown-view table {
263
- display: block;
264
- margin-bottom: 11.5px;
265
- overflow-x: auto;
266
- }
267
- .pfext-markdown-view td,
268
- .pfext-markdown-view th {
269
- border-bottom: 1px solid #ededed;
270
- padding: 10px;
271
- vertical-align: top;
272
- }
273
- .pfext-markdown-view th {
274
- padding-top: 0;
275
- }
276
-
277
- .pfext-quick-start-content {
166
+ .pfext-quick-start-task {
278
167
  flex: 1 1 0;
279
168
  overflow: auto;
280
- padding: var(--pf-t--global--spacer--lg);
281
- font-size: 16px;
282
169
  }
283
- .pfext-quick-start-content .pf-v6-c-alert__description p {
284
- font-size: 13px;
170
+ .pfext-quick-start-task .pf-v6-c-code-block, .pfext-quick-start-task .pf-v6-c-alert, .pfext-quick-start-task .pf-v6-c-accordion {
171
+ margin-block-end: var(--pf-v6-c-content--MarginBlockEnd);
285
172
  }
286
173
 
287
174
  .pfext-quick-start-footer {
288
- background-color: var(--pf-t--global--background--color--primary--default);
289
- flex: 0 0 auto;
290
- padding: var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--lg);
291
- }
292
- .pfext-quick-start-footer__actionbtn {
293
- margin-right: var(--pf-t--global--spacer--md);
294
- }
295
- .pfext-quick-start-footer__restartbtn {
296
- float: right;
297
- }
298
-
299
- .pfext-quick-start-intro__prereq {
300
- margin-bottom: var(--pf-t--global--spacer--md);
301
- }
302
- .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__content {
303
- margin-top: var(--pf-t--global--spacer--sm);
304
- }
305
- .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle {
306
- padding-top: 0;
307
- padding-bottom: 0;
308
- }
309
- .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-text {
310
- margin-left: var(--pf-t--global--spacer--sm);
311
- }
312
- .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-icon {
313
- color: var(--pf-v6-c-expandable-section__toggle--Color);
314
- }
315
- .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-icon:focus, .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-icon:hover {
316
- --pf-v6-c-expandable-section__toggle--Color: var(--pf-v6-c-expandable-section__toggle--focus--Color);
317
- }
318
- .pfext-quick-start-intro__prereq-list {
319
- padding-left: 20px;
320
- }
321
- .pfext-quick-start-intro__prereq-list__item::marker {
322
- font-size: 0.8rem;
323
- }
324
- .pfext-quick-start-intro__prereq-list__item-content {
325
- position: relative;
326
- left: 2px;
175
+ padding-top: var(--pf-t--global--spacer--md);
327
176
  }
328
177
 
329
- .pfext-quick-start-tasks__list button::before {
330
- content: none;
331
- }
332
- .pfext-quick-start-tasks__list li.pf-v6-c-wizard__nav-item {
333
- list-style-type: none;
334
- display: flex;
335
- flex-wrap: wrap;
336
- align-items: center;
337
- margin-bottom: var(--pf-t--global--spacer--xs);
338
- }
339
- .pfext-quick-start-tasks__list .pfext-quick-start-task__content {
178
+ button.pf-v6-c-wizard__nav-link {
340
179
  margin-bottom: var(--pf-t--global--spacer--md);
341
180
  }
342
- .pfext-quick-start-tasks__list .task-pflist-title {
343
- font-size: 14px !important;
344
- margin-bottom: 6px;
345
- }
346
- .pfext-quick-start-tasks__list .task-pflist-subtitle {
347
- color: var(--pf-t--global--text--color--subtle);
348
- font-size: 16px;
349
- }
350
- .pfext-quick-start-tasks__list .task-pflist-list {
351
- font-size: 16px;
352
- }
353
- .pfext-quick-start-tasks__list .task-pflist-list--prereq {
354
- padding-left: var(--pf-t--global--spacer--lg);
355
- }
356
- .pfext-quick-start-tasks__list .task-pflist-list--prereq li + li {
357
- margin-top: 4px;
358
- }
359
- .pfext-quick-start-tasks__list .task-pflist-list--proc {
360
- padding-left: 10px;
361
- }
362
- .pfext-quick-start-tasks__list .task-pflist-list--proc li + li {
363
- margin-top: 16px;
364
- }
365
- .pfext-quick-start-tasks__list .task-pflist-list__item--prereq::marker {
366
- font-size: 0.8rem;
367
- }
368
- .pfext-quick-start-tasks__list .task-pflist-list__item--prereq .task-pflist-list__item__content {
369
- position: relative;
370
- left: 2px;
371
- }
372
- .pfext-quick-start-tasks__list .task-pflist-list__item--proc {
373
- font-size: 14px;
374
- }
375
- .pfext-quick-start-tasks__list .task-pflist-list__item--proc .task-pflist-list__item__content {
376
- position: relative;
377
- left: 4px;
378
- }
379
- .pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-v6-c-alert {
380
- margin: var(--pf-t--global--spacer--md) 0;
381
- }
382
- .pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-v6-c-alert__title {
383
- margin-top: 0;
384
- margin-bottom: 0;
385
- font-weight: var(--pf-v6-c-alert__title--FontWeight);
386
- font-family: inherit;
387
- line-height: inherit;
388
- color: var(--pf-v6-c-alert__title--Color);
389
- word-break: break-word;
390
- }
391
- .pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note {
392
- background-color: var(--pf-t--global--color--nonstatus--blue--default);
393
- border-color: var(--pf-t--global--border--color--brand--default);
394
- margin: var(--pf-t--global--spacer--md) 0;
395
- color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
396
- }
397
- .pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note__body {
398
- font-size: 14px;
399
- }
400
181
 
401
- .pfext-quick-start-task-header__list {
402
- padding: 0 !important;
403
- }
404
- .pfext-quick-start-task-header__list button::before {
405
- content: none;
406
- }
407
- .pfext-quick-start-task-header__list li {
408
- list-style-type: none;
409
- display: flex;
410
- flex-wrap: wrap;
411
- align-items: center;
412
- margin-bottom: var(--pf-t--global--spacer--xs);
182
+ button.pf-v6-c-wizard__nav-link.pf-m-current {
183
+ --pf-v6-c-wizard__nav-link-main--BackgroundColor: transparent;
413
184
  }
414
185
 
415
- .pfext-quick-start-task-review-alert {
416
- margin: var(--pf-t--global--spacer--lg) 0;
186
+ button.pf-v6-c-wizard__nav-link::before {
187
+ background-color: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
188
+ color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
189
+ min-width: var(--pf-v6-c-wizard__nav-link--before--Width);
417
190
  }
418
191
 
419
- .pfext-quick-start-task-review {
420
- font-size: var(--pf-t--global--font--size--md);
421
- line-height: var(--pf-t--global--font--line-height--heading);
422
- font-family: var(--pf-t--global--font--family--heading);
423
- }
424
- .pfext-quick-start-task-review__actions {
425
- display: flex;
426
- align-items: flex-start;
427
- margin-bottom: var(--pf-t--global--spacer--sm);
428
- }
429
- .pfext-quick-start-task-review__actions input[type=radio] {
430
- margin-top: 0;
431
- margin-right: 0;
432
- }
433
- .pfext-quick-start-task-review__radio {
434
- margin-right: var(--pf-t--global--spacer--xl) !important;
435
- }
436
- .pfext-quick-start-task-review--success {
437
- color: var(--pf-t--global--text--color--status--success--default) !important;
438
- }
439
- .pfext-quick-start-task-review--failed {
440
- color: var(--pf-t--global--text--color--status--danger--default);
441
- }
442
-
443
- .pfext-quick-start-task-header {
444
- margin-bottom: var(--pf-t--global--spacer--sm);
445
- display: grid;
446
- grid-template-columns: min-content auto;
447
- font-size: var(--pf-t--global--font--size--body--default);
448
- }
449
192
  .pfext-quick-start-task-header button::before {
450
193
  content: none;
451
194
  }
452
195
  .pfext-quick-start-task-header__title {
453
- color: var(--pf-t--global--text--color--brand--default) !important;
454
- margin-right: var(--pf-t--global--spacer--md) !important;
196
+ font-family: var(--pf-t--global--font--family--body);
197
+ font-weight: var(---pf-t--global--font--weight--body--bold);
198
+ font-size: var(--pf-t--global--font--size--body--lg);
455
199
  }
456
200
  .pfext-quick-start-task-header__subtitle {
457
- font-size: var(--pf-t--global--font--size--body--sm);
458
- color: var(--pf-t--global--text--color--subtle) !important;
201
+ font-size: var(--pf-t--global--font--size--body--default);
202
+ color: var(--pf-t--global--text--color--subtle);
203
+ font-weight: var(--pf-t--global--font--weight--body);
459
204
  }
460
205
  .pfext-quick-start-task-header__tryagain {
461
206
  display: block;
462
207
  font-size: var(--pf-t--global--font--size--body--default);
463
- color: var(--pf-t--global--text--color--subtle) !important;
464
- }
465
- .pfext-quick-start-task-header__title-success {
466
- color: var(--pf-t--global--text--color--status--success--default) !important;
467
- }
468
- .pfext-quick-start-task-header__title-failed {
469
- color: var(--pf-t--global--text--color--status--danger--default) !important;
470
- }
471
- .pfext-quick-start-task-header__task-icon-init {
472
- background-color: var(--pf-t--global--color--brand--default);
473
- border-radius: var(--pf-t--global--border--radius--large);
474
- color: var(--pf-t--global--text--color--on-brand--default);
475
- display: inline-flex;
476
- justify-content: center;
477
- height: 1.5em;
478
- width: 1.5em;
479
- }
480
- .pfext-quick-start-task-header__task-icon-success, .pfext-quick-start-task-header__task-icon-failed {
481
- vertical-align: middle !important;
482
- }
483
- .pfext-quick-start-task-header__task-icon-success {
484
- color: var(--pf-t--global--text--color--status--success--default) !important;
485
- }
486
- .pfext-quick-start-task-header__task-icon-failed {
487
- color: var(--pf-t--global--text--color--status--danger--default) !important;
488
- }
489
-
490
- .pfext-modal {
491
- position: absolute !important;
492
- }
493
-
494
- .pfext-markdown-view .pfext-code-block__pre {
495
- /* override the styles applied by showdown while parsing <pre /> */
496
- display: flex;
497
- border: none;
498
- border-radius: none;
499
- background-color: transparent;
500
- margin: 0;
501
- padding: 0;
502
- }
503
- .pfext-markdown-view .pfext-markdown-execute-snippet__button > i.fa-check {
504
- display: none;
505
- }
506
- .pfext-markdown-view .pfext-markdown-execute-snippet__button > i.fa-play {
507
- display: inline;
508
- }
509
- .pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed] > i.fa-check {
510
- display: inline;
511
- }
512
- .pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed] > i.fa-play {
513
- display: none;
514
- }
515
- .pfext-markdown-view .pfext-markdown-admonition.pf-v6-c-alert {
516
- margin: var(--pf-t--global--spacer--md) 0;
517
- }
518
- .pfext-markdown-view .pfext-markdown-admonition.pf-v6-c-alert .pf-v6-c-alert__title {
519
- margin-top: 0;
520
- margin-bottom: 0;
521
- font-weight: var(--pf-v6-c-alert__title--FontWeight);
522
- font-family: inherit;
523
- line-height: inherit;
524
- color: var(--pf-v6-c-alert__title--Color);
525
- word-break: break-word;
526
- }
527
-
528
- @keyframes pfext-spotlight-expand {
529
- 0% {
530
- outline-offset: -4px;
531
- outline-width: 4px;
532
- opacity: 1;
533
- }
534
- 100% {
535
- outline-offset: 21px;
536
- outline-width: 12px;
537
- opacity: 0;
538
- }
539
- }
540
- @keyframes pfext-spotlight-fade-in {
541
- 0% {
542
- opacity: 0;
543
- }
544
- 100% {
545
- opacity: 1;
546
- }
547
- }
548
- @keyframes pfext-spotlight-fade-out {
549
- 0% {
550
- opacity: 1;
551
- }
552
- 100% {
553
- opacity: 0;
554
- }
555
- }
556
- .pfext-spotlight {
557
- pointer-events: none;
558
- position: absolute;
559
- }
560
- .pfext-spotlight__with-backdrop {
561
- mix-blend-mode: hard-light;
562
- }
563
- .pfext-spotlight__element-highlight-noanimate {
564
- border: var(--pf-t--global--border--width--strong) solid var(--pf-t--global--border--color--brand--default);
565
- background-color: var(--pf-t--color--gray--40);
566
- z-index: 9999;
567
- }
568
- .pfext-spotlight__element-highlight-animate {
569
- pointer-events: none;
570
- position: absolute;
571
- box-shadow: inset 0px 0px 0px 4px var(--pf-t--global--color--brand--default);
572
- opacity: 0;
573
- animation: 0.4s pfext-spotlight-fade-in 0s ease-in-out, 5s pfext-spotlight-fade-out 12.8s ease-in-out;
574
- animation-fill-mode: forwards;
575
- }
576
- .pfext-spotlight__element-highlight-animate::after {
577
- content: "";
578
- position: absolute;
579
- left: 0;
580
- right: 0;
581
- top: 0;
582
- bottom: 0;
583
- animation: 1.2s pfext-spotlight-expand 1.6s ease-out;
584
- animation-fill-mode: forwards;
585
- outline: 4px solid var(--pf-t--global--color--brand--default);
586
- outline-offset: -4px;
208
+ color: var(--pf-t--global--text--color--subtle);
209
+ font-weight: var(--pf-t--global--font--weight--body);
587
210
  }.pf-v6-c-clipboard-copy.pf-m-inline {
588
211
  display: inline;
589
- padding-block-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);
590
- padding-block-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);
591
212
  padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
213
+ padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
592
214
  white-space: nowrap;
593
215
  background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
594
216
  }
@@ -603,17 +225,13 @@
603
225
 
604
226
  .pf-v6-c-clipboard-copy__actions {
605
227
  display: inline-flex;
228
+ gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
229
+ margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
606
230
  }
607
231
 
608
- .pf-v6-c-clipboard-copy__actions-item {
609
- margin-block-start: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart));
610
- margin-block-end: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd));
611
- }
612
- .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button {
613
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);
614
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);
615
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);
616
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
232
+ .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
233
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
234
+ --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
617
235
  }
618
236
 
619
237
  .pf-v6-c-code-block {
@@ -1 +1 @@
1
- .pfext-markdown-view .h1,.pfext-markdown-view .h2,.pfext-markdown-view .h3,.pfext-markdown-view .h4,.pfext-markdown-view .h5,.pfext-markdown-view .h6,.pfext-markdown-view h1,.pfext-markdown-view h2,.pfext-markdown-view h3,.pfext-markdown-view h4,.pfext-markdown-view h5,.pfext-markdown-view h6{font-family:var(--pf-t--global--font--family--heading);font-weight:var(--pf-t--global--font--weight--heading);line-height:1.1;color:inherit}.pfext-markdown-view .h1,.pfext-markdown-view .h2,.pfext-markdown-view .h3,.pfext-markdown-view h1,.pfext-markdown-view h2,.pfext-markdown-view h3{margin-top:23px;margin-bottom:11.5px}.pfext-markdown-view .h4,.pfext-markdown-view .h5,.pfext-markdown-view .h6,.pfext-markdown-view h4,.pfext-markdown-view h5,.pfext-markdown-view h6{margin-top:11.5px;margin-bottom:11.5px}.pfext-markdown-view .h1,.pfext-markdown-view h1{font-size:var(--pf-t--global--font--size--heading--h1)}.pfext-markdown-view .h2,.pfext-markdown-view h2{font-size:var(--pf-t--global--font--size--heading--h2)}.pfext-markdown-view .h3,.pfext-markdown-view h3{font-size:var(--pf-t--global--font--size--heading--h3)}.pfext-markdown-view .h4,.pfext-markdown-view h4{font-size:var(--pf-t--global--font--size--heading--h4)}.pfext-markdown-view .h5,.pfext-markdown-view h5{font-size:var(--pf-t--global--font--size--heading--h5)}.pfext-markdown-view .h6,.pfext-markdown-view h6{font-size:var(--pf-t--global--font--size--heading--h6)}.pfext-markdown-view p{margin:0 0 11.5px}.pfext-markdown-view ol,.pfext-markdown-view ul{margin-top:0;margin-bottom:11.5px}.pfext-markdown-view ol ol,.pfext-markdown-view ol ul,.pfext-markdown-view ul ol,.pfext-markdown-view ul ul{margin-bottom:0}.pfext-markdown-view dl{margin-top:0;margin-bottom:23px}.pfext-markdown-view dd,.pfext-markdown-view dt{line-height:1.66666667}.pfext-markdown-view dt{font-weight:700}.pfext-markdown-view dd{margin-left:0}.pfext-markdown-view blockquote{padding:11.5px 23px;margin:0 0 23px;font-size:17.5px;border-left:5px solid #f1f1f1}.pfext-markdown-view blockquote ol:last-child,.pfext-markdown-view blockquote p:last-child,.pfext-markdown-view blockquote ul:last-child{margin-bottom:0}.pfext-markdown-view code,.pfext-markdown-view pre{font-family:Menlo,Monaco,Consolas,monospace}.pfext-markdown-view code{padding:2px 4px;font-size:90%;color:#004368;background-color:#def3ff;border-radius:1px}.pfext-markdown-view pre{display:block;padding:11px;margin:0 0 11.5px;font-size:13px;line-height:1.66666667;color:#363636;word-break:break-all;word-wrap:break-word;background-color:#fafafa;border:1px solid #ccc;border-radius:1px}.pfext-markdown-view pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pfext-markdown-view table{background-color:transparent}.pfext-markdown-view table col[class*=col-]{position:static;display:table-column;float:none}.pfext-markdown-view table td[class*=col-],.pfext-markdown-view table th[class*=col-]{position:static;display:table-cell;float:none}.pfext-markdown-view caption{padding-top:10px;padding-bottom:10px;color:#9c9c9c;text-align:left}.pfext-markdown-view th{text-align:left}.pfext-quick-start-drawer__body{display:flex;flex-direction:column;z-index:0;position:relative}.pfext-quick-start-drawer__modal>.pf-v6-c-modal-box__footer{display:block}.pfext-quick-start-panel-content__header{position:sticky;top:0;background:inherit;z-index:var(--pf-t--global--z-index--xs)}.pfext-quick-start-panel-content__header__shadow{box-shadow:var(--pf-t--global--box-shadow--sm--bottom)}.pfext-quick-start-panel-content__header--blue-white{background-color:var(--pf-t--global--color--brand--default)}.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__title{color:var(--pf-t--global--text--color--on-brand--default)}.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration{color:var(--pf-t--global--text--color--on-brand--default)}.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__close-button button{color:var(--pf-t--global--text--color--on-brand--default)!important}.pfext-quick-start-panel-content__body{display:flex;flex-direction:column}.pfext-quick-start-panel-content__title{display:flex;align-items:center;flex-wrap:wrap}.pfext-quick-start-panel-content__duration{display:inline-block;font-size:var(--pf-t--global--font--size--body--default);font-weight:var(--pf-t--global--font--weight--body);line-height:1;color:var(--pf-t--global--text--color--subtle)}.pfext-quick-start-panel-content__footer__shadow{box-shadow:var(--pf-t--global--box-shadow--sm--top)}.pfext-quick-start-catalog__gallery{--pf-v6-l-gallery--GridTemplateColumns:repeat(auto-fill, 300px)!important}.pfext-quick-start-catalog__gallery-item{display:inherit!important}.pfext-quick-start-tile{height:100%}.pfext-quick-start-tile .catalog-tile-pf-description .has-footer{display:block;-webkit-line-clamp:unset}.pfext-quick-start-tile .catalog-tile-pf-icon{display:flex}.pfext-quick-start-tile-header__status{margin:var(--pf-t--global--spacer--sm) 0}.pfext-quick-start-tile-header--margin{margin-right:var(--pf-t--global--spacer--sm);margin-bottom:var(--pf-t--global--spacer--sm)}.pfext-quick-start-tile-header .pf-v6-c-badge:not(:last-of-type){margin-right:var(--pf-t--global--spacer--sm)}.pfext-quick-start-tile-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.pfext-quick-start-tile-description p{margin:0 0 11.5px}.pfext-quick-start-tile-prerequisites{display:inline-flex}.pfext-quick-start-tile-prerequisites__text{margin-right:var(--pf-t--global--spacer--sm);font-size:var(--pf-t--global--font--size--md);margin-top:11.5px;margin-bottom:11.5px;font-family:var(--pf-t--global--font--family--heading);font-weight:var(--pf-t--global--font--weight--heading);line-height:1.1}.pfext-quick-start-tile-prerequisites-list{padding-left:20px}.pfext-quick-start-catalog-filter__input{flex-grow:1;max-width:500px}.pfext-quick-start-catalog-filter__count{font-weight:var(--pf-t--global--font--weight--body--bold)}.pf-v6-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex{--pf-v6-c-toolbar--PaddingBottom:var(--pf-t--global--spacer--sm);--pf-v6-c-toolbar--PaddingTop:var(--pf-t--global--spacer--sm);--pf-v6-c-toolbar--RowGap:0;font-size:14px}.pf-v6-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-v6-c-select{--pf-v6-c-select__toggle--FontSize:14px}.pf-v6-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-v6-c-check{--pf-v6-c-check__label--FontSize:14px}.pfext-markdown-view.is-empty{color:#999}.pfext-markdown-view table{display:block;margin-bottom:11.5px;overflow-x:auto}.pfext-markdown-view td,.pfext-markdown-view th{border-bottom:1px solid #ededed;padding:10px;vertical-align:top}.pfext-markdown-view th{padding-top:0}.pfext-quick-start-content{flex:1 1 0;overflow:auto;padding:var(--pf-t--global--spacer--lg);font-size:16px}.pfext-quick-start-content .pf-v6-c-alert__description p{font-size:13px}.pfext-quick-start-footer{background-color:var(--pf-t--global--background--color--primary--default);flex:0 0 auto;padding:var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--lg)}.pfext-quick-start-footer__actionbtn{margin-right:var(--pf-t--global--spacer--md)}.pfext-quick-start-footer__restartbtn{float:right}.pfext-quick-start-intro__prereq{margin-bottom:var(--pf-t--global--spacer--md)}.pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__content{margin-top:var(--pf-t--global--spacer--sm)}.pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle{padding-top:0;padding-bottom:0}.pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-text{margin-left:var(--pf-t--global--spacer--sm)}.pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-icon{color:var(--pf-v6-c-expandable-section__toggle--Color)}.pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-icon:focus,.pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-icon:hover{--pf-v6-c-expandable-section__toggle--Color:var(--pf-v6-c-expandable-section__toggle--focus--Color)}.pfext-quick-start-intro__prereq-list{padding-left:20px}.pfext-quick-start-intro__prereq-list__item::marker{font-size:.8rem}.pfext-quick-start-intro__prereq-list__item-content{position:relative;left:2px}.pfext-quick-start-tasks__list button::before{content:none}.pfext-quick-start-tasks__list li.pf-v6-c-wizard__nav-item{list-style-type:none;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--pf-t--global--spacer--xs)}.pfext-quick-start-tasks__list .pfext-quick-start-task__content{margin-bottom:var(--pf-t--global--spacer--md)}.pfext-quick-start-tasks__list .task-pflist-title{font-size:14px!important;margin-bottom:6px}.pfext-quick-start-tasks__list .task-pflist-subtitle{color:var(--pf-t--global--text--color--subtle);font-size:16px}.pfext-quick-start-tasks__list .task-pflist-list{font-size:16px}.pfext-quick-start-tasks__list .task-pflist-list--prereq{padding-left:var(--pf-t--global--spacer--lg)}.pfext-quick-start-tasks__list .task-pflist-list--prereq li+li{margin-top:4px}.pfext-quick-start-tasks__list .task-pflist-list--proc{padding-left:10px}.pfext-quick-start-tasks__list .task-pflist-list--proc li+li{margin-top:16px}.pfext-quick-start-tasks__list .task-pflist-list__item--prereq::marker{font-size:.8rem}.pfext-quick-start-tasks__list .task-pflist-list__item--prereq .task-pflist-list__item__content{position:relative;left:2px}.pfext-quick-start-tasks__list .task-pflist-list__item--proc{font-size:14px}.pfext-quick-start-tasks__list .task-pflist-list__item--proc .task-pflist-list__item__content{position:relative;left:4px}.pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-v6-c-alert{margin:var(--pf-t--global--spacer--md) 0}.pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-v6-c-alert__title{margin-top:0;margin-bottom:0;font-weight:var(--pf-v6-c-alert__title--FontWeight);font-family:inherit;line-height:inherit;color:var(--pf-v6-c-alert__title--Color);word-break:break-word}.pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note{background-color:var(--pf-t--global--color--nonstatus--blue--default);border-color:var(--pf-t--global--border--color--brand--default);margin:var(--pf-t--global--spacer--md) 0;color:var(--pf-t--global--text--color--nonstatus--on-blue--default)}.pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note__body{font-size:14px}.pfext-quick-start-task-header__list{padding:0!important}.pfext-quick-start-task-header__list button::before{content:none}.pfext-quick-start-task-header__list li{list-style-type:none;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--pf-t--global--spacer--xs)}.pfext-quick-start-task-review-alert{margin:var(--pf-t--global--spacer--lg) 0}.pfext-quick-start-task-review{font-size:var(--pf-t--global--font--size--md);line-height:var(--pf-t--global--font--line-height--heading);font-family:var(--pf-t--global--font--family--heading)}.pfext-quick-start-task-review__actions{display:flex;align-items:flex-start;margin-bottom:var(--pf-t--global--spacer--sm)}.pfext-quick-start-task-review__actions input[type=radio]{margin-top:0;margin-right:0}.pfext-quick-start-task-review__radio{margin-right:var(--pf-t--global--spacer--xl)!important}.pfext-quick-start-task-review--success{color:var(--pf-t--global--text--color--status--success--default)!important}.pfext-quick-start-task-review--failed{color:var(--pf-t--global--text--color--status--danger--default)}.pfext-quick-start-task-header{margin-bottom:var(--pf-t--global--spacer--sm);display:grid;grid-template-columns:min-content auto;font-size:var(--pf-t--global--font--size--body--default)}.pfext-quick-start-task-header button::before{content:none}.pfext-quick-start-task-header__title{color:var(--pf-t--global--text--color--brand--default)!important;margin-right:var(--pf-t--global--spacer--md)!important}.pfext-quick-start-task-header__subtitle{font-size:var(--pf-t--global--font--size--body--sm);color:var(--pf-t--global--text--color--subtle)!important}.pfext-quick-start-task-header__tryagain{display:block;font-size:var(--pf-t--global--font--size--body--default);color:var(--pf-t--global--text--color--subtle)!important}.pfext-quick-start-task-header__title-success{color:var(--pf-t--global--text--color--status--success--default)!important}.pfext-quick-start-task-header__title-failed{color:var(--pf-t--global--text--color--status--danger--default)!important}.pfext-quick-start-task-header__task-icon-init{background-color:var(--pf-t--global--color--brand--default);border-radius:var(--pf-t--global--border--radius--large);color:var(--pf-t--global--text--color--on-brand--default);display:inline-flex;justify-content:center;height:1.5em;width:1.5em}.pfext-quick-start-task-header__task-icon-failed,.pfext-quick-start-task-header__task-icon-success{vertical-align:middle!important}.pfext-quick-start-task-header__task-icon-success{color:var(--pf-t--global--text--color--status--success--default)!important}.pfext-quick-start-task-header__task-icon-failed{color:var(--pf-t--global--text--color--status--danger--default)!important}.pfext-modal{position:absolute!important}.pfext-markdown-view .pfext-code-block__pre{display:flex;border:none;border-radius:none;background-color:transparent;margin:0;padding:0}.pfext-markdown-view .pfext-markdown-execute-snippet__button>i.fa-check{display:none}.pfext-markdown-view .pfext-markdown-execute-snippet__button>i.fa-play{display:inline}.pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed]>i.fa-check{display:inline}.pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed]>i.fa-play{display:none}.pfext-markdown-view .pfext-markdown-admonition.pf-v6-c-alert{margin:var(--pf-t--global--spacer--md) 0}.pfext-markdown-view .pfext-markdown-admonition.pf-v6-c-alert .pf-v6-c-alert__title{margin-top:0;margin-bottom:0;font-weight:var(--pf-v6-c-alert__title--FontWeight);font-family:inherit;line-height:inherit;color:var(--pf-v6-c-alert__title--Color);word-break:break-word}@keyframes pfext-spotlight-expand{0%{outline-offset:-4px;outline-width:4px;opacity:1}100%{outline-offset:21px;outline-width:12px;opacity:0}}@keyframes pfext-spotlight-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes pfext-spotlight-fade-out{0%{opacity:1}100%{opacity:0}}.pfext-spotlight{pointer-events:none;position:absolute}.pfext-spotlight__with-backdrop{mix-blend-mode:hard-light}.pfext-spotlight__element-highlight-noanimate{border:var(--pf-t--global--border--width--strong) solid var(--pf-t--global--border--color--brand--default);background-color:var(--pf-t--color--gray--40);z-index:9999}.pfext-spotlight__element-highlight-animate{pointer-events:none;position:absolute;box-shadow:inset 0 0 0 4px var(--pf-t--global--color--brand--default);opacity:0;animation:.4s pfext-spotlight-fade-in 0s ease-in-out,5s pfext-spotlight-fade-out 12.8s ease-in-out;animation-fill-mode:forwards}.pfext-spotlight__element-highlight-animate::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;animation:1.2s pfext-spotlight-expand 1.6s ease-out;animation-fill-mode:forwards;outline:4px solid var(--pf-t--global--color--brand--default);outline-offset:-4px}.pf-v6-c-clipboard-copy.pf-m-inline{display:inline;padding-block-start:var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);padding-block-end:var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);padding-inline-start:var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);white-space:nowrap;background-color:var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor)}.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block{display:block}.pf-v6-c-clipboard-copy__text{word-break:break-word;white-space:normal}.pf-v6-c-clipboard-copy__actions{display:inline-flex}.pf-v6-c-clipboard-copy__actions-item{margin-block-start:calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart));margin-block-end:calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd))}.pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button{--pf-v6-c-button--PaddingBlockStart:var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);--pf-v6-c-button--PaddingInlineEnd:var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);--pf-v6-c-button--PaddingBlockEnd:var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);--pf-v6-c-button--PaddingInlineStart:var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart)}.pf-v6-c-code-block{background-color:var(--pf-v6-c-code-block--BackgroundColor);border-radius:var(--pf-v6-c-code-block--BorderRadius)}.pf-v6-c-code-block__header{display:flex;padding-block-start:var(--pf-v6-c-code-block__header--PaddingBlockStart);padding-block-end:var(--pf-v6-c-code-block__header--PaddingBlockEnd);padding-inline-start:var(--pf-v6-c-code-block__header--PaddingInlineStart);padding-inline-end:var(--pf-v6-c-code-block__header--PaddingInlineEnd);border-block-end:var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor)}.pf-v6-c-code-block__actions{display:flex;margin-inline-start:auto}.pf-v6-c-code-block__content{padding-block-start:var(--pf-v6-c-code-block__content--PaddingBlockStart);padding-block-end:var(--pf-v6-c-code-block__content--PaddingBlockEnd);padding-inline-start:var(--pf-v6-c-code-block__content--PaddingInlineStart);padding-inline-end:var(--pf-v6-c-code-block__content--PaddingInlineEnd)}.pf-v6-c-code-block__pre{font-family:var(--pf-v6-c-code-block__pre--FontFamily);font-size:var(--pf-v6-c-code-block__pre--FontSize);overflow-wrap:break-word;white-space:pre-wrap}.pf-v6-c-code-block__code{font-family:var(--pf-v6-c-code-block__code--FontFamily,inherit)}
1
+ .pfext-quick-start-panel{--pf-v6-c-drawer__panel--PaddingBlockStart:0}.pfext-popover__base ul{list-style-type:var(--pf-t--global--list-style)}.pfext-markdown-view .h1,.pfext-markdown-view .h2,.pfext-markdown-view .h3,.pfext-markdown-view .h4,.pfext-markdown-view .h5,.pfext-markdown-view .h6,.pfext-markdown-view h1,.pfext-markdown-view h2,.pfext-markdown-view h3,.pfext-markdown-view h4,.pfext-markdown-view h5,.pfext-markdown-view h6{font-family:var(--pf-t--global--font--family--heading);font-weight:var(--pf-t--global--font--weight--heading);line-height:1.1;color:inherit}.pfext-markdown-view .h1,.pfext-markdown-view .h2,.pfext-markdown-view .h3,.pfext-markdown-view h1,.pfext-markdown-view h2,.pfext-markdown-view h3{margin-top:23px;margin-bottom:11.5px}.pfext-markdown-view .h4,.pfext-markdown-view .h5,.pfext-markdown-view .h6,.pfext-markdown-view h4,.pfext-markdown-view h5,.pfext-markdown-view h6{margin-top:11.5px;margin-bottom:11.5px}.pfext-markdown-view .h1,.pfext-markdown-view h1{font-size:var(--pf-t--global--font--size--heading--h1)}.pfext-markdown-view .h2,.pfext-markdown-view h2{font-size:var(--pf-t--global--font--size--heading--h2)}.pfext-markdown-view .h3,.pfext-markdown-view h3{font-size:var(--pf-t--global--font--size--heading--h3)}.pfext-markdown-view .h4,.pfext-markdown-view h4{font-size:var(--pf-t--global--font--size--heading--h4)}.pfext-markdown-view .h5,.pfext-markdown-view h5{font-size:var(--pf-t--global--font--size--heading--h5)}.pfext-markdown-view .h6,.pfext-markdown-view h6{font-size:var(--pf-t--global--font--size--heading--h6)}.pfext-markdown-view p{margin:0 0 11.5px}.pfext-markdown-view ol,.pfext-markdown-view ul{margin-top:0;margin-bottom:11.5px}.pfext-markdown-view ol ol,.pfext-markdown-view ol ul,.pfext-markdown-view ul ol,.pfext-markdown-view ul ul{margin-bottom:0}.pfext-markdown-view dl{margin-top:0;margin-bottom:23px}.pfext-markdown-view dd,.pfext-markdown-view dt{line-height:1.66666667}.pfext-markdown-view dt{font-weight:700}.pfext-markdown-view dd{margin-left:0}.pfext-markdown-view blockquote{padding:11.5px 23px;margin:0 0 23px;font-size:17.5px;border-left:5px solid #f1f1f1}.pfext-markdown-view blockquote ol:last-child,.pfext-markdown-view blockquote p:last-child,.pfext-markdown-view blockquote ul:last-child{margin-bottom:0}.pfext-markdown-view code,.pfext-markdown-view pre{font-family:Menlo,Monaco,Consolas,monospace}.pfext-markdown-view code{padding:2px 4px;font-size:90%;color:#004368;background-color:#def3ff;border-radius:1px}.pfext-markdown-view pre{display:block;padding:11px;margin:0 0 11.5px;font-size:13px;line-height:1.66666667;color:#363636;word-break:break-all;word-wrap:break-word;background-color:#fafafa;border:1px solid #ccc;border-radius:1px}.pfext-markdown-view pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pfext-markdown-view table{background-color:transparent}.pfext-markdown-view table col[class*=col-]{position:static;display:table-column;float:none}.pfext-markdown-view table td[class*=col-],.pfext-markdown-view table th[class*=col-]{position:static;display:table-cell;float:none}.pfext-markdown-view caption{padding-top:10px;padding-bottom:10px;color:#9c9c9c;text-align:left}.pfext-markdown-view th{text-align:left}.pfext-quick-start-panel-content{background-color:var(--pf-t--global--color--brand--default);color:var(--pf-t--global--text--color--inverse);padding:var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--lg)}.pfext-quick-start-panel-content__body{display:flex;flex-direction:column}.pfext-quick-start-panel-content__close-button button.pf-v6-c-button{--pf-v6-c-button--Color:var(--pf-t--global--text--color--inverse)}.pf-v6-theme-dark .pfext-catalog-item-icon__img{filter:brightness(1.5) invert(1) hue-rotate(180deg) saturate(4)}.pf-v6-c-card__header-main .pf-v6-c-icon__content{display:contents}.pf-v6-c-card.pf-m-clickable::before,.pf-v6-c-card.pf-m-selectable::before{border:var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth)!important}.pfext-quick-start-task{flex:1 1 0;overflow:auto}.pfext-quick-start-task .pf-v6-c-accordion,.pfext-quick-start-task .pf-v6-c-alert,.pfext-quick-start-task .pf-v6-c-code-block{margin-block-end:var(--pf-v6-c-content--MarginBlockEnd)}.pfext-quick-start-footer{padding-top:var(--pf-t--global--spacer--md)}button.pf-v6-c-wizard__nav-link{margin-bottom:var(--pf-t--global--spacer--md)}button.pf-v6-c-wizard__nav-link.pf-m-current{--pf-v6-c-wizard__nav-link-main--BackgroundColor:transparent}button.pf-v6-c-wizard__nav-link::before{background-color:var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);color:var(--pf-v6-c-wizard__nav-link--m-current--before--Color);min-width:var(--pf-v6-c-wizard__nav-link--before--Width)}.pfext-quick-start-task-header button::before{content:none}.pfext-quick-start-task-header__title{font-family:var(--pf-t--global--font--family--body);font-weight:var(---pf-t--global--font--weight--body--bold);font-size:var(--pf-t--global--font--size--body--lg)}.pfext-quick-start-task-header__subtitle{font-size:var(--pf-t--global--font--size--body--default);color:var(--pf-t--global--text--color--subtle);font-weight:var(--pf-t--global--font--weight--body)}.pfext-quick-start-task-header__tryagain{display:block;font-size:var(--pf-t--global--font--size--body--default);color:var(--pf-t--global--text--color--subtle);font-weight:var(--pf-t--global--font--weight--body)}.pf-v6-c-clipboard-copy.pf-m-inline{display:inline;padding-inline-start:var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);padding-inline-end:var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);white-space:nowrap;background-color:var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor)}.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block{display:block}.pf-v6-c-clipboard-copy__text{word-break:break-word;white-space:normal}.pf-v6-c-clipboard-copy__actions{display:inline-flex;gap:var(--pf-v6-c-clipboard-copy__actions--Gap);margin-inline-start:var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart)}.pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain{--pf-v6-c-button--m-plain__icon--Color:var(--pf-v6-c-clipboard-copy__actions-item--button--Color);--pf-v6-c-button--m-plain--hover__icon--Color:var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color)}.pf-v6-c-code-block{background-color:var(--pf-v6-c-code-block--BackgroundColor);border-radius:var(--pf-v6-c-code-block--BorderRadius)}.pf-v6-c-code-block__header{display:flex;padding-block-start:var(--pf-v6-c-code-block__header--PaddingBlockStart);padding-block-end:var(--pf-v6-c-code-block__header--PaddingBlockEnd);padding-inline-start:var(--pf-v6-c-code-block__header--PaddingInlineStart);padding-inline-end:var(--pf-v6-c-code-block__header--PaddingInlineEnd);border-block-end:var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor)}.pf-v6-c-code-block__actions{display:flex;margin-inline-start:auto}.pf-v6-c-code-block__content{padding-block-start:var(--pf-v6-c-code-block__content--PaddingBlockStart);padding-block-end:var(--pf-v6-c-code-block__content--PaddingBlockEnd);padding-inline-start:var(--pf-v6-c-code-block__content--PaddingInlineStart);padding-inline-end:var(--pf-v6-c-code-block__content--PaddingInlineEnd)}.pf-v6-c-code-block__pre{font-family:var(--pf-v6-c-code-block__pre--FontFamily);font-size:var(--pf-v6-c-code-block__pre--FontSize);overflow-wrap:break-word;white-space:pre-wrap}.pf-v6-c-code-block__code{font-family:var(--pf-v6-c-code-block__code--FontFamily,inherit)}
@@ -47,6 +47,7 @@ export interface QuickStartContextValues {
47
47
  setLoading?: any;
48
48
  alwaysShowTaskReview?: boolean;
49
49
  setAlwaysShowTaskReview?: any;
50
+ focusOnQuickStart?: boolean;
50
51
  }
51
52
  export declare const QuickStartContextDefaults: {
52
53
  allQuickStarts: any[];
@@ -71,6 +72,7 @@ export declare const QuickStartContextDefaults: {
71
72
  markdown: any;
72
73
  loading: boolean;
73
74
  alwaysShowTaskReview: boolean;
75
+ focusOnQuickStart: boolean;
74
76
  };
75
77
  export declare const QuickStartContext: React.Context<QuickStartContextValues>;
76
78
  export declare const getResource: (resource: string, options: any, resourceBundle: any, lng: string) => any;
@@ -56,5 +56,5 @@ export interface QuickStartExternal {
56
56
  }
57
57
  export interface QuickStartType {
58
58
  text: string;
59
- color?: 'blue' | 'cyan' | 'green' | 'orange' | 'purple' | 'red' | 'grey';
59
+ color?: 'green' | 'purple' | 'grey' | 'blue' | 'orange' | 'red' | 'teal' | 'orangered' | 'yellow';
60
60
  }