@patternfly/quickstarts 5.4.2 → 5.4.4

package/dist/quickstarts-base.css

@@ -843,17 +843,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 +857,17 @@
   flex: 1;
 }
 
+.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-catalog-filter__input {
   flex-grow: 1;
   max-width: 500px;
@@ -907,16 +907,6 @@
   padding-top: 0;
 }
 
-.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-footer {
   background-color: var(--pf-v5-global--BackgroundColor--100);
   flex: 0 0 auto;
@@ -929,6 +919,16 @@
   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-intro__prereq {
   margin-bottom: var(--pf-v5-global--spacer--md);
 }
@@ -1044,34 +1044,6 @@
   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-quick-start-task-header {
   margin-bottom: var(--pf-v5-global--spacer--sm);
   display: grid;
@@ -1119,6 +1091,34 @@
   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 {
   /* override the styles applied by showdown while parsing <pre /> */
   display: flex;

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, '```');