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