@patternfly/quickstarts 5.4.2 → 5.4.3

package/dist/quickstarts-base.css

@@ -818,6 +818,17 @@
   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-description {
   display: -webkit-box;
   overflow: hidden;
@@ -843,17 +854,6 @@
   padding-left: 20px;
 }
 
-.pfext-quick-start-tile {
-  height: 100%;
-}
-.pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
-  display: block;
-  -webkit-line-clamp: unset;
-}
-.pfext-quick-start-tile .catalog-tile-pf-icon {
-  display: flex;
-}
-
 .pfext-quick-start-tile-header__status {
   margin: var(--pf-v5-global--spacer--sm) 0;
 }
@@ -868,6 +868,24 @@
   flex: 1;
 }
 
+.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;
@@ -889,22 +907,16 @@
   --pf-v5-c-check__label--FontSize: 14px;
 }
 
-.pfext-markdown-view.is-empty {
-  color: #999;
-}
-.pfext-markdown-view table {
-  display: block;
-  margin-bottom: 11.5px;
-  overflow-x: auto;
+.pfext-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-markdown-view td,
-.pfext-markdown-view th {
-  border-bottom: 1px solid #ededed;
-  padding: 10px;
-  vertical-align: top;
+.pfext-quick-start-footer__actionbtn {
+  margin-right: var(--pf-v5-global--spacer--md);
 }
-.pfext-markdown-view th {
-  padding-top: 0;
+.pfext-quick-start-footer__restartbtn {
+  float: right;
 }
 
 .pfext-quick-start-content {
@@ -917,18 +929,6 @@
   font-size: 13px;
 }
 
-.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-intro__prereq {
   margin-bottom: var(--pf-v5-global--spacer--md);
 }
@@ -1030,20 +1030,6 @@
   font-size: 14px;
 }
 
-.pfext-quick-start-task-header__list {
-  padding: 0 !important;
-}
-.pfext-quick-start-task-header__list button::before {
-  content: none;
-}
-.pfext-quick-start-task-header__list li {
-  list-style-type: none;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  margin-bottom: var(--pf-v5-global--spacer--xs);
-}
-
 .pfext-quick-start-task-review-alert {
   margin: var(--pf-v5-global--spacer--lg) 0;
 }
@@ -1072,6 +1058,20 @@
   color: var(--pf-chart-global--danger--Color--100);
 }
 
+.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;

package/dist/quickstarts-full.es.js

@@ -27936,8 +27936,15 @@ const markdownConvert = (markdown, extensions) => __awaiter(void 0, void 0, void
             node.setAttribute('xlink:show', 'new');
         }
     });
-    // Replace code fences with non markdown formatting relates tokens so that marked doesn't try to parse them as code spans
-    const markdownWithSubstitutedCodeFences = markdown.replace(/```/g, '@@@');
+    const reverseString = (str) => str.split('').reverse().join('');
+    // replace code fences that end in a double curly brace (which are used by our custom md extensions) with non
+    // markdown formatting related tokens so that marked doesn't try to parse them as code spans
+    //
+    // we want to reverse the string before we do the substitution so that we only match the opening code fence which
+    // corresponds to the closing code fence with the double curly brace
+    const reversedMarkdown = reverseString(markdown);
+    const reverseMarkdownWithSubstitutedCodeFences = reversedMarkdown.replace(/{{```((.|\n)*?)```/g, '{{@@@$1@@@');
+    const markdownWithSubstitutedCodeFences = reverseString(reverseMarkdownWithSubstitutedCodeFences);
     const parsedMarkdown = yield marked.parse(markdownWithSubstitutedCodeFences);
     // Swap the temporary tokens back to code fences before we run the extensions
     let md = parsedMarkdown.replace(/@@@/g, '```');