@patternfly/quickstarts 1.2.1 → 1.4.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.
- package/README.md +40 -1
- package/dist/QuickStartDrawer.d.ts +1 -0
- package/dist/catalog/QuickStartTileFooterExternal.d.ts +1 -0
- package/dist/catalog/QuickStartTileHeader.d.ts +1 -0
- package/dist/controller/QuickStartConclusion.d.ts +1 -1
- package/dist/controller/QuickStartIntroduction.d.ts +2 -0
- package/dist/index.es.js +114 -65
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +113 -64
- package/dist/index.js.map +1 -1
- package/dist/patternfly-global.css +1189 -0
- package/dist/patternfly-nested.css +7233 -0
- package/dist/quickstarts-base.css +142 -21
- package/dist/quickstarts-full.es.js +384 -259
- package/dist/quickstarts-full.es.js.map +1 -1
- package/dist/quickstarts-standalone.css +622 -0
- package/dist/quickstarts-standalone.min.css +4 -0
- package/dist/quickstarts.css +142 -21
- package/dist/quickstarts.min.css +1 -1
- package/dist/styles/patternfly-global-entry.d.ts +1 -0
- package/dist/styles/patternfly-nested-entry.d.ts +1 -0
- package/dist/styles/quickstarts-standalone-entry.d.ts +1 -0
- package/dist/utils/quick-start-context.d.ts +3 -0
- package/dist/utils/quick-start-types.d.ts +2 -1
- package/package.json +6 -4
|
@@ -1,40 +1,44 @@
|
|
|
1
|
-
.pfext-quick-start-panel-
|
|
1
|
+
.pfext-quick-start-panel-content__body dl {
|
|
2
2
|
margin: 0px; }
|
|
3
3
|
|
|
4
|
-
.pfext-quick-start-panel-
|
|
4
|
+
.pfext-quick-start-panel-content__body dt {
|
|
5
5
|
font-weight: var(--pf-global--FontWeight--bold); }
|
|
6
6
|
|
|
7
|
-
.pfext-quick-start-panel-
|
|
7
|
+
.pfext-quick-start-panel-content__body dd {
|
|
8
8
|
margin-bottom: 20px; }
|
|
9
9
|
|
|
10
|
-
.pfext-quick-start-panel-
|
|
10
|
+
.pfext-quick-start-panel-content__body dd:last-child {
|
|
11
11
|
margin-bottom: 0px; }
|
|
12
12
|
|
|
13
|
-
.pfext-quick-start-panel-
|
|
13
|
+
.pfext-quick-start-panel-content__body input[type="number"] {
|
|
14
14
|
-webkit-appearance: textfield;
|
|
15
15
|
appearance: textfield;
|
|
16
16
|
max-width: 100px; }
|
|
17
|
-
.pfext-quick-start-panel-
|
|
17
|
+
.pfext-quick-start-panel-content__body input[type="number"]::-webkit-inner-spin-button, .pfext-quick-start-panel-content__body input[type="number"]::-webkit-outer-spin-button {
|
|
18
18
|
-webkit-appearance: none; }
|
|
19
19
|
|
|
20
|
-
.pfext-quick-start-panel-
|
|
20
|
+
.pfext-quick-start-panel-content__body input[type="radio"] {
|
|
21
21
|
margin-right: 7px; }
|
|
22
22
|
|
|
23
|
-
.pfext-quick-start-panel-
|
|
23
|
+
.pfext-quick-start-panel-content__header,
|
|
24
|
+
.pfext-quick-start-panel-content__body,
|
|
24
25
|
.pfext-page-layout__content,
|
|
25
|
-
.pfext-
|
|
26
|
+
.pfext-popover__base {
|
|
26
27
|
--pf-global--FontSize--md: 14px;
|
|
27
28
|
--pf-global--FontSize--sm: 13px; }
|
|
28
|
-
.pfext-quick-start-panel-
|
|
29
|
+
.pfext-quick-start-panel-content__header ul,
|
|
30
|
+
.pfext-quick-start-panel-content__body ul,
|
|
29
31
|
.pfext-page-layout__content ul,
|
|
30
|
-
.pfext-
|
|
32
|
+
.pfext-popover__base ul {
|
|
31
33
|
list-style-type: disc; }
|
|
32
|
-
.pfext-quick-start-panel-
|
|
33
|
-
.pfext-quick-start-panel-
|
|
34
|
+
.pfext-quick-start-panel-content__header input[type='radio'],
|
|
35
|
+
.pfext-quick-start-panel-content__header input[type='checkbox'],
|
|
36
|
+
.pfext-quick-start-panel-content__body input[type='radio'],
|
|
37
|
+
.pfext-quick-start-panel-content__body input[type='checkbox'],
|
|
34
38
|
.pfext-page-layout__content input[type='radio'],
|
|
35
39
|
.pfext-page-layout__content input[type='checkbox'],
|
|
36
|
-
.pfext-
|
|
37
|
-
.pfext-
|
|
40
|
+
.pfext-popover__base input[type='radio'],
|
|
41
|
+
.pfext-popover__base input[type='checkbox'] {
|
|
38
42
|
margin-top: 1px !important; }
|
|
39
43
|
|
|
40
44
|
.pfext-icon-and-text {
|
|
@@ -47,6 +51,23 @@
|
|
|
47
51
|
flex-shrink: 0;
|
|
48
52
|
margin-right: 5px; }
|
|
49
53
|
|
|
54
|
+
.pfext-markdown-view.is-empty {
|
|
55
|
+
color: #999; }
|
|
56
|
+
|
|
57
|
+
.pfext-markdown-view table {
|
|
58
|
+
display: block;
|
|
59
|
+
margin-bottom: 11.5px;
|
|
60
|
+
overflow-x: auto; }
|
|
61
|
+
|
|
62
|
+
.pfext-markdown-view td,
|
|
63
|
+
.pfext-markdown-view th {
|
|
64
|
+
border-bottom: 1px solid #ededed;
|
|
65
|
+
padding: 10px;
|
|
66
|
+
vertical-align: top; }
|
|
67
|
+
|
|
68
|
+
.pfext-markdown-view th {
|
|
69
|
+
padding-top: 0; }
|
|
70
|
+
|
|
50
71
|
.catalog-item-header-pf-subtitle {
|
|
51
72
|
font-size: 13px; }
|
|
52
73
|
|
|
@@ -366,6 +387,80 @@
|
|
|
366
387
|
font-weight: var(--pf-global--FontWeight--normal);
|
|
367
388
|
line-height: 1.1; }
|
|
368
389
|
|
|
390
|
+
.pfext-markdown-view .pfext-code-block__pre {
|
|
391
|
+
/* override the styles applied by showdown while parsing <pre /> */
|
|
392
|
+
display: flex;
|
|
393
|
+
border: none;
|
|
394
|
+
border-radius: none;
|
|
395
|
+
background-color: transparent;
|
|
396
|
+
margin: 0;
|
|
397
|
+
padding: 0; }
|
|
398
|
+
|
|
399
|
+
.pfext-markdown-view .pfext-markdown-execute-snippet__button > i.fa-check {
|
|
400
|
+
display: none; }
|
|
401
|
+
|
|
402
|
+
.pfext-markdown-view .pfext-markdown-execute-snippet__button > i.fa-play {
|
|
403
|
+
display: inline; }
|
|
404
|
+
|
|
405
|
+
.pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed] > i.fa-check {
|
|
406
|
+
display: inline; }
|
|
407
|
+
|
|
408
|
+
.pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed] > i.fa-play {
|
|
409
|
+
display: none; }
|
|
410
|
+
|
|
411
|
+
.pfext-modal {
|
|
412
|
+
position: absolute !important; }
|
|
413
|
+
|
|
414
|
+
@keyframes pfext-spotlight-expand {
|
|
415
|
+
0% {
|
|
416
|
+
outline-offset: -4px;
|
|
417
|
+
outline-width: 4px;
|
|
418
|
+
opacity: 1; }
|
|
419
|
+
100% {
|
|
420
|
+
outline-offset: 21px;
|
|
421
|
+
outline-width: 12px;
|
|
422
|
+
opacity: 0; } }
|
|
423
|
+
|
|
424
|
+
@keyframes pfext-spotlight-fade-in {
|
|
425
|
+
0% {
|
|
426
|
+
opacity: 0; }
|
|
427
|
+
100% {
|
|
428
|
+
opacity: 1; } }
|
|
429
|
+
|
|
430
|
+
@keyframes pfext-spotlight-fade-out {
|
|
431
|
+
0% {
|
|
432
|
+
opacity: 1; }
|
|
433
|
+
100% {
|
|
434
|
+
opacity: 0; } }
|
|
435
|
+
|
|
436
|
+
.pfext-spotlight {
|
|
437
|
+
pointer-events: none;
|
|
438
|
+
position: absolute; }
|
|
439
|
+
.pfext-spotlight__with-backdrop {
|
|
440
|
+
mix-blend-mode: hard-light; }
|
|
441
|
+
.pfext-spotlight__element-highlight-noanimate {
|
|
442
|
+
border: var(--pf-global--BorderWidth--xl) solid var(--pf-global--palette--blue-200);
|
|
443
|
+
background-color: var(--pf-global--palette--black-500);
|
|
444
|
+
z-index: 9999; }
|
|
445
|
+
.pfext-spotlight__element-highlight-animate {
|
|
446
|
+
pointer-events: none;
|
|
447
|
+
position: absolute;
|
|
448
|
+
box-shadow: inset 0px 0px 0px 4px var(--pf-global--palette--blue-200);
|
|
449
|
+
opacity: 0;
|
|
450
|
+
animation: 0.4s pfext-spotlight-fade-in 0s ease-in-out, 5s pfext-spotlight-fade-out 12.8s ease-in-out;
|
|
451
|
+
animation-fill-mode: forwards; }
|
|
452
|
+
.pfext-spotlight__element-highlight-animate::after {
|
|
453
|
+
content: '';
|
|
454
|
+
position: absolute;
|
|
455
|
+
left: 0;
|
|
456
|
+
right: 0;
|
|
457
|
+
top: 0;
|
|
458
|
+
bottom: 0;
|
|
459
|
+
animation: 1.2s pfext-spotlight-expand 1.6s ease-out;
|
|
460
|
+
animation-fill-mode: forwards;
|
|
461
|
+
outline: 4px solid var(--pf-global--palette--blue-200);
|
|
462
|
+
outline-offset: -4px; }
|
|
463
|
+
|
|
369
464
|
.pfext-markdown-view h1, .pfext-markdown-view h2, .pfext-markdown-view h3, .pfext-markdown-view h4, .pfext-markdown-view h5, .pfext-markdown-view h6,
|
|
370
465
|
.pfext-markdown-view .h1, .pfext-markdown-view .h2, .pfext-markdown-view .h3, .pfext-markdown-view .h4, .pfext-markdown-view .h5, .pfext-markdown-view .h6 {
|
|
371
466
|
font-family: var(--pf-global--FontFamily--heading--sans-serif);
|
|
@@ -600,7 +695,7 @@
|
|
|
600
695
|
flex: 1 1 0;
|
|
601
696
|
overflow: auto;
|
|
602
697
|
padding: var(--pf-global--spacer--sm) var(--pf-global--spacer--lg);
|
|
603
|
-
font-size:
|
|
698
|
+
font-size: 16px; }
|
|
604
699
|
.pfext-quick-start-content .pf-c-alert__description p {
|
|
605
700
|
font-size: 13px; }
|
|
606
701
|
|
|
@@ -630,6 +725,27 @@
|
|
|
630
725
|
.pfext-markdown-view th {
|
|
631
726
|
padding-top: 0; }
|
|
632
727
|
|
|
728
|
+
.pfext-quick-start-intro__prereq {
|
|
729
|
+
margin-bottom: var(--pf-global--spacer--md); }
|
|
730
|
+
.pfext-quick-start-intro__prereq .pf-c-expandable-section__content {
|
|
731
|
+
margin-top: var(--pf-global--spacer--sm); }
|
|
732
|
+
.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle {
|
|
733
|
+
padding-top: 0;
|
|
734
|
+
padding-bottom: 0; }
|
|
735
|
+
.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-text {
|
|
736
|
+
margin-left: var(--pf-global--spacer--sm); }
|
|
737
|
+
.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon {
|
|
738
|
+
color: var(--pf-c-expandable-section__toggle--Color); }
|
|
739
|
+
.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:focus, .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:hover {
|
|
740
|
+
--pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color); }
|
|
741
|
+
.pfext-quick-start-intro__prereq-list {
|
|
742
|
+
padding-left: 20px; }
|
|
743
|
+
.pfext-quick-start-intro__prereq-list__item::marker {
|
|
744
|
+
font-size: 0.8rem; }
|
|
745
|
+
.pfext-quick-start-intro__prereq-list__item-content {
|
|
746
|
+
position: relative;
|
|
747
|
+
left: 2px; }
|
|
748
|
+
|
|
633
749
|
.pfext-quick-start-tasks__list button::before {
|
|
634
750
|
content: none; }
|
|
635
751
|
|
|
@@ -652,9 +768,6 @@
|
|
|
652
768
|
margin-bottom: var(--pf-global--spacer--xs); }
|
|
653
769
|
|
|
654
770
|
.pfext-quick-start-task-header {
|
|
655
|
-
display: flex;
|
|
656
|
-
flex-wrap: wrap;
|
|
657
|
-
align-items: center;
|
|
658
771
|
margin-bottom: var(--pf-global--spacer--xs); }
|
|
659
772
|
.pfext-quick-start-task-header button::before {
|
|
660
773
|
content: none; }
|
|
@@ -663,11 +776,16 @@
|
|
|
663
776
|
margin-right: var(--pf-global--spacer--md) !important; }
|
|
664
777
|
.pfext-quick-start-task-header__subtitle {
|
|
665
778
|
display: inline-block;
|
|
666
|
-
font-size: var(--pf-global--FontSize--sm);
|
|
779
|
+
font-size: var(--pf-global--FontSize--sm);
|
|
780
|
+
color: var(--pf-global--Color--400) !important; }
|
|
781
|
+
.pfext-quick-start-task-header__tryagain {
|
|
782
|
+
display: block;
|
|
783
|
+
font-size: var(--pf-global--FontSize--sm);
|
|
784
|
+
color: var(--pf-global--Color--300) !important; }
|
|
667
785
|
.pfext-quick-start-task-header__title-success {
|
|
668
786
|
color: var(--pf-global--palette--green-500) !important; }
|
|
669
787
|
.pfext-quick-start-task-header__title-failed {
|
|
670
|
-
color: var(--pf-
|
|
788
|
+
color: var(--pf-global--danger-color--100) !important; }
|
|
671
789
|
.pfext-quick-start-task-header__task-icon-init {
|
|
672
790
|
background-color: var(--pf-global--palette--blue-400);
|
|
673
791
|
border-radius: var(--pf-global--BorderRadius--lg);
|
|
@@ -679,6 +797,9 @@
|
|
|
679
797
|
.pfext-quick-start-task-header__task-icon-success, .pfext-quick-start-task-header__task-icon-failed {
|
|
680
798
|
vertical-align: middle !important; }
|
|
681
799
|
|
|
800
|
+
.pfext-quick-start-task-review-alert {
|
|
801
|
+
margin: var(--pf-global--spacer--lg) 0; }
|
|
802
|
+
|
|
682
803
|
.pfext-quick-start-task-review {
|
|
683
804
|
font-size: var(--pf-global--FontSize--md);
|
|
684
805
|
line-height: var(--pf-global--FontSize--xl);
|