@patternfly/quickstarts 5.3.0 → 5.4.0-prerelease.1

package/dist/quickstarts-base.css

@@ -811,13 +811,6 @@
   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%;
 }
@@ -829,6 +822,13 @@
   display: flex;
 }
 
+.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-description {
   display: -webkit-box;
   overflow: hidden;

package/dist/quickstarts-full.es.js

@@ -10209,6 +10209,7 @@ const QuickStartContextDefaults = {
     markdown: null,
     loading: false,
     alwaysShowTaskReview: true,
+    focusOnQuickStart: true,
 };
 const QuickStartContext = createContext(QuickStartContextDefaults);
 const getResource = (resource, options, resourceBundle, lng) => {
@@ -31236,12 +31237,13 @@ const TaskIcon = ({ taskIndex, taskStatus }) => {
 };
 const QuickStartTaskHeader = ({ title, taskIndex, subtitle, taskStatus, size, isActiveTask, onTaskSelect, children, }) => {
     const titleRef = React.useRef(null);
+    const { focusOnQuickStart } = React.useContext(QuickStartContext);
     React.useEffect(() => {
-        if (isActiveTask) {
+        if (focusOnQuickStart && isActiveTask) {
             // Focus the WizardNavItem button element that contains the title
             titleRef.current.parentNode.focus();
         }
-    }, [isActiveTask]);
+    }, [focusOnQuickStart, isActiveTask]);
     const classNames = css('pfext-quick-start-task-header__title', {
         'pfext-quick-start-task-header__title-success': taskStatus === QuickStartTaskStatus.SUCCESS,
         'pfext-quick-start-task-header__title-failed': taskStatus === (QuickStartTaskStatus.FAILED || QuickStartTaskStatus.VISITED),
@@ -31452,7 +31454,7 @@ const useScrollTopOnTaskNumberChange = (node, taskNumber) => {
 const QuickStartPanelContent = (_a) => {
     var { quickStarts = [], handleClose, activeQuickStartID, appendTo, isResizable = true, showClose = true, headerVariant = '' } = _a, props = __rest(_a, ["quickStarts", "handleClose", "activeQuickStartID", "appendTo", "isResizable", "showClose", "headerVariant"]);
     const titleRef = React.useRef(null);
-    const { getResource, activeQuickStartState } = React.useContext(QuickStartContext);
+    const { getResource, activeQuickStartState, focusOnQuickStart } = React.useContext(QuickStartContext);
     const [contentRef, setContentRef] = React.useState();
     const shadows = useScrollShadows(contentRef);
     const quickStart = quickStarts.find((qs) => qs.metadata.name === activeQuickStartID);
@@ -31477,10 +31479,10 @@ const QuickStartPanelContent = (_a) => {
         return Number.parseInt(taskNumber) + 1;
     };
     React.useEffect(() => {
-        if (quickStart) {
+        if (focusOnQuickStart && quickStart) {
             titleRef.current.focus();
         }
-    }, [quickStart]);
+    }, [focusOnQuickStart, quickStart]);
     const content = quickStart ? (React.createElement(DrawerPanelContent, Object.assign({ isResizable: isResizable, className: "pfext-quick-start__base", "data-testid": `qs-drawer-${camelize(quickStart.spec.displayName)}`, "data-qs": `qs-step-${getStep()}`, "data-test": "quickstart drawer" }, props),
         React.createElement("div", { className: headerClasses },
             React.createElement(DrawerHead, null,