@patternfly/quickstarts 1.4.0 → 1.4.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/README.md +8 -1
  2. package/dist/QuickStartDrawer.d.ts +1 -0
  3. package/dist/QuickStartPanelContent.d.ts +1 -0
  4. package/dist/index.es.js +26 -21
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/index.js +26 -21
  7. package/dist/index.js.map +1 -1
  8. package/dist/patternfly-nested.css +12 -4
  9. package/dist/quickstarts-base.css +120 -56
  10. package/dist/quickstarts-full.es.js +26 -21
  11. package/dist/quickstarts-full.es.js.map +1 -1
  12. package/dist/quickstarts-standalone.css +23 -5
  13. package/dist/quickstarts-standalone.min.css +2 -2
  14. package/dist/quickstarts.css +120 -56
  15. package/dist/quickstarts.min.css +1 -1
  16. package/dist/utils/quick-start-context.d.ts +2 -0
  17. package/package.json +4 -4
package/dist/quickstarts-standalone.css CHANGED
@@ -112,6 +112,7 @@
112
112
  .pfext-quick-start__base .pfext-page-layout__content.pfext-is-dark {
113
113
  background: var(--pf-global--palette--black-150); }
114
114
  .pfext-quick-start__base .pfext-page-layout__header {
115
+ padding-top: 1px;
115
116
  background-color: var(--pf-global--BackgroundColor--light-100); }
116
117
  .pfext-quick-start__base .pfext-page-layout__hint {
117
118
  padding-left: var(--pf-global--spacer--lg);
@@ -290,6 +291,14 @@
290
291
  z-index: var(--pf-global--ZIndex--xs); }
291
292
  .pfext-quick-start__base .pfext-quick-start-panel-content__header__shadow {
292
293
  box-shadow: var(--pf-global--BoxShadow--sm-bottom); }
294
+ .pfext-quick-start__base .pfext-quick-start-panel-content__header--blue-white {
295
+ background-color: var(--pf-global--palette--blue-400); }
296
+ .pfext-quick-start__base .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__title {
297
+ color: var(--pf-global--Color--light-100); }
298
+ .pfext-quick-start__base .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration {
299
+ color: var(--pf-global--Color--light-200); }
300
+ .pfext-quick-start__base .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__close-button button {
301
+ color: var(--pf-global--Color--light-100) !important; }
293
302
  .pfext-quick-start__base .pfext-quick-start-panel-content__body {
294
303
  display: flex;
295
304
  flex-direction: column; }
@@ -301,7 +310,7 @@
301
310
  flex-wrap: wrap; }
302
311
  .pfext-quick-start__base .pfext-quick-start-panel-content__duration {
303
312
  display: inline-block;
304
- font-size: 65%;
313
+ font-size: var(--pf-global--FontSize--md);
305
314
  font-weight: 400;
306
315
  line-height: 1;
307
316
  color: #9c9c9c; }
@@ -406,7 +415,7 @@
406
415
  .pfext-quick-start__base .pfext-quick-start-content {
407
416
  flex: 1 1 0;
408
417
  overflow: auto;
409
- padding: var(--pf-global--spacer--sm) var(--pf-global--spacer--lg);
418
+ padding: var(--pf-global--spacer--lg);
410
419
  font-size: 16px; }
411
420
  .pfext-quick-start__base .pfext-quick-start-content .pf-c-alert__description p {
412
421
  font-size: 13px; }
@@ -439,19 +448,21 @@
439
448
  position: relative;
440
449
  left: 2px; }
441
450
  .pfext-quick-start__base .pfext-quick-start-task-header {
442
- margin-bottom: var(--pf-global--spacer--xs); }
451
+ margin-bottom: var(--pf-global--spacer--sm);
452
+ display: grid;
453
+ grid-template-columns: min-content auto;
454
+ font-size: var(--pf-global--FontSize--md); }
443
455
  .pfext-quick-start__base .pfext-quick-start-task-header button::before {
444
456
  content: none; }
445
457
  .pfext-quick-start__base .pfext-quick-start-task-header__title {
446
458
  color: var(--pf-global--primary-color--100) !important;
447
459
  margin-right: var(--pf-global--spacer--md) !important; }
448
460
  .pfext-quick-start__base .pfext-quick-start-task-header__subtitle {
449
- display: inline-block;
450
461
  font-size: var(--pf-global--FontSize--sm);
451
462
  color: var(--pf-global--Color--400) !important; }
452
463
  .pfext-quick-start__base .pfext-quick-start-task-header__tryagain {
453
464
  display: block;
454
- font-size: var(--pf-global--FontSize--sm);
465
+ font-size: var(--pf-global--FontSize--md);
455
466
  color: var(--pf-global--Color--300) !important; }
456
467
  .pfext-quick-start__base .pfext-quick-start-task-header__title-success {
457
468
  color: var(--pf-global--palette--green-500) !important; }
@@ -467,6 +478,10 @@
467
478
  width: 1.5em; }
468
479
  .pfext-quick-start__base .pfext-quick-start-task-header__task-icon-success, .pfext-quick-start__base .pfext-quick-start-task-header__task-icon-failed {
469
480
  vertical-align: middle !important; }
481
+ .pfext-quick-start__base .pfext-quick-start-task-header__task-icon-success {
482
+ color: var(--pf-global--palette--green-500) !important; }
483
+ .pfext-quick-start__base .pfext-quick-start-task-header__task-icon-failed {
484
+ color: var(--pf-global--danger-color--100) !important; }
470
485
  .pfext-quick-start__base .pfext-quick-start-task-header__list {
471
486
  padding: 0 !important; }
472
487
  .pfext-quick-start__base .pfext-quick-start-task-header__list button::before {
@@ -504,6 +519,9 @@
504
519
  flex-wrap: wrap;
505
520
  align-items: center;
506
521
  margin-bottom: var(--pf-global--spacer--xs); }
522
+ .pfext-quick-start__base .pfext-quick-start-tasks__list .pfext-quick-start-task__content {
523
+ margin-left: var(--pf-global--spacer--lg);
524
+ margin-bottom: var(--pf-global--spacer--md); }
507
525
  .pfext-quick-start__base .catalog-tile-pf.featured {
508
526
  border-top: 2px solid #2b9af3; }
509
527
  .pfext-quick-start__base .catalog-tile-pf:active, .pfext-quick-start__base .catalog-tile-pf:hover, .pfext-quick-start__base .catalog-tile-pf:focus, .pfext-quick-start__base .catalog-tile-pf:visited {