@patternfly/quickstarts 5.2.0-prerelease.2 → 5.2.0-prerelease.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 (16) hide show
  1. package/dist/catalog/QuickStartTile.d.ts +3 -0
  2. package/dist/catalog/QuickStartTileHeader.d.ts +12 -0
  3. package/dist/catalog/index.d.ts +1 -1
  4. package/dist/index.es.js +12 -7
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/index.js +13 -7
  7. package/dist/index.js.map +1 -1
  8. package/dist/quickstarts-base.css +29 -29
  9. package/dist/quickstarts-full.es.js +27 -7
  10. package/dist/quickstarts-full.es.js.map +1 -1
  11. package/dist/quickstarts.css +29 -29
  12. package/dist/quickstarts.min.css +1 -1
  13. package/package.json +1 -1
  14. package/src/catalog/QuickStartTile.tsx +8 -4
  15. package/src/catalog/QuickStartTileHeader.tsx +29 -4
  16. package/src/catalog/index.ts +1 -1
package/dist/quickstarts.css CHANGED
@@ -818,17 +818,6 @@
818
818
  display: inherit !important;
819
819
  }
820
820
 
821
- .pfext-quick-start-tile-header__status {
822
- margin: var(--pf-v5-global--spacer--sm) 0;
823
- }
824
- .pfext-quick-start-tile-header--margin {
825
- margin-right: var(--pf-v5-global--spacer--sm);
826
- margin-bottom: var(--pf-v5-global--spacer--sm);
827
- }
828
- .pfext-quick-start-tile-header .pf-v5-c-badge:not(:last-of-type) {
829
- margin-right: var(--pf-v5-global--spacer--sm);
830
- }
831
-
832
821
  .pfext-quick-start-tile {
833
822
  height: 100%;
834
823
  }
@@ -840,6 +829,17 @@
840
829
  display: flex;
841
830
  }
842
831
 
832
+ .pfext-quick-start-tile-header__status {
833
+ margin: var(--pf-v5-global--spacer--sm) 0;
834
+ }
835
+ .pfext-quick-start-tile-header--margin {
836
+ margin-right: var(--pf-v5-global--spacer--sm);
837
+ margin-bottom: var(--pf-v5-global--spacer--sm);
838
+ }
839
+ .pfext-quick-start-tile-header .pf-v5-c-badge:not(:last-of-type) {
840
+ margin-right: var(--pf-v5-global--spacer--sm);
841
+ }
842
+
843
843
  .pfext-quick-start-tile-description {
844
844
  display: -webkit-box;
845
845
  overflow: hidden;
@@ -1027,20 +1027,6 @@
1027
1027
  left: 2px;
1028
1028
  }
1029
1029
 
1030
- .pfext-quick-start-task-header__list {
1031
- padding: 0 !important;
1032
- }
1033
- .pfext-quick-start-task-header__list button::before {
1034
- content: none;
1035
- }
1036
- .pfext-quick-start-task-header__list li {
1037
- list-style-type: none;
1038
- display: flex;
1039
- flex-wrap: wrap;
1040
- align-items: center;
1041
- margin-bottom: var(--pf-v5-global--spacer--xs);
1042
- }
1043
-
1044
1030
  .pfext-quick-start-task-header {
1045
1031
  margin-bottom: var(--pf-v5-global--spacer--sm);
1046
1032
  display: grid;
@@ -1088,6 +1074,20 @@
1088
1074
  color: var(--pf-v5-global--danger-color--100) !important;
1089
1075
  }
1090
1076
 
1077
+ .pfext-quick-start-task-header__list {
1078
+ padding: 0 !important;
1079
+ }
1080
+ .pfext-quick-start-task-header__list button::before {
1081
+ content: none;
1082
+ }
1083
+ .pfext-quick-start-task-header__list li {
1084
+ list-style-type: none;
1085
+ display: flex;
1086
+ flex-wrap: wrap;
1087
+ align-items: center;
1088
+ margin-bottom: var(--pf-v5-global--spacer--xs);
1089
+ }
1090
+
1091
1091
  .pfext-quick-start-task-review-alert {
1092
1092
  margin: var(--pf-v5-global--spacer--lg) 0;
1093
1093
  }
@@ -1116,6 +1116,10 @@
1116
1116
  color: var(--pf-chart-global--danger--Color--100);
1117
1117
  }
1118
1118
 
1119
+ .pfext-modal {
1120
+ position: absolute !important;
1121
+ }
1122
+
1119
1123
  .pfext-markdown-view .pfext-code-block__pre {
1120
1124
  /* override the styles applied by showdown while parsing <pre /> */
1121
1125
  display: flex;
@@ -1150,10 +1154,6 @@
1150
1154
  word-break: break-word;
1151
1155
  }
1152
1156
 
1153
- .pfext-modal {
1154
- position: absolute !important;
1155
- }
1156
-
1157
1157
  @keyframes pfext-spotlight-expand {
1158
1158
  0% {
1159
1159
  outline-offset: -4px;
package/dist/quickstarts.min.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.pfext-quick-start-panel-content__body dl{margin:0}.pfext-quick-start-panel-content__body dt{font-weight:var(--pf-v5-global--FontWeight--bold)}.pfext-quick-start-panel-content__body dd{margin-bottom:20px}.pfext-quick-start-panel-content__body dd:last-child{margin-bottom:0}.pfext-quick-start-panel-content__body input[type=number]{-webkit-appearance:textfield;appearance:textfield;max-width:100px}.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{-webkit-appearance:none}.pfext-quick-start-panel-content__body input[type=radio]{margin-right:7px}.pfext-quick-start-panel-content__body .pf-v5-c-list{--pf-v5-c-list--PaddingLeft:20px}.pfext-page-layout__content,.pfext-popover__base,.pfext-quick-start-panel-content__body,.pfext-quick-start-panel-content__header{--pf-v5-global--FontSize--md:14px;--pf-v5-global--FontSize--sm:13px}.pfext-page-layout__content ul,.pfext-popover__base ul,.pfext-quick-start-panel-content__body ul,.pfext-quick-start-panel-content__header ul{list-style-type:disc}.pfext-page-layout__content input[type=checkbox],.pfext-page-layout__content input[type=radio],.pfext-popover__base input[type=checkbox],.pfext-popover__base input[type=radio],.pfext-quick-start-panel-content__body input[type=checkbox],.pfext-quick-start-panel-content__body input[type=radio],.pfext-quick-start-panel-content__header input[type=checkbox],.pfext-quick-start-panel-content__header input[type=radio]{margin-top:1px!important}.pf-v5-theme-dark .pfext-catalog-item-icon__img--large{filter:brightness(1.5) invert(1) hue-rotate(180deg) saturate(4)}.pf-v5-theme-dark .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration{color:var(--pf-v5-global--Color--light-100)}.pf-v5-theme-dark .pfext-quick-start-task-header__subtitle{color:var(--pf-v5-global--palette--black-200)!important}.pf-v5-theme-dark .pfext-quick-start-task-header__task-icon-init{background-color:var(--pf-v5-global--primary-color--300)}.pf-v5-theme-dark .pfext-quick-start-task-header__tryagain{color:var(--pf-v5-global--palette--black-200)!important}.pf-v5-theme-dark .pfext-markdown-view pre:not(.pfext-code-block__pre){background-color:var(--pf-v5-global--BackgroundColor--100);border-color:var(--pf-v5-global--BorderColor--100)}.pf-v5-theme-dark .pfext-markdown-view .pf-v5-c-code-block__code{color:var(--pf-v5-global--Color--100);background-color:var(--pf-v5-global--palette--black-600)}.pf-v5-theme-dark .pfext-markdown-view .pf-v5-c-code-block,.pf-v5-theme-dark .pfext-markdown-view .pf-v5-c-code-block code{background-color:var(--pf-v5-global--BackgroundColor--400)}.pf-v5-theme-dark :where(.pfext-markdown-view) .pf-v5-c-clipboard-copy.pf-m-inline{--pf-v5-c-clipboard-copy--m-inline--BackgroundColor:var(--pf-v5-global--BackgroundColor--400)}.pf-v5-theme-dark .pfext-page-layout__content{background-color:var(--pf-v5-global--BackgroundColor--200)}.pf-v5-theme-dark .pfext-quick-start-catalog__gallery-item .pf-v5-c-card{--pf-v5-c-card--BackgroundColor:var(--pf-v5-global--BackgroundColor--100)}.pf-v5-theme-dark .pf-v5-c-alert{--pf-v5-c-alert--BackgroundColor:var(--pf-v5-global--palette--black-700);--pf-v5-c-alert--m-inline--BackgroundColor:var(--pf-v5-global--palette--black-700);--pf-v5-c-alert--m-inline--m-success--BackgroundColor:var(--pf-v5-global--palette--black-700);--pf-v5-c-alert--m-inline--m-danger--BackgroundColor:var(--pf-v5-global--palette--black-700);--pf-v5-c-alert--m-inline--m-warning--BackgroundColor:var(--pf-v5-global--palette--black-700);--pf-v5-c-alert--m-inline--m-info--BackgroundColor:var(--pf-v5-global--palette--black-700)}.pfext-icon-and-text{align-items:baseline;display:flex}.pf-v5-c-label__icon .pfext-icon-and-text{display:block}.pfext-icon-and-text__icon{flex-shrink:0;margin-right:5px}.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}.catalog-item-header-pf-subtitle{font-size:13px}.catalog-tile-pf-body .catalog-tile-pf-subtitle{font-size:13px}.pfext-catalog{display:flex;flex-direction:column;min-height:100%;min-width:515px}.pfext-catalog-tile-view{display:flex;flex-wrap:wrap;--pf-v5-l-gallery--GridTemplateColumns:repeat(auto-fill, 260px)!important}.pfext-catalog__body{min-width:575px}@media (min-width:768px){.pfext-catalog__body{min-width:590px}}.pfext-catalog-item-details{display:flex;margin:0 0 10px}.pfext-catalog-item-details__description{white-space:pre-wrap}.pfext-catalog-item-details__kind-label{font-weight:var(--pf-v5-global--FontWeight--bold)}.pfext-catalog-item-details__name{margin-bottom:10px}.pfext-catalog-item-details__provider,.pfext-catalog-item-details__tags{margin-bottom:5px}.pfext-catalog-item-details__tag{color:#72767b;font-size:13px;margin-right:5px;text-transform:uppercase}.pfext-catalog-item-icon{padding-right:10px}.pfext-catalog-item-icon__icon{font-size:24px}.pfext-catalog-item-icon__icon--large{font-size:40px}.pfext-catalog-item-icon__img{max-height:24px;max-width:24px}.pfext-catalog-item-icon__img[src$=".svg"]{width:24px}.pfext-catalog-item-icon__img--large{max-height:40px;max-width:40px}.pfext-catalog-item-icon__img--large[src$=".svg"]{width:40px}.pfext-catalog-page{background:#fff;border:1px solid var(--pf-v5-global--BorderColor--300);display:flex;flex:1;padding-top:15px}.pfext-catalog-page--with-sidebar{margin:0 15px;padding-bottom:15px}.pfext-catalog-page__btn-group__group-by{display:inline;margin-left:var(--pf-v5-global--spacer--md)}.pfext-catalog-page__content{flex:1 1 auto;overflow:hidden}.pfext-catalog-page__description{margin-top:-10px;padding:0 15px 10px}@media (min-width:768px){.pfext-catalog-page__description{padding-left:30px;padding-right:30px}}.pfext-catalog-page__filter{display:flex;justify-content:space-between}.pfext-catalog-page__filter-toggle{margin-top:5px}.pfext-catalog-page__grid{background-color:#f5f5f5}.pfext-catalog-page__grouped-items{margin-bottom:var(--pf-v5-global--spacer--md)}.pfext-catalog-page__group-title{margin-bottom:var(--pf-v5-global--spacer--sm)}.pfext-catalog-page__header{margin:0 30px 0 0}.pfext-catalog-page__heading{font-size:16px;margin:0 0 20px 30px}.pfext-catalog-page__hint{margin:0 0 var(--pf-v5-global--spacer--md) 0}.pfext-catalog-page__input{display:inline-flex!important;margin:0 0 20px 30px;width:auto!important}.pfext-catalog-page__sort{display:inline;margin-left:var(--pf-v5-global--spacer--md)}.pfext-catalog-page__num-items{font-weight:var(--pf-v5-global--FontWeight--bold);padding:0 0 20px}.pfext-catalog-page__info-icon{vertical-align:middle;color:#6a6e73}.pfext-catalog-page__info-icon:hover{color:#151515}.pfext-catalog-page__overlay{border:0!important}.pfext-catalog-page__overlay .modal-body .pfext-hint-block{margin-bottom:10px}.pfext-catalog-page__overlay .properties-side-panel-pf{flex:0 0 auto}.pfext-catalog-page__overlay--right{bottom:0;padding:0!important;right:0;top:4.75rem}.pfext-catalog-page__overlay--right .pf-v5-c-modal-box__body{display:flex;flex-direction:column;margin:0!important;padding:0}.pfext-catalog-page__overlay--right .modal-body-inner-shadow-covers{padding-left:0!important;padding-right:0!important}.pfext-catalog-page__overlay--right h1{white-space:normal}.pfext-catalog-page__overlay-action{align-items:baseline;display:inline-flex!important;margin:var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--sm) 0 0;overflow-x:hidden}.pfext-catalog-page__overlay-action-icon{flex-shrink:0;font-size:14px;margin-left:6px}.pfext-catalog-page__overlay-action-label{overflow-x:hidden;text-overflow:ellipsis}.pfext-catalog-page__overlay-actions{display:flex;flex-wrap:wrap;margin-bottom:var(--pf-v5-global--spacer--md);white-space:normal}.pfext-catalog-page__overlay-header{margin-bottom:var(--pf-v5-global--spacer--md)}.pfext-catalog-page__overlay-body{margin:0;padding-left:var(--pf-v5-global--spacer--lg);padding-right:var(--pf-v5-global--spacer--lg);padding-top:var(--pf-v5-global--spacer--md)}@media (min-width:768px){.pfext-catalog-page__overlay-body{display:flex}}.pfext-catalog-page__overlay-description{margin:20px 0 0;white-space:pre-wrap}.pfext-catalog-page__overlay-description h1,.pfext-catalog-page__overlay-description h2,.pfext-catalog-page__overlay-description h3{color:#333}.pfext-catalog-page__overlay-description h2{font-size:20px}.pfext-catalog-page__overlay-description li,.pfext-catalog-page__overlay-description ol,.pfext-catalog-page__overlay-description p{color:#333;font-size:14px!important}@media (min-width:768px){.pfext-catalog-page__overlay-description{flex:1 1 auto;margin-left:20px;margin-top:0}}.pfext-catalog-page__tabs{flex:0 0 220px;margin:0 15px 0 0}@media screen and (min-width:768px){.pf-v5-c-modal-box.pfext-catalog-page__overlay{width:600px}}@media screen and (min-width:992px){.pf-v5-c-modal-box.pfext-catalog-page__overlay{width:900px}}.pfext-catalog-tab__empty{color:#72767b}.pfext-modal-ignore-warning{height:initial}.pfext-modal-ignore-warning__checkbox.checkbox{margin-bottom:0;padding-top:15px}.pfext-modal-ignore-warning__content{display:flex}.pfext-modal-ignore-warning__icon{font-size:30px;margin-right:15px;min-width:30px}.pfext-modal-ignore-warning__link{display:block;margin:10px 0}.properties-side-panel-pf-property-label{font-size:13px}.properties-side-panel-pf-property-value__capability-level{color:var(--pf-v5-global--Color--400);margin-bottom:5px;position:relative}.properties-side-panel-pf-property-value__capability-level--active{color:inherit}.properties-side-panel-pf-property-value__capability-level--active::before{display:none}.properties-side-panel-pf-property-value__capability-level::before{border:1px solid var(--pf-v5-global--Color--400);border-radius:10px;content:"";height:14px;left:-20px;position:absolute;top:4px;width:14px}.properties-side-panel-pf-property-value__capability-level:not(:last-child)::after{background:var(--pf-v5-global--Color--400);content:"";height:6px;left:-13px;position:absolute;top:21px;width:1px}.properties-side-panel-pf-property-value__capability-level-icon{left:-20px;position:absolute;top:4px}.properties-side-panel-pf-property-value__capability-levels{list-style:none}.pfext-status-box{padding:40px 20px}.pfext-status-box__loading-message{margin-top:var(--pf-v5-global--spacer--sm)}.pfext-status-box--loading{align-items:center;display:flex;height:100%;justify-content:center;min-height:50px;width:100%;flex-direction:column}.pfext-m-loader{min-width:18px}.pfext-m-loader-dot__one,.pfext-m-loader-dot__three,.pfext-m-loader-dot__two{animation-delay:0;animation-direction:normal;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:bouncedelay;animation-play-state:running;animation-timing-function:ease-in-out;background:#419eda;border-radius:100%;display:inline-block;height:6px;width:6px}.pfext-m-loader-dot__one{animation-delay:-.32s}.pfext-m-loader-dot__two{animation-delay:-.16s}@keyframes bouncedelay{0%,100%,80%{transform:scale(.25,.25)}40%{transform:scale(1,1)}}.pfext-page-layout__content{padding:var(--pf-v5-global--spacer--lg);flex:1}.pfext-page-layout__header{padding-top:1px;background-color:var(--pf-v5-global--BackgroundColor--light-100)}.pfext-page-layout__hint{padding-left:var(--pf-v5-global--spacer--lg);padding-right:var(--pf-v5-global--spacer--lg);padding-bottom:var(--pf-v5-global--spacer--md);font-size:14px}.pfext-page-layout__title{padding-left:var(--pf-v5-global--spacer--lg);padding-right:var(--pf-v5-global--spacer--lg);font-size:var(--pf-v5-global--FontSize--2xl);margin-top:23px;margin-bottom:11.5px;font-family:var(--pf-v5-global--FontFamily--heading--sans-serif);font-weight:var(--pf-v5-global--FontWeight--normal);line-height:1.1}.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-v5-c-alert{margin:var(--pf-v5-global--spacer--md) 0}.pfext-markdown-view .pfext-markdown-admonition.pf-v5-c-alert .pf-v5-c-alert__title{margin-top:0;margin-bottom:0;font-weight:var(--pf-v5-c-alert__title--FontWeight);font-family:inherit;line-height:inherit;color:var(--pf-v5-c-alert__title--Color);word-break:break-word}.pfext-modal{position:absolute!important}@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-v5-global--BorderWidth--xl) solid var(--pf-v5-global--palette--blue-200);background-color:var(--pf-v5-global--palette--black-500);z-index:9999}.pfext-spotlight__element-highlight-animate{pointer-events:none;position:absolute;box-shadow:inset 0 0 0 4px var(--pf-v5-global--palette--blue-200);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-v5-global--palette--blue-200);outline-offset:-4px}.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-v5-global--FontFamily--heading--sans-serif);font-weight:var(--pf-v5-global--FontWeight--normal);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-v5-global--FontSize--2xl)}.pfext-markdown-view .h2,.pfext-markdown-view h2{font-size:20px}.pfext-markdown-view .h3,.pfext-markdown-view h3{font-size:var(--pf-v5-global--FontSize--lg)}.pfext-markdown-view .h4,.pfext-markdown-view h4{font-size:var(--pf-v5-global--FontSize--md)}.pfext-markdown-view .h5,.pfext-markdown-view h5{font-size:var(--pf-v5-global--FontSize--md)}.pfext-markdown-view .h6,.pfext-markdown-view h6{font-size:var(--pf-v5-global--FontSize--md)}.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-v5-c-modal-box__footer{display:block}.pfext-quick-start-panel-content__header{position:sticky;top:0;background:inherit;z-index:var(--pf-v5-global--ZIndex--xs)}.pfext-quick-start-panel-content__header__shadow{box-shadow:var(--pf-v5-global--BoxShadow--sm-bottom)}.pfext-quick-start-panel-content__header--blue-white{background-color:var(--pf-v5-global--palette--blue-400)}.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__title{color:var(--pf-v5-global--Color--light-100)}.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration{color:var(--pf-v5-global--Color--light-200)}.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__close-button button{color:var(--pf-v5-global--Color--light-100)!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-v5-global--FontSize--md);font-weight:400;line-height:1;color:#9c9c9c}.pfext-quick-start-panel-content__footer__shadow{box-shadow:var(--pf-v5-global--BoxShadow--sm-top)}.pfext-quick-start-catalog__gallery{--pf-v5-l-gallery--GridTemplateColumns:repeat(auto-fill, 300px)!important}.pfext-quick-start-catalog__gallery-item{display:inherit!important}.pfext-quick-start-tile-header__status{margin:var(--pf-v5-global--spacer--sm) 0}.pfext-quick-start-tile-header--margin{margin-right:var(--pf-v5-global--spacer--sm);margin-bottom:var(--pf-v5-global--spacer--sm)}.pfext-quick-start-tile-header .pf-v5-c-badge:not(:last-of-type){margin-right:var(--pf-v5-global--spacer--sm)}.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-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-v5-global--spacer--sm);font-size:var(--pf-v5-global--FontSize--md);margin-top:11.5px;margin-bottom:11.5px;font-family:var(--pf-v5-global--FontFamily--heading--sans-serif);font-weight:var(--pf-v5-global--FontWeight--normal);line-height:1.1}.pfext-quick-start-tile-prerequisites-list{padding-left:20px}.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-catalog-filter__input{flex-grow:1;max-width:500px}.pfext-quick-start-catalog-filter__count{font-weight:var(--pf-v5-global--FontWeight--bold)}.pf-v5-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex{--pf-v5-c-toolbar--PaddingBottom:var(--pf-v5-global--spacer--sm);--pf-v5-c-toolbar--PaddingTop:var(--pf-v5-global--spacer--sm);--pf-v5-c-toolbar--RowGap:0;font-size:14px}.pf-v5-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-v5-c-select{--pf-v5-c-select__toggle--FontSize:14px}.pf-v5-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-v5-c-check{--pf-v5-c-check__label--FontSize:14px}.pfext-quick-start-footer{background-color:var(--pf-v5-global--BackgroundColor--100);flex:0 0 auto;padding:var(--pf-v5-global--spacer--md) var(--pf-v5-global--spacer--lg)}.pfext-quick-start-footer__actionbtn{margin-right:var(--pf-v5-global--spacer--md)}.pfext-quick-start-footer__restartbtn{float:right}.pfext-quick-start-content{flex:1 1 0;overflow:auto;padding:var(--pf-v5-global--spacer--lg);font-size:16px}.pfext-quick-start-content .pf-v5-c-alert__description p{font-size:13px}.pfext-quick-start-tasks__list button::before{content:none}.pfext-quick-start-tasks__list li.pf-v5-c-wizard__nav-item{list-style-type:none;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--pf-v5-global--spacer--xs)}.pfext-quick-start-tasks__list .pfext-quick-start-task__content{margin-bottom:var(--pf-v5-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-v5-global--Color--200);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-v5-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-v5-c-alert{margin:var(--pf-v5-global--spacer--md) 0}.pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-v5-c-alert__title{margin-top:0;margin-bottom:0;font-weight:var(--pf-v5-c-alert__title--FontWeight);font-family:inherit;line-height:inherit;color:var(--pf-v5-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-v5-global--palette--blue-50);border-color:var(--pf-v5-global--active-color--200);margin:var(--pf-v5-global--spacer--md) 0}.pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note__body{font-size:14px}.pfext-quick-start-intro__prereq{margin-bottom:var(--pf-v5-global--spacer--md)}.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__content{margin-top:var(--pf-v5-global--spacer--sm)}.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__toggle{padding-top:0;padding-bottom:0}.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__toggle-text{margin-left:var(--pf-v5-global--spacer--sm)}.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__toggle-icon{color:var(--pf-v5-c-expandable-section__toggle--Color)}.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__toggle-icon:focus,.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__toggle-icon:hover{--pf-v5-c-expandable-section__toggle--Color:var(--pf-v5-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-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-v5-global--spacer--xs)}.pfext-quick-start-task-header{margin-bottom:var(--pf-v5-global--spacer--sm);display:grid;grid-template-columns:min-content auto;font-size:var(--pf-v5-global--FontSize--md)}.pfext-quick-start-task-header button::before{content:none}.pfext-quick-start-task-header__title{color:var(--pf-v5-global--primary-color--100)!important;margin-right:var(--pf-v5-global--spacer--md)!important}.pfext-quick-start-task-header__subtitle{font-size:var(--pf-v5-global--FontSize--sm);color:var(--pf-v5-global--Color--dark-200)!important}.pfext-quick-start-task-header__tryagain{display:block;font-size:var(--pf-v5-global--FontSize--md);color:var(--pf-v5-global--Color--300)!important}.pfext-quick-start-task-header__title-success{color:var(--pf-v5-global--success-color--100)!important}.pfext-quick-start-task-header__title-failed{color:var(--pf-v5-global--danger-color--100)!important}.pfext-quick-start-task-header__task-icon-init{background-color:var(--pf-v5-global--primary-color--100);border-radius:var(--pf-v5-global--BorderRadius--lg);color:var(--pf-v5-global--Color--light-100);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-v5-global--success-color--100)!important}.pfext-quick-start-task-header__task-icon-failed{color:var(--pf-v5-global--danger-color--100)!important}.pfext-quick-start-task-review-alert{margin:var(--pf-v5-global--spacer--lg) 0}.pfext-quick-start-task-review{font-size:var(--pf-v5-global--FontSize--md);line-height:var(--pf-v5-global--FontSize--xl);font-family:var(--pf-v5-global--FontFamily--heading--sans-serif)}.pfext-quick-start-task-review__actions{display:flex;align-items:flex-start;margin-bottom:var(--pf-v5-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-v5-global--spacer--xl)!important}.pfext-quick-start-task-review--success{color:var(--pf-v5-global--success-color--100)!important}.pfext-quick-start-task-review--failed{color:var(--pf-chart-global--danger--Color--100)}.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-v5-c-alert{margin:var(--pf-v5-global--spacer--md) 0}.pfext-markdown-view .pfext-markdown-admonition.pf-v5-c-alert .pf-v5-c-alert__title{margin-top:0;margin-bottom:0;font-weight:var(--pf-v5-c-alert__title--FontWeight);font-family:inherit;line-height:inherit;color:var(--pf-v5-c-alert__title--Color);word-break:break-word}.pfext-modal{position:absolute!important}@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-v5-global--BorderWidth--xl) solid var(--pf-v5-global--palette--blue-200);background-color:var(--pf-v5-global--palette--black-500);z-index:9999}.pfext-spotlight__element-highlight-animate{pointer-events:none;position:absolute;box-shadow:inset 0 0 0 4px var(--pf-v5-global--palette--blue-200);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-v5-global--palette--blue-200);outline-offset:-4px}:root{--vertical-tab-pf-color:var(--pf-v5-global--Color--100);--vertical-tab-pf-active-color:var(--pf-v5-global--active-color--100)}.catalog-tile-pf.featured{border-top:2px solid var(--pf-v5-global--active-color--100)}.catalog-tile-pf:active,.catalog-tile-pf:focus,.catalog-tile-pf:hover,.catalog-tile-pf:visited{color:inherit;text-decoration:none}.catalog-tile-pf .pf-v5-c-card__actions{padding-left:5px}.catalog-tile-pf-header{font-size:16px;font-weight:400;padding-bottom:16px}.catalog-tile-pf-header .catalog-tile-pf-title{font-size:15px;font-weight:400}.catalog-tile-pf-header .catalog-tile-pf-subtitle{color:var(--pf-v5-global--Color--200);font-size:13px;font-weight:initial}.catalog-tile-pf-header .catalog-tile-pf-subtitle a,.catalog-tile-pf-header .catalog-tile-pf-subtitle a:hover{text-decoration:none}.catalog-tile-pf-icon{font-size:40px;height:40px;max-width:60px;min-width:40px}.catalog-tile-pf-badge-container{display:flex;flex:1;justify-content:flex-end}.catalog-tile-pf-description{margin-top:0}.catalog-tile-pf-description span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.catalog-tile-pf-description .has-footer{-webkit-line-clamp:1}.pf-v5-c-clipboard-copy{--pf-v5-c-clipboard-copy__toggle-icon--Transition:.2s ease-in 0s;--pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate:90deg;--pf-v5-c-clipboard-copy__expandable-content--PaddingTop:var(--pf-v5-global--spacer--md);--pf-v5-c-clipboard-copy__expandable-content--PaddingRight:var(--pf-v5-global--spacer--md);--pf-v5-c-clipboard-copy__expandable-content--PaddingBottom:var(--pf-v5-global--spacer--md);--pf-v5-c-clipboard-copy__expandable-content--PaddingLeft:var(--pf-v5-global--spacer--md);--pf-v5-c-clipboard-copy__expandable-content--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-100);--pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth:0;--pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth:var(--pf-v5-global--BorderWidth--sm);--pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm);--pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm);--pf-v5-c-clipboard-copy__expandable-content--BorderColor:var(--pf-v5-global--BorderColor--100);--pf-v5-c-clipboard-copy__expandable-content--OutlineOffset:calc(-1 * var(--pf-v5-global--spacer--xs));--pf-v5-c-clipboard-copy--m-inline--PaddingTop:0;--pf-v5-c-clipboard-copy--m-inline--PaddingBottom:0;--pf-v5-c-clipboard-copy--m-inline--PaddingLeft:var(--pf-v5-global--spacer--xs);--pf-v5-c-clipboard-copy--m-inline--BackgroundColor:var(--pf-v5-global--BackgroundColor--200);--pf-v5-c-clipboard-copy__text--m-code--FontFamily:var(--pf-v5-global--FontFamily--monospace);--pf-v5-c-clipboard-copy__text--m-code--FontSize:var(--pf-v5-global--FontSize--sm);--pf-v5-c-clipboard-copy__actions-item--MarginTop:calc(-1 * var(--pf-v5-global--spacer--form-element));--pf-v5-c-clipboard-copy__actions-item--MarginBottom:calc(-1 * var(--pf-v5-global--spacer--form-element));--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop:var(--pf-v5-global--spacer--xs);--pf-v5-c-clipboard-copy__actions-item--button--PaddingRight:var(--pf-v5-global--spacer--sm);--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom:var(--pf-v5-global--spacer--xs);--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft:var(--pf-v5-global--spacer--sm)}.pf-v5-c-clipboard-copy.pf-m-inline{display:inline;padding-top:var(--pf-v5-c-clipboard-copy--m-inline--PaddingTop);padding-bottom:var(--pf-v5-c-clipboard-copy--m-inline--PaddingBottom);padding-left:var(--pf-v5-c-clipboard-copy--m-inline--PaddingLeft);white-space:nowrap;background-color:var(--pf-v5-c-clipboard-copy--m-inline--BackgroundColor)}.pf-v5-c-clipboard-copy.pf-m-inline.pf-m-block{display:block}.pf-v5-c-clipboard-copy__text{word-break:break-word;white-space:normal}.pf-v5-c-clipboard-copy__actions{display:inline-flex}.pf-v5-c-clipboard-copy__actions-item{margin-top:calc(-1 * var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop));margin-bottom:calc(-1 * var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom))}.pf-v5-c-clipboard-copy__actions-item .pf-v5-c-button{--pf-v5-c-button--PaddingTop:var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop);--pf-v5-c-button--PaddingRight:var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingRight);--pf-v5-c-button--PaddingBottom:var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom);--pf-v5-c-button--PaddingLeft:var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft)}:where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy{--pf-v5-c-clipboard-copy__expandable-content--BackgroundColor:var(--pf-v5-global--BackgroundColor--400)}.pf-v5-c-code-block{--pf-v5-c-code-block--BackgroundColor:var(--pf-v5-global--BackgroundColor--200);--pf-v5-c-code-block__header--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm);--pf-v5-c-code-block__header--BorderBottomColor:var(--pf-v5-global--BorderColor--100);--pf-v5-c-code-block__content--PaddingTop:var(--pf-v5-global--spacer--md);--pf-v5-c-code-block__content--PaddingRight:var(--pf-v5-global--spacer--md);--pf-v5-c-code-block__content--PaddingBottom:var(--pf-v5-global--spacer--md);--pf-v5-c-code-block__content--PaddingLeft:var(--pf-v5-global--spacer--md);--pf-v5-c-code-block__pre--FontFamily:var(--pf-v5-global--FontFamily--monospace);--pf-v5-c-code-block__pre--FontSize:var(--pf-v5-global--FontSize--sm);background-color:var(--pf-v5-c-code-block--BackgroundColor)}.pf-v5-c-code-block__header{display:flex;border-bottom:var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor)}.pf-v5-c-code-block__actions{display:flex;margin-left:auto}.pf-v5-c-code-block__content{padding:var(--pf-v5-c-code-block__content--PaddingTop) var(--pf-v5-c-code-block__content--PaddingRight) var(--pf-v5-c-code-block__content--PaddingBottom) var(--pf-v5-c-code-block__content--PaddingLeft)}.pf-v5-c-code-block__pre{font-family:var(--pf-v5-c-code-block__pre--FontFamily);font-size:var(--pf-v5-c-code-block__pre--FontSize);overflow-wrap:break-word;white-space:pre-wrap}.pf-v5-c-code-block__code{font-family:var(--pf-v5-c-code-block__code--FontFamily,inherit)}
1
+ @charset "UTF-8";.pfext-quick-start-panel-content__body dl{margin:0}.pfext-quick-start-panel-content__body dt{font-weight:var(--pf-v5-global--FontWeight--bold)}.pfext-quick-start-panel-content__body dd{margin-bottom:20px}.pfext-quick-start-panel-content__body dd:last-child{margin-bottom:0}.pfext-quick-start-panel-content__body input[type=number]{-webkit-appearance:textfield;appearance:textfield;max-width:100px}.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{-webkit-appearance:none}.pfext-quick-start-panel-content__body input[type=radio]{margin-right:7px}.pfext-quick-start-panel-content__body .pf-v5-c-list{--pf-v5-c-list--PaddingLeft:20px}.pfext-page-layout__content,.pfext-popover__base,.pfext-quick-start-panel-content__body,.pfext-quick-start-panel-content__header{--pf-v5-global--FontSize--md:14px;--pf-v5-global--FontSize--sm:13px}.pfext-page-layout__content ul,.pfext-popover__base ul,.pfext-quick-start-panel-content__body ul,.pfext-quick-start-panel-content__header ul{list-style-type:disc}.pfext-page-layout__content input[type=checkbox],.pfext-page-layout__content input[type=radio],.pfext-popover__base input[type=checkbox],.pfext-popover__base input[type=radio],.pfext-quick-start-panel-content__body input[type=checkbox],.pfext-quick-start-panel-content__body input[type=radio],.pfext-quick-start-panel-content__header input[type=checkbox],.pfext-quick-start-panel-content__header input[type=radio]{margin-top:1px!important}.pf-v5-theme-dark .pfext-catalog-item-icon__img--large{filter:brightness(1.5) invert(1) hue-rotate(180deg) saturate(4)}.pf-v5-theme-dark .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration{color:var(--pf-v5-global--Color--light-100)}.pf-v5-theme-dark .pfext-quick-start-task-header__subtitle{color:var(--pf-v5-global--palette--black-200)!important}.pf-v5-theme-dark .pfext-quick-start-task-header__task-icon-init{background-color:var(--pf-v5-global--primary-color--300)}.pf-v5-theme-dark .pfext-quick-start-task-header__tryagain{color:var(--pf-v5-global--palette--black-200)!important}.pf-v5-theme-dark .pfext-markdown-view pre:not(.pfext-code-block__pre){background-color:var(--pf-v5-global--BackgroundColor--100);border-color:var(--pf-v5-global--BorderColor--100)}.pf-v5-theme-dark .pfext-markdown-view .pf-v5-c-code-block__code{color:var(--pf-v5-global--Color--100);background-color:var(--pf-v5-global--palette--black-600)}.pf-v5-theme-dark .pfext-markdown-view .pf-v5-c-code-block,.pf-v5-theme-dark .pfext-markdown-view .pf-v5-c-code-block code{background-color:var(--pf-v5-global--BackgroundColor--400)}.pf-v5-theme-dark :where(.pfext-markdown-view) .pf-v5-c-clipboard-copy.pf-m-inline{--pf-v5-c-clipboard-copy--m-inline--BackgroundColor:var(--pf-v5-global--BackgroundColor--400)}.pf-v5-theme-dark .pfext-page-layout__content{background-color:var(--pf-v5-global--BackgroundColor--200)}.pf-v5-theme-dark .pfext-quick-start-catalog__gallery-item .pf-v5-c-card{--pf-v5-c-card--BackgroundColor:var(--pf-v5-global--BackgroundColor--100)}.pf-v5-theme-dark .pf-v5-c-alert{--pf-v5-c-alert--BackgroundColor:var(--pf-v5-global--palette--black-700);--pf-v5-c-alert--m-inline--BackgroundColor:var(--pf-v5-global--palette--black-700);--pf-v5-c-alert--m-inline--m-success--BackgroundColor:var(--pf-v5-global--palette--black-700);--pf-v5-c-alert--m-inline--m-danger--BackgroundColor:var(--pf-v5-global--palette--black-700);--pf-v5-c-alert--m-inline--m-warning--BackgroundColor:var(--pf-v5-global--palette--black-700);--pf-v5-c-alert--m-inline--m-info--BackgroundColor:var(--pf-v5-global--palette--black-700)}.pfext-icon-and-text{align-items:baseline;display:flex}.pf-v5-c-label__icon .pfext-icon-and-text{display:block}.pfext-icon-and-text__icon{flex-shrink:0;margin-right:5px}.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}.catalog-item-header-pf-subtitle{font-size:13px}.catalog-tile-pf-body .catalog-tile-pf-subtitle{font-size:13px}.pfext-catalog{display:flex;flex-direction:column;min-height:100%;min-width:515px}.pfext-catalog-tile-view{display:flex;flex-wrap:wrap;--pf-v5-l-gallery--GridTemplateColumns:repeat(auto-fill, 260px)!important}.pfext-catalog__body{min-width:575px}@media (min-width:768px){.pfext-catalog__body{min-width:590px}}.pfext-catalog-item-details{display:flex;margin:0 0 10px}.pfext-catalog-item-details__description{white-space:pre-wrap}.pfext-catalog-item-details__kind-label{font-weight:var(--pf-v5-global--FontWeight--bold)}.pfext-catalog-item-details__name{margin-bottom:10px}.pfext-catalog-item-details__provider,.pfext-catalog-item-details__tags{margin-bottom:5px}.pfext-catalog-item-details__tag{color:#72767b;font-size:13px;margin-right:5px;text-transform:uppercase}.pfext-catalog-item-icon{padding-right:10px}.pfext-catalog-item-icon__icon{font-size:24px}.pfext-catalog-item-icon__icon--large{font-size:40px}.pfext-catalog-item-icon__img{max-height:24px;max-width:24px}.pfext-catalog-item-icon__img[src$=".svg"]{width:24px}.pfext-catalog-item-icon__img--large{max-height:40px;max-width:40px}.pfext-catalog-item-icon__img--large[src$=".svg"]{width:40px}.pfext-catalog-page{background:#fff;border:1px solid var(--pf-v5-global--BorderColor--300);display:flex;flex:1;padding-top:15px}.pfext-catalog-page--with-sidebar{margin:0 15px;padding-bottom:15px}.pfext-catalog-page__btn-group__group-by{display:inline;margin-left:var(--pf-v5-global--spacer--md)}.pfext-catalog-page__content{flex:1 1 auto;overflow:hidden}.pfext-catalog-page__description{margin-top:-10px;padding:0 15px 10px}@media (min-width:768px){.pfext-catalog-page__description{padding-left:30px;padding-right:30px}}.pfext-catalog-page__filter{display:flex;justify-content:space-between}.pfext-catalog-page__filter-toggle{margin-top:5px}.pfext-catalog-page__grid{background-color:#f5f5f5}.pfext-catalog-page__grouped-items{margin-bottom:var(--pf-v5-global--spacer--md)}.pfext-catalog-page__group-title{margin-bottom:var(--pf-v5-global--spacer--sm)}.pfext-catalog-page__header{margin:0 30px 0 0}.pfext-catalog-page__heading{font-size:16px;margin:0 0 20px 30px}.pfext-catalog-page__hint{margin:0 0 var(--pf-v5-global--spacer--md) 0}.pfext-catalog-page__input{display:inline-flex!important;margin:0 0 20px 30px;width:auto!important}.pfext-catalog-page__sort{display:inline;margin-left:var(--pf-v5-global--spacer--md)}.pfext-catalog-page__num-items{font-weight:var(--pf-v5-global--FontWeight--bold);padding:0 0 20px}.pfext-catalog-page__info-icon{vertical-align:middle;color:#6a6e73}.pfext-catalog-page__info-icon:hover{color:#151515}.pfext-catalog-page__overlay{border:0!important}.pfext-catalog-page__overlay .modal-body .pfext-hint-block{margin-bottom:10px}.pfext-catalog-page__overlay .properties-side-panel-pf{flex:0 0 auto}.pfext-catalog-page__overlay--right{bottom:0;padding:0!important;right:0;top:4.75rem}.pfext-catalog-page__overlay--right .pf-v5-c-modal-box__body{display:flex;flex-direction:column;margin:0!important;padding:0}.pfext-catalog-page__overlay--right .modal-body-inner-shadow-covers{padding-left:0!important;padding-right:0!important}.pfext-catalog-page__overlay--right h1{white-space:normal}.pfext-catalog-page__overlay-action{align-items:baseline;display:inline-flex!important;margin:var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--sm) 0 0;overflow-x:hidden}.pfext-catalog-page__overlay-action-icon{flex-shrink:0;font-size:14px;margin-left:6px}.pfext-catalog-page__overlay-action-label{overflow-x:hidden;text-overflow:ellipsis}.pfext-catalog-page__overlay-actions{display:flex;flex-wrap:wrap;margin-bottom:var(--pf-v5-global--spacer--md);white-space:normal}.pfext-catalog-page__overlay-header{margin-bottom:var(--pf-v5-global--spacer--md)}.pfext-catalog-page__overlay-body{margin:0;padding-left:var(--pf-v5-global--spacer--lg);padding-right:var(--pf-v5-global--spacer--lg);padding-top:var(--pf-v5-global--spacer--md)}@media (min-width:768px){.pfext-catalog-page__overlay-body{display:flex}}.pfext-catalog-page__overlay-description{margin:20px 0 0;white-space:pre-wrap}.pfext-catalog-page__overlay-description h1,.pfext-catalog-page__overlay-description h2,.pfext-catalog-page__overlay-description h3{color:#333}.pfext-catalog-page__overlay-description h2{font-size:20px}.pfext-catalog-page__overlay-description li,.pfext-catalog-page__overlay-description ol,.pfext-catalog-page__overlay-description p{color:#333;font-size:14px!important}@media (min-width:768px){.pfext-catalog-page__overlay-description{flex:1 1 auto;margin-left:20px;margin-top:0}}.pfext-catalog-page__tabs{flex:0 0 220px;margin:0 15px 0 0}@media screen and (min-width:768px){.pf-v5-c-modal-box.pfext-catalog-page__overlay{width:600px}}@media screen and (min-width:992px){.pf-v5-c-modal-box.pfext-catalog-page__overlay{width:900px}}.pfext-catalog-tab__empty{color:#72767b}.pfext-modal-ignore-warning{height:initial}.pfext-modal-ignore-warning__checkbox.checkbox{margin-bottom:0;padding-top:15px}.pfext-modal-ignore-warning__content{display:flex}.pfext-modal-ignore-warning__icon{font-size:30px;margin-right:15px;min-width:30px}.pfext-modal-ignore-warning__link{display:block;margin:10px 0}.properties-side-panel-pf-property-label{font-size:13px}.properties-side-panel-pf-property-value__capability-level{color:var(--pf-v5-global--Color--400);margin-bottom:5px;position:relative}.properties-side-panel-pf-property-value__capability-level--active{color:inherit}.properties-side-panel-pf-property-value__capability-level--active::before{display:none}.properties-side-panel-pf-property-value__capability-level::before{border:1px solid var(--pf-v5-global--Color--400);border-radius:10px;content:"";height:14px;left:-20px;position:absolute;top:4px;width:14px}.properties-side-panel-pf-property-value__capability-level:not(:last-child)::after{background:var(--pf-v5-global--Color--400);content:"";height:6px;left:-13px;position:absolute;top:21px;width:1px}.properties-side-panel-pf-property-value__capability-level-icon{left:-20px;position:absolute;top:4px}.properties-side-panel-pf-property-value__capability-levels{list-style:none}.pfext-status-box{padding:40px 20px}.pfext-status-box__loading-message{margin-top:var(--pf-v5-global--spacer--sm)}.pfext-status-box--loading{align-items:center;display:flex;height:100%;justify-content:center;min-height:50px;width:100%;flex-direction:column}.pfext-m-loader{min-width:18px}.pfext-m-loader-dot__one,.pfext-m-loader-dot__three,.pfext-m-loader-dot__two{animation-delay:0;animation-direction:normal;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:bouncedelay;animation-play-state:running;animation-timing-function:ease-in-out;background:#419eda;border-radius:100%;display:inline-block;height:6px;width:6px}.pfext-m-loader-dot__one{animation-delay:-.32s}.pfext-m-loader-dot__two{animation-delay:-.16s}@keyframes bouncedelay{0%,100%,80%{transform:scale(.25,.25)}40%{transform:scale(1,1)}}.pfext-page-layout__content{padding:var(--pf-v5-global--spacer--lg);flex:1}.pfext-page-layout__header{padding-top:1px;background-color:var(--pf-v5-global--BackgroundColor--light-100)}.pfext-page-layout__hint{padding-left:var(--pf-v5-global--spacer--lg);padding-right:var(--pf-v5-global--spacer--lg);padding-bottom:var(--pf-v5-global--spacer--md);font-size:14px}.pfext-page-layout__title{padding-left:var(--pf-v5-global--spacer--lg);padding-right:var(--pf-v5-global--spacer--lg);font-size:var(--pf-v5-global--FontSize--2xl);margin-top:23px;margin-bottom:11.5px;font-family:var(--pf-v5-global--FontFamily--heading--sans-serif);font-weight:var(--pf-v5-global--FontWeight--normal);line-height:1.1}.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-v5-c-alert{margin:var(--pf-v5-global--spacer--md) 0}.pfext-markdown-view .pfext-markdown-admonition.pf-v5-c-alert .pf-v5-c-alert__title{margin-top:0;margin-bottom:0;font-weight:var(--pf-v5-c-alert__title--FontWeight);font-family:inherit;line-height:inherit;color:var(--pf-v5-c-alert__title--Color);word-break:break-word}.pfext-modal{position:absolute!important}@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-v5-global--BorderWidth--xl) solid var(--pf-v5-global--palette--blue-200);background-color:var(--pf-v5-global--palette--black-500);z-index:9999}.pfext-spotlight__element-highlight-animate{pointer-events:none;position:absolute;box-shadow:inset 0 0 0 4px var(--pf-v5-global--palette--blue-200);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-v5-global--palette--blue-200);outline-offset:-4px}.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-v5-global--FontFamily--heading--sans-serif);font-weight:var(--pf-v5-global--FontWeight--normal);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-v5-global--FontSize--2xl)}.pfext-markdown-view .h2,.pfext-markdown-view h2{font-size:20px}.pfext-markdown-view .h3,.pfext-markdown-view h3{font-size:var(--pf-v5-global--FontSize--lg)}.pfext-markdown-view .h4,.pfext-markdown-view h4{font-size:var(--pf-v5-global--FontSize--md)}.pfext-markdown-view .h5,.pfext-markdown-view h5{font-size:var(--pf-v5-global--FontSize--md)}.pfext-markdown-view .h6,.pfext-markdown-view h6{font-size:var(--pf-v5-global--FontSize--md)}.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-v5-c-modal-box__footer{display:block}.pfext-quick-start-panel-content__header{position:sticky;top:0;background:inherit;z-index:var(--pf-v5-global--ZIndex--xs)}.pfext-quick-start-panel-content__header__shadow{box-shadow:var(--pf-v5-global--BoxShadow--sm-bottom)}.pfext-quick-start-panel-content__header--blue-white{background-color:var(--pf-v5-global--palette--blue-400)}.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__title{color:var(--pf-v5-global--Color--light-100)}.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration{color:var(--pf-v5-global--Color--light-200)}.pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__close-button button{color:var(--pf-v5-global--Color--light-100)!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-v5-global--FontSize--md);font-weight:400;line-height:1;color:#9c9c9c}.pfext-quick-start-panel-content__footer__shadow{box-shadow:var(--pf-v5-global--BoxShadow--sm-top)}.pfext-quick-start-catalog__gallery{--pf-v5-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-v5-global--spacer--sm) 0}.pfext-quick-start-tile-header--margin{margin-right:var(--pf-v5-global--spacer--sm);margin-bottom:var(--pf-v5-global--spacer--sm)}.pfext-quick-start-tile-header .pf-v5-c-badge:not(:last-of-type){margin-right:var(--pf-v5-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-v5-global--spacer--sm);font-size:var(--pf-v5-global--FontSize--md);margin-top:11.5px;margin-bottom:11.5px;font-family:var(--pf-v5-global--FontFamily--heading--sans-serif);font-weight:var(--pf-v5-global--FontWeight--normal);line-height:1.1}.pfext-quick-start-tile-prerequisites-list{padding-left:20px}.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-catalog-filter__input{flex-grow:1;max-width:500px}.pfext-quick-start-catalog-filter__count{font-weight:var(--pf-v5-global--FontWeight--bold)}.pf-v5-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex{--pf-v5-c-toolbar--PaddingBottom:var(--pf-v5-global--spacer--sm);--pf-v5-c-toolbar--PaddingTop:var(--pf-v5-global--spacer--sm);--pf-v5-c-toolbar--RowGap:0;font-size:14px}.pf-v5-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-v5-c-select{--pf-v5-c-select__toggle--FontSize:14px}.pf-v5-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-v5-c-check{--pf-v5-c-check__label--FontSize:14px}.pfext-quick-start-footer{background-color:var(--pf-v5-global--BackgroundColor--100);flex:0 0 auto;padding:var(--pf-v5-global--spacer--md) var(--pf-v5-global--spacer--lg)}.pfext-quick-start-footer__actionbtn{margin-right:var(--pf-v5-global--spacer--md)}.pfext-quick-start-footer__restartbtn{float:right}.pfext-quick-start-content{flex:1 1 0;overflow:auto;padding:var(--pf-v5-global--spacer--lg);font-size:16px}.pfext-quick-start-content .pf-v5-c-alert__description p{font-size:13px}.pfext-quick-start-tasks__list button::before{content:none}.pfext-quick-start-tasks__list li.pf-v5-c-wizard__nav-item{list-style-type:none;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:var(--pf-v5-global--spacer--xs)}.pfext-quick-start-tasks__list .pfext-quick-start-task__content{margin-bottom:var(--pf-v5-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-v5-global--Color--200);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-v5-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-v5-c-alert{margin:var(--pf-v5-global--spacer--md) 0}.pfext-quick-start-tasks__list .task-pflist-list__item__content .pf-v5-c-alert__title{margin-top:0;margin-bottom:0;font-weight:var(--pf-v5-c-alert__title--FontWeight);font-family:inherit;line-height:inherit;color:var(--pf-v5-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-v5-global--palette--blue-50);border-color:var(--pf-v5-global--active-color--200);margin:var(--pf-v5-global--spacer--md) 0}.pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note__body{font-size:14px}.pfext-quick-start-intro__prereq{margin-bottom:var(--pf-v5-global--spacer--md)}.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__content{margin-top:var(--pf-v5-global--spacer--sm)}.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__toggle{padding-top:0;padding-bottom:0}.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__toggle-text{margin-left:var(--pf-v5-global--spacer--sm)}.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__toggle-icon{color:var(--pf-v5-c-expandable-section__toggle--Color)}.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__toggle-icon:focus,.pfext-quick-start-intro__prereq .pf-v5-c-expandable-section__toggle-icon:hover{--pf-v5-c-expandable-section__toggle--Color:var(--pf-v5-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-task-header{margin-bottom:var(--pf-v5-global--spacer--sm);display:grid;grid-template-columns:min-content auto;font-size:var(--pf-v5-global--FontSize--md)}.pfext-quick-start-task-header button::before{content:none}.pfext-quick-start-task-header__title{color:var(--pf-v5-global--primary-color--100)!important;margin-right:var(--pf-v5-global--spacer--md)!important}.pfext-quick-start-task-header__subtitle{font-size:var(--pf-v5-global--FontSize--sm);color:var(--pf-v5-global--Color--dark-200)!important}.pfext-quick-start-task-header__tryagain{display:block;font-size:var(--pf-v5-global--FontSize--md);color:var(--pf-v5-global--Color--300)!important}.pfext-quick-start-task-header__title-success{color:var(--pf-v5-global--success-color--100)!important}.pfext-quick-start-task-header__title-failed{color:var(--pf-v5-global--danger-color--100)!important}.pfext-quick-start-task-header__task-icon-init{background-color:var(--pf-v5-global--primary-color--100);border-radius:var(--pf-v5-global--BorderRadius--lg);color:var(--pf-v5-global--Color--light-100);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-v5-global--success-color--100)!important}.pfext-quick-start-task-header__task-icon-failed{color:var(--pf-v5-global--danger-color--100)!important}.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-v5-global--spacer--xs)}.pfext-quick-start-task-review-alert{margin:var(--pf-v5-global--spacer--lg) 0}.pfext-quick-start-task-review{font-size:var(--pf-v5-global--FontSize--md);line-height:var(--pf-v5-global--FontSize--xl);font-family:var(--pf-v5-global--FontFamily--heading--sans-serif)}.pfext-quick-start-task-review__actions{display:flex;align-items:flex-start;margin-bottom:var(--pf-v5-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-v5-global--spacer--xl)!important}.pfext-quick-start-task-review--success{color:var(--pf-v5-global--success-color--100)!important}.pfext-quick-start-task-review--failed{color:var(--pf-chart-global--danger--Color--100)}.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-v5-c-alert{margin:var(--pf-v5-global--spacer--md) 0}.pfext-markdown-view .pfext-markdown-admonition.pf-v5-c-alert .pf-v5-c-alert__title{margin-top:0;margin-bottom:0;font-weight:var(--pf-v5-c-alert__title--FontWeight);font-family:inherit;line-height:inherit;color:var(--pf-v5-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-v5-global--BorderWidth--xl) solid var(--pf-v5-global--palette--blue-200);background-color:var(--pf-v5-global--palette--black-500);z-index:9999}.pfext-spotlight__element-highlight-animate{pointer-events:none;position:absolute;box-shadow:inset 0 0 0 4px var(--pf-v5-global--palette--blue-200);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-v5-global--palette--blue-200);outline-offset:-4px}:root{--vertical-tab-pf-color:var(--pf-v5-global--Color--100);--vertical-tab-pf-active-color:var(--pf-v5-global--active-color--100)}.catalog-tile-pf.featured{border-top:2px solid var(--pf-v5-global--active-color--100)}.catalog-tile-pf:active,.catalog-tile-pf:focus,.catalog-tile-pf:hover,.catalog-tile-pf:visited{color:inherit;text-decoration:none}.catalog-tile-pf .pf-v5-c-card__actions{padding-left:5px}.catalog-tile-pf-header{font-size:16px;font-weight:400;padding-bottom:16px}.catalog-tile-pf-header .catalog-tile-pf-title{font-size:15px;font-weight:400}.catalog-tile-pf-header .catalog-tile-pf-subtitle{color:var(--pf-v5-global--Color--200);font-size:13px;font-weight:initial}.catalog-tile-pf-header .catalog-tile-pf-subtitle a,.catalog-tile-pf-header .catalog-tile-pf-subtitle a:hover{text-decoration:none}.catalog-tile-pf-icon{font-size:40px;height:40px;max-width:60px;min-width:40px}.catalog-tile-pf-badge-container{display:flex;flex:1;justify-content:flex-end}.catalog-tile-pf-description{margin-top:0}.catalog-tile-pf-description span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.catalog-tile-pf-description .has-footer{-webkit-line-clamp:1}.pf-v5-c-clipboard-copy{--pf-v5-c-clipboard-copy__toggle-icon--Transition:.2s ease-in 0s;--pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate:90deg;--pf-v5-c-clipboard-copy__expandable-content--PaddingTop:var(--pf-v5-global--spacer--md);--pf-v5-c-clipboard-copy__expandable-content--PaddingRight:var(--pf-v5-global--spacer--md);--pf-v5-c-clipboard-copy__expandable-content--PaddingBottom:var(--pf-v5-global--spacer--md);--pf-v5-c-clipboard-copy__expandable-content--PaddingLeft:var(--pf-v5-global--spacer--md);--pf-v5-c-clipboard-copy__expandable-content--BackgroundColor:var(--pf-v5-global--BackgroundColor--light-100);--pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth:0;--pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth:var(--pf-v5-global--BorderWidth--sm);--pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm);--pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth:var(--pf-v5-global--BorderWidth--sm);--pf-v5-c-clipboard-copy__expandable-content--BorderColor:var(--pf-v5-global--BorderColor--100);--pf-v5-c-clipboard-copy__expandable-content--OutlineOffset:calc(-1 * var(--pf-v5-global--spacer--xs));--pf-v5-c-clipboard-copy--m-inline--PaddingTop:0;--pf-v5-c-clipboard-copy--m-inline--PaddingBottom:0;--pf-v5-c-clipboard-copy--m-inline--PaddingLeft:var(--pf-v5-global--spacer--xs);--pf-v5-c-clipboard-copy--m-inline--BackgroundColor:var(--pf-v5-global--BackgroundColor--200);--pf-v5-c-clipboard-copy__text--m-code--FontFamily:var(--pf-v5-global--FontFamily--monospace);--pf-v5-c-clipboard-copy__text--m-code--FontSize:var(--pf-v5-global--FontSize--sm);--pf-v5-c-clipboard-copy__actions-item--MarginTop:calc(-1 * var(--pf-v5-global--spacer--form-element));--pf-v5-c-clipboard-copy__actions-item--MarginBottom:calc(-1 * var(--pf-v5-global--spacer--form-element));--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop:var(--pf-v5-global--spacer--xs);--pf-v5-c-clipboard-copy__actions-item--button--PaddingRight:var(--pf-v5-global--spacer--sm);--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom:var(--pf-v5-global--spacer--xs);--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft:var(--pf-v5-global--spacer--sm)}.pf-v5-c-clipboard-copy.pf-m-inline{display:inline;padding-top:var(--pf-v5-c-clipboard-copy--m-inline--PaddingTop);padding-bottom:var(--pf-v5-c-clipboard-copy--m-inline--PaddingBottom);padding-left:var(--pf-v5-c-clipboard-copy--m-inline--PaddingLeft);white-space:nowrap;background-color:var(--pf-v5-c-clipboard-copy--m-inline--BackgroundColor)}.pf-v5-c-clipboard-copy.pf-m-inline.pf-m-block{display:block}.pf-v5-c-clipboard-copy__text{word-break:break-word;white-space:normal}.pf-v5-c-clipboard-copy__actions{display:inline-flex}.pf-v5-c-clipboard-copy__actions-item{margin-top:calc(-1 * var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop));margin-bottom:calc(-1 * var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom))}.pf-v5-c-clipboard-copy__actions-item .pf-v5-c-button{--pf-v5-c-button--PaddingTop:var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop);--pf-v5-c-button--PaddingRight:var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingRight);--pf-v5-c-button--PaddingBottom:var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom);--pf-v5-c-button--PaddingLeft:var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft)}:where(.pf-v5-theme-dark) .pf-v5-c-clipboard-copy{--pf-v5-c-clipboard-copy__expandable-content--BackgroundColor:var(--pf-v5-global--BackgroundColor--400)}.pf-v5-c-code-block{--pf-v5-c-code-block--BackgroundColor:var(--pf-v5-global--BackgroundColor--200);--pf-v5-c-code-block__header--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm);--pf-v5-c-code-block__header--BorderBottomColor:var(--pf-v5-global--BorderColor--100);--pf-v5-c-code-block__content--PaddingTop:var(--pf-v5-global--spacer--md);--pf-v5-c-code-block__content--PaddingRight:var(--pf-v5-global--spacer--md);--pf-v5-c-code-block__content--PaddingBottom:var(--pf-v5-global--spacer--md);--pf-v5-c-code-block__content--PaddingLeft:var(--pf-v5-global--spacer--md);--pf-v5-c-code-block__pre--FontFamily:var(--pf-v5-global--FontFamily--monospace);--pf-v5-c-code-block__pre--FontSize:var(--pf-v5-global--FontSize--sm);background-color:var(--pf-v5-c-code-block--BackgroundColor)}.pf-v5-c-code-block__header{display:flex;border-bottom:var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor)}.pf-v5-c-code-block__actions{display:flex;margin-left:auto}.pf-v5-c-code-block__content{padding:var(--pf-v5-c-code-block__content--PaddingTop) var(--pf-v5-c-code-block__content--PaddingRight) var(--pf-v5-c-code-block__content--PaddingBottom) var(--pf-v5-c-code-block__content--PaddingLeft)}.pf-v5-c-code-block__pre{font-family:var(--pf-v5-c-code-block__pre--FontFamily);font-size:var(--pf-v5-c-code-block__pre--FontSize);overflow-wrap:break-word;white-space:pre-wrap}.pf-v5-c-code-block__code{font-family:var(--pf-v5-c-code-block__code--FontFamily,inherit)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/quickstarts",
3
- "version": "5.2.0-prerelease.2",
3
+ "version": "5.2.0-prerelease.3",
4
4
  "description": "PatternFly quick starts",
5
5
  "files": [
6
6
  "src",
package/src/catalog/QuickStartTile.tsx CHANGED
@@ -8,7 +8,7 @@ import { camelize } from '../utils/quick-start-utils';
8
8
  import QuickStartTileDescription from './QuickStartTileDescription';
9
9
  import QuickStartTileFooter from './QuickStartTileFooter';
10
10
  import QuickStartTileFooterExternal from './QuickStartTileFooterExternal';
11
- import QuickStartTileHeader from './QuickStartTileHeader';
11
+ import QuickStartTileHeader, { QuickstartAction } from './QuickStartTileHeader';
12
12
 
13
13
  import './QuickStartTile.scss';
14
14
 
@@ -17,6 +17,8 @@ interface QuickStartTileProps {
17
17
  status: QuickStartStatus;
18
18
  isActive: boolean;
19
19
  onClick?: () => void;
20
+ /** Action config for button rendered next to title */
21
+ action?: QuickstartAction;
20
22
  }
21
23
 
22
24
  const QuickStartTile: React.FC<QuickStartTileProps> = ({
@@ -24,12 +26,14 @@ const QuickStartTile: React.FC<QuickStartTileProps> = ({
24
26
  status,
25
27
  isActive,
26
28
  onClick = () => {},
29
+ action,
27
30
  }) => {
28
31
  const {
29
- metadata: { name: id },
32
+ metadata: { name, id: metaId },
30
33
  spec: { icon, tasks, displayName, description, durationMinutes, prerequisites, link, type },
31
34
  } = quickStart;
32
35
 
36
+ const id = metaId || name;
33
37
  const { setActiveQuickStart, footer } =
34
38
  React.useContext<QuickStartContextValues>(QuickStartContext);
35
39
 
@@ -75,7 +79,7 @@ const QuickStartTile: React.FC<QuickStartTileProps> = ({
75
79
  };
76
80
 
77
81
  return (
78
- <div ref={ref}>
82
+ <div ref={ref} onClick={handleClick}>
79
83
  <CatalogTile
80
84
  id={id + '-catalog-tile'}
81
85
  style={{
@@ -92,9 +96,9 @@ const QuickStartTile: React.FC<QuickStartTileProps> = ({
92
96
  duration={durationMinutes}
93
97
  type={type}
94
98
  quickStartId={id}
99
+ action={action}
95
100
  />
96
101
  }
97
- onClick={handleClick}
98
102
  onKeyDown={(event) => {
99
103
  if (event.key === 'Enter' || event.key === ' ') {
100
104
  setActiveQuickStart(id, tasks?.length);
package/src/catalog/QuickStartTileHeader.tsx CHANGED
@@ -1,18 +1,31 @@
1
1
  import './QuickStartTileHeader.scss';
2
2
  import * as React from 'react';
3
- import { Label, Title } from '@patternfly/react-core';
3
+ import { Button, ButtonProps, Flex, Label, Title } from '@patternfly/react-core';
4
4
  import OutlinedClockIcon from '@patternfly/react-icons/dist/js/icons/outlined-clock-icon';
5
+ import OutlinedBookmarkIcon from '@patternfly/react-icons/dist/js/icons/outlined-bookmark-icon';
5
6
  import { StatusIcon } from '@console/shared';
6
7
  import { QuickStartContext, QuickStartContextValues } from '../utils/quick-start-context';
7
8
  import { QuickStartStatus, QuickStartType } from '../utils/quick-start-types';
8
9
  import QuickStartMarkdownView from '../QuickStartMarkdownView';
9
10
 
11
+ export interface QuickstartAction {
12
+ /** Screen reader aria label. */
13
+ 'aria-label': string;
14
+ /** Icon to be rendered as a plain button, by default Bookmark outlined will be used. */
15
+ icon?: React.ComponentType<unknown>;
16
+ /** Callback with synthetic event parameter. */
17
+ onClick?: (e: React.SyntheticEvent) => void;
18
+ /** Additional button props to be rendered as extra props. */
19
+ buttonProps?: ButtonProps;
20
+ }
21
+
10
22
  interface QuickStartTileHeaderProps {
11
23
  status: string;
12
24
  duration: number;
13
25
  name: string;
14
26
  type?: QuickStartType;
15
27
  quickStartId?: string;
28
+ action?: QuickstartAction;
16
29
  }
17
30
 
18
31
  const statusColorMap = {
@@ -27,6 +40,7 @@ const QuickStartTileHeader: React.FC<QuickStartTileHeaderProps> = ({
27
40
  name,
28
41
  type,
29
42
  quickStartId,
43
+ action,
30
44
  }) => {
31
45
  const { getResource } = React.useContext<QuickStartContextValues>(QuickStartContext);
32
46
 
@@ -36,11 +50,22 @@ const QuickStartTileHeader: React.FC<QuickStartTileHeaderProps> = ({
36
50
  [QuickStartStatus.NOT_STARTED]: getResource('Not started'),
37
51
  };
38
52
 
53
+ const ActionIcon = action?.icon || OutlinedBookmarkIcon;
54
+
39
55
  return (
40
56
  <div className="pfext-quick-start-tile-header">
41
- <Title headingLevel="h3" data-test="title" id={quickStartId}>
42
- <QuickStartMarkdownView content={name} />
43
- </Title>
57
+ <Flex justifyContent={{ default: 'justifyContentCenter' }} flexWrap={{ default: 'nowrap' }}>
58
+ <Title headingLevel="h3" data-test="title" id={quickStartId}>
59
+ <QuickStartMarkdownView content={name} />
60
+ </Title>
61
+ {action && <Button
62
+ aria-label={action['aria-label']}
63
+ icon={<ActionIcon />}
64
+ variant='plain'
65
+ onClick={action.onClick}
66
+ {...action.buttonProps}
67
+ />}
68
+ </Flex>
44
69
  <div className="pfext-quick-start-tile-header__status">
45
70
  {type && (
46
71
  <Label className="pfext-quick-start-tile-header--margin" color={type.color}>
package/src/catalog/index.ts CHANGED
@@ -4,6 +4,6 @@ export { default as QuickStartTile } from './QuickStartTile';
4
4
  export { default as QuickStartTileDescription } from './QuickStartTileDescription';
5
5
  export { default as QuickStartTileFooter } from './QuickStartTileFooter';
6
6
  export { default as QuickStartTileFooterExternal } from './QuickStartTileFooterExternal';
7
- export { default as QuickStartTileHeader } from './QuickStartTileHeader';
7
+ export { default as QuickStartTileHeader, QuickstartAction } from './QuickStartTileHeader';
8
8
  export * from './Toolbar/QuickStartCatalogFilterItems';
9
9
  export * from './Catalog';