@patternfly/quickstarts 2.3.0 → 2.3.1

package/dist/quickstarts-base.css

@@ -784,27 +784,6 @@
 .pfext-markdown-view th {
   padding-top: 0; }
 
-.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-intro__prereq-list__item-content {
-      position: relative;
-      left: 2px; }
-
 .pfext-quick-start-tasks__list button::before {
   content: none; }
 
@@ -863,6 +842,27 @@
     .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-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-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 {
@@ -931,9 +931,6 @@
   .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 {
   /* override the styles applied by showdown while parsing <pre /> */
   display: flex;
@@ -966,6 +963,9 @@
     color: var(--pf-c-alert__title--Color);
     word-break: break-word; }
 
+.pfext-modal {
+  position: absolute !important; }
+
 @keyframes pfext-spotlight-expand {
   0% {
     outline-offset: -4px;

package/dist/quickstarts-full.es.js

@@ -10532,12 +10532,13 @@ const CopyClipboard = ({ element, rootSelector, docContext, }) => {
     const { getResource } = React.useContext(QuickStartContext);
     const [showSuccessContent, setShowSuccessContent] = React.useState(false);
     const textToCopy = React.useMemo(() => {
+        var _a;
         const copyTextId = element.getAttribute(MARKDOWN_COPY_BUTTON_ID);
-        return docContext.querySelector(`${rootSelector} [${MARKDOWN_SNIPPET_ID}="${copyTextId}"]`).innerText;
+        return (_a = docContext.querySelector(`${rootSelector} [${MARKDOWN_SNIPPET_ID}="${copyTextId}"]`)) === null || _a === void 0 ? void 0 : _a.innerText;
     }, [element, docContext, rootSelector]);
     useEventListener(element, 'click', React.useCallback(() => {
         navigator.clipboard
-            .writeText(textToCopy)
+            .writeText(textToCopy.trim())
             .then(() => {
             setShowSuccessContent(true);
         })
@@ -14718,16 +14719,16 @@ const useInlineCopyClipboardShowdownExtension = () => {
     const { getResource } = React.useContext(QuickStartContext);
     return React.useMemo(() => ({
         type: 'lang',
-        regex: /```[\n]\s*((((?!```).)*?\n)+)\s*```{{copy}}/g,
-        replace: (text, group, subGroup, groupType, groupId) => {
-            if (!group || !subGroup || !groupType || !groupId) {
+        regex: /`([^`](.*?)[^`])`{{copy}}/g,
+        replace: (text, group, _, groupId) => {
+            if (!group || isNaN(groupId)) {
                 return text;
             }
             return removeTemplateWhitespace(`<span class="pf-c-clipboard-copy pf-m-inline">
-              <span class="pf-c-clipboard-copy__text" ${MARKDOWN_SNIPPET_ID}="${groupType}">${group}</span>
+              <span class="pf-c-clipboard-copy__text" ${MARKDOWN_SNIPPET_ID}="${groupId}">${group}</span>
               <span class="pf-c-clipboard-copy__actions">
                 <span class="pf-c-clipboard-copy__actions-item">
-                  <button class="pf-c-button pf-m-plain" aria-label="${getResource('Copy to clipboard')}" ${MARKDOWN_COPY_BUTTON_ID}="${groupType}">
+                  <button class="pf-c-button pf-m-plain" aria-label="${getResource('Copy to clipboard')}" ${MARKDOWN_COPY_BUTTON_ID}="${groupId}">
                     ${server.renderToStaticMarkup(React.createElement(CopyIcon, null))}
                   </button>
                 </span>
@@ -14741,16 +14742,16 @@ const useMultilineCopyClipboardShowdownExtension = () => {
     const { getResource } = React.useContext(QuickStartContext);
     return React.useMemo(() => ({
         type: 'lang',
-        regex: /```[\n]((.*?\n)+)```{{copy}}/g,
-        replace: (text, group, subgroup, groupType, groupId) => {
-            if (!group || !subgroup || !groupType || !groupId) {
+        regex: /```[\n]\s*((((?!```).)*?\n)+)\s*```{{copy}}/g,
+        replace: (text, group, _1, _2, groupId) => {
+            if (!group || isNaN(groupId)) {
                 return text;
             }
             return `<div class="pf-c-code-block">
               <div class="pf-c-code-block__header">
                 <div class="pf-c-code-block__actions">
                   <div class="pf-c-code-block__actions-item">
-                    <button class="pf-c-button pf-m-plain" type="button" aria-label="${getResource('Copy to clipboard')}" ${MARKDOWN_COPY_BUTTON_ID}="${groupType}">
+                    <button class="pf-c-button pf-m-plain" type="button" aria-label="${getResource('Copy to clipboard')}" ${MARKDOWN_COPY_BUTTON_ID}="${groupId}">
                       ${server.renderToStaticMarkup(React.createElement(CopyIcon, null))}
                     </button>
                   </div>
@@ -14759,7 +14760,7 @@ const useMultilineCopyClipboardShowdownExtension = () => {
               <div class="pf-c-code-block__content">
                 <pre class="pf-c-code-block__pre pfext-code-block__pre">
                   <code class="pf-c-code-block__code" 
-                    ${MARKDOWN_SNIPPET_ID}="${groupType}">${group}</code>
+                    ${MARKDOWN_SNIPPET_ID}="${groupId}">${group.trim()}</code>
                 </pre>
               </div>
             </div>`;