@patternfly/quickstarts 2.4.4 → 2.4.5

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;
@@ -854,17 +865,6 @@
   margin-right: var(--pf-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-markdown-view.is-empty {
   color: #999;
 }
@@ -904,16 +904,6 @@
   --pf-c-check__label--FontSize: 14px;
 }
 
-.pfext-quick-start-content {
-  flex: 1 1 0;
-  overflow: auto;
-  padding: var(--pf-global--spacer--lg);
-  font-size: 16px;
-}
-.pfext-quick-start-content .pf-c-alert__description p {
-  font-size: 13px;
-}
-
 .pfext-quick-start-footer {
   background-color: var(--pf-global--BackgroundColor--100);
   flex: 0 0 auto;
@@ -926,34 +916,14 @@
   float: right;
 }
 
-.pfext-quick-start-intro__prereq {
-  margin-bottom: var(--pf-global--spacer--md);
-}
-.pfext-quick-start-intro__prereq .pf-c-expandable-section__content {
-  margin-top: var(--pf-global--spacer--sm);
-}
-.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-text {
-  margin-left: var(--pf-global--spacer--sm);
-}
-.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon {
-  color: var(--pf-c-expandable-section__toggle--Color);
-}
-.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:focus, .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:hover {
-  --pf-c-expandable-section__toggle--Color: var(--pf-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: 0.8rem;
+.pfext-quick-start-content {
+  flex: 1 1 0;
+  overflow: auto;
+  padding: var(--pf-global--spacer--lg);
+  font-size: 16px;
 }
-.pfext-quick-start-intro__prereq-list__item-content {
-  position: relative;
-  left: 2px;
+.pfext-quick-start-content .pf-c-alert__description p {
+  font-size: 13px;
 }
 
 .pfext-quick-start-tasks__list button::before {
@@ -1027,18 +997,34 @@
   font-size: 14px;
 }
 
-.pfext-quick-start-task-header__list {
-  padding: 0 !important;
+.pfext-quick-start-intro__prereq {
+  margin-bottom: var(--pf-global--spacer--md);
 }
-.pfext-quick-start-task-header__list button::before {
-  content: none;
+.pfext-quick-start-intro__prereq .pf-c-expandable-section__content {
+  margin-top: var(--pf-global--spacer--sm);
 }
-.pfext-quick-start-task-header__list li {
-  list-style-type: none;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  margin-bottom: var(--pf-global--spacer--xs);
+.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-text {
+  margin-left: var(--pf-global--spacer--sm);
+}
+.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon {
+  color: var(--pf-c-expandable-section__toggle--Color);
+}
+.pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:focus, .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:hover {
+  --pf-c-expandable-section__toggle--Color: var(--pf-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: 0.8rem;
+}
+.pfext-quick-start-intro__prereq-list__item-content {
+  position: relative;
+  left: 2px;
 }
 
 .pfext-quick-start-task-review-alert {
@@ -1116,6 +1102,24 @@
   color: var(--pf-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-global--spacer--xs);
+}
+
+.pfext-modal {
+  position: absolute !important;
+}
+
 .pfext-markdown-view .pfext-code-block__pre {
   /* override the styles applied by showdown while parsing <pre /> */
   display: flex;
@@ -1150,10 +1154,6 @@
   word-break: break-word;
 }
 
-.pfext-modal {
-  position: absolute !important;
-}
-
 @keyframes pfext-spotlight-expand {
   0% {
     outline-offset: -4px;

package/dist/quickstarts-full.es.js

@@ -19449,8 +19449,18 @@ 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, '```');