@patternfly/quickstarts 6.0.0-prerelease.1 → 6.0.0-prerelease.2

package/dist/quickstarts-base.css

@@ -163,6 +163,10 @@
   border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth) !important;
 }
 
+.pfext-quick-start-footer {
+  padding-top: var(--pf-t--global--spacer--md);
+}
+
 .pfext-quick-start-task {
   flex: 1 1 0;
   overflow: auto;
@@ -171,10 +175,6 @@
   margin-block-end: var(--pf-v6-c-content--MarginBlockEnd);
 }
 
-.pfext-quick-start-footer {
-  padding-top: var(--pf-t--global--spacer--md);
-}
-
 button.pf-v6-c-wizard__nav-link {
   margin-bottom: var(--pf-t--global--spacer--md);
 }

package/dist/quickstarts-full.es.js

@@ -5706,10 +5706,11 @@ var formStyles = {
   "formControlToggleIcon": "pf-v6-c-form-control__toggle-icon",
   "formControlUtilities": "pf-v6-c-form-control__utilities",
   "modifiers": {
-    "readonly": "pf-m-readonly",
+    "textarea": "pf-m-textarea",
     "success": "pf-m-success",
     "warning": "pf-m-warning",
     "error": "pf-m-error",
+    "readonly": "pf-m-readonly",
     "plain": "pf-m-plain",
     "expanded": "pf-m-expanded",
     "disabled": "pf-m-disabled",
@@ -6549,7 +6550,7 @@ const SelectBase = (_a) => {
                 var _a;
                 const firstElement = (_a = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('li button:not(:disabled),li input:not(:disabled)');
                 firstElement && firstElement.focus();
-            }, 0);
+            }, 10);
         }
         prevIsOpen.current = isOpen;
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -6608,6 +6609,7 @@ const SelectOption = React__default.forwardRef((props, ref) => (React__default.c
 SelectOption.displayName = 'SelectOption';
 
 var styles$j = {
+  "avatar": "pf-v6-c-avatar",
   "button": "pf-v6-c-button",
   "check": "pf-v6-c-check",
   "checkInput": "pf-v6-c-check__input",
@@ -6633,9 +6635,10 @@ var styles$j = {
     "danger": "pf-m-danger",
     "placeholder": "pf-m-placeholder",
     "splitButton": "pf-m-split-button",
-    "action": "pf-m-action",
+    "standalone": "pf-m-standalone",
     "typeahead": "pf-m-typeahead",
-    "text": "pf-m-text"
+    "text": "pf-m-text",
+    "avatar": "pf-m-avatar"
   },
   "textInputGroup": "pf-v6-c-text-input-group"
 };
@@ -6671,7 +6674,7 @@ class MenuToggleBase extends React.Component {
         };
     }
     render() {
-        const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, isPlaceholder, splitButtonOptions, variant, status, statusIcon, innerRef, onClick, 'aria-label': ariaLabel, ouiaId, ouiaSafe, size } = _a, otherProps = __rest$1(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "isPlaceholder", "splitButtonOptions", "variant", "status", "statusIcon", "innerRef", "onClick", 'aria-label', "ouiaId", "ouiaSafe", "size"]);
+        const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, isPlaceholder, splitButtonItems, variant, status, statusIcon, innerRef, onClick, 'aria-label': ariaLabel, ouiaId, ouiaSafe, size } = _a, otherProps = __rest$1(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "isPlaceholder", "splitButtonItems", "variant", "status", "statusIcon", "innerRef", "onClick", 'aria-label', "ouiaId", "ouiaSafe", "size"]);
         const isPlain = variant === 'plain';
         const isPlainText = variant === 'plainText';
         const isTypeahead = variant === 'typeahead';
@@ -6704,9 +6707,9 @@ class MenuToggleBase extends React.Component {
         if (isTypeahead) {
             return (React.createElement("div", Object.assign({ ref: innerRef, className: css(commonStyles, styles$j.modifiers.typeahead) }, componentProps)));
         }
-        if (splitButtonOptions) {
-            return (React.createElement("div", { ref: innerRef, className: css(commonStyles, styles$j.modifiers.splitButton, (splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 : splitButtonOptions.variant) === 'action' && styles$j.modifiers.action) }, splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 :
-                splitButtonOptions.items,
+        if (splitButtonItems) {
+            return (React.createElement("div", { ref: innerRef, className: css(commonStyles, styles$j.modifiers.splitButton) },
+                splitButtonItems,
                 React.createElement("button", Object.assign({ className: css(styles$j.menuToggleButton, children && styles$j.modifiers.text), type: "button", "aria-expanded": isExpanded, "aria-label": ariaLabel, disabled: isDisabled, onClick: onClick }, otherProps, ouiaProps),
                     children && React.createElement("span", { className: css(styles$j.menuToggleText) }, children),
                     toggleControls)));
@@ -6963,13 +6966,13 @@ const CardHeader = (_a) => {
         const SelectableCardInput = (selectableActions === null || selectableActions === void 0 ? void 0 : selectableActions.variant) === 'single' ? Radio : Checkbox;
         const getSelectableProps = () => {
             var _a, _b;
-            return (Object.assign({ className: 'pf-m-standalone', label: React.createElement(React.Fragment, null), 'aria-label': selectableActions.selectableActionAriaLabel, 'aria-labelledby': selectableActions.selectableActionAriaLabelledby, id: (_a = selectableActions.selectableActionId) !== null && _a !== void 0 ? _a : `card-selectable-${uniqueId}`, name: selectableActions.name, isDisabled: isCardDisabled, onChange: selectableActions.onChange, isChecked: (_b = selectableActions.isChecked) !== null && _b !== void 0 ? _b : isSelected }, selectableActions.selectableActionProps));
+            return (Object.assign({ className: css('pf-m-standalone'), inputClassName: css((selectableActions === null || selectableActions === void 0 ? void 0 : selectableActions.isHidden) && 'pf-v6-screen-reader'), label: React.createElement(React.Fragment, null), 'aria-label': selectableActions.selectableActionAriaLabel, 'aria-labelledby': selectableActions.selectableActionAriaLabelledby, id: (_a = selectableActions.selectableActionId) !== null && _a !== void 0 ? _a : `card-selectable-${uniqueId}`, name: selectableActions.name, isDisabled: isCardDisabled, onChange: selectableActions.onChange, isChecked: (_b = selectableActions.isChecked) !== null && _b !== void 0 ? _b : isSelected }, selectableActions.selectableActionProps));
         };
         const isClickableLinkCard = (selectableActions === null || selectableActions === void 0 ? void 0 : selectableActions.to) !== undefined;
         const ClickableCardComponent = isClickableLinkCard ? 'a' : 'button';
         const getClickableProps = () => {
             const isDisabledLinkCard = isCardDisabled && isClickableLinkCard;
-            const baseProps = Object.assign({ className: css('pf-v6-c-card__clickable-action', isDisabledLinkCard && styles$h.modifiers.disabled), id: selectableActions.selectableActionId, 'aria-label': selectableActions.selectableActionAriaLabel, 'aria-labelledby': selectableActions.selectableActionAriaLabelledby }, selectableActions.selectableActionProps);
+            const baseProps = Object.assign({ className: css('pf-v6-c-card__clickable-action', isDisabledLinkCard && styles$h.modifiers.disabled, (selectableActions === null || selectableActions === void 0 ? void 0 : selectableActions.isHidden) && 'pf-v6-screen-reader'), id: selectableActions.selectableActionId, 'aria-label': selectableActions.selectableActionAriaLabel, 'aria-labelledby': selectableActions.selectableActionAriaLabelledby }, selectableActions.selectableActionProps);
             if (isClickableLinkCard) {
                 return Object.assign(Object.assign(Object.assign(Object.assign({}, baseProps), { href: selectableActions.to }), (isCardDisabled && { tabIndex: -1, 'aria-disabled': true })), (selectableActions.isExternalLink && { target: '_blank' }));
             }
@@ -7483,9 +7486,9 @@ var styles$d = {
   "modifiers": {
     "panelBottom": "pf-m-panel-bottom",
     "inline": "pf-m-inline",
+    "static": "pf-m-static",
     "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
-    "static": "pf-m-static",
     "panelLeft": "pf-m-panel-left",
     "expanded": "pf-m-expanded",
     "resizing": "pf-m-resizing",
@@ -7525,8 +7528,7 @@ var styles$d = {
     "staticOnXl": "pf-m-static-on-xl",
     "inlineOn_2xl": "pf-m-inline-on-2xl",
     "staticOn_2xl": "pf-m-static-on-2xl"
-  },
-  "pageMain": "pf-v6-c-page__main"
+  }
 };
 
 var DrawerColorVariant;
@@ -9022,7 +9024,6 @@ PageContext.Consumer;
 
 var styles$5 = {
   "dirRtl": "pf-v6-m-dir-rtl",
-  "drawer": "pf-v6-c-drawer",
   "masthead": "pf-v6-c-masthead",
   "modifiers": {
     "expanded": "pf-m-expanded",
@@ -31572,8 +31573,7 @@ const QuickStartTileFooterExternal = ({ link, quickStartId, }) => {
 
 const QuickStartTileHeader = ({ name, quickStartId, onSelect, }) => (React.createElement(Flex, { flexWrap: { default: 'nowrap' } },
     React.createElement(Title, { headingLevel: "h3", "data-test": "title", id: quickStartId },
-        React.createElement(Button, { variant: "link", isInline: true, onClick: onSelect },
-            React.createElement(QuickStartMarkdownView, { content: name })))));
+        React.createElement(Button, { variant: "link", isInline: true, onClick: onSelect }, name))));
 
 var outlinedBookmarkIcon = createCommonjsModule(function (module, exports) {
 exports.__esModule = true;
@@ -31937,7 +31937,7 @@ const QuickStartTaskHeader = ({ title, taskIndex, subtitle, taskStatus, size, is
     return (React.createElement(WizardNavItem, { content: content, stepIndex: taskIndex, onClick: () => onTaskSelect(taskIndex - 1), component: "button", isCurrent: isActiveTask, status: status }, children));
 };
 
-const QuickStartTaskHeaderList = ({ tasks, allTaskStatuses, onTaskSelect, }) => (tasks === null || tasks === void 0 ? void 0 : tasks.length) > 0 ? (React.createElement("ul", { className: "pf-v6-c-wizard__nav-list" }, tasks.map((task, index) => (React.createElement(QuickStartTaskHeader, { key: task.title, title: task.title, taskIndex: index + 1, size: "md", taskStatus: allTaskStatuses[index], onTaskSelect: onTaskSelect }))))) : null;
+const QuickStartTaskHeaderList = ({ tasks, allTaskStatuses, onTaskSelect, }) => (tasks === null || tasks === void 0 ? void 0 : tasks.length) > 0 ? (React.createElement("ul", { className: "pf-v6-c-wizard pf-v6-c-wizard__nav-list" }, tasks.map((task, index) => (React.createElement(QuickStartTaskHeader, { key: task.title, title: task.title, taskIndex: index + 1, size: "md", taskStatus: allTaskStatuses[index], onTaskSelect: onTaskSelect }))))) : null;
 
 const QuickStartConclusion = ({ tasks, conclusion, allTaskStatuses, nextQuickStarts, onQuickStartChange, onTaskSelect, }) => {
     const hasFailedTask = allTaskStatuses.includes(QuickStartTaskStatus.FAILED);
@@ -31997,7 +31997,7 @@ const QuickStartTaskReview = ({ review, taskStatus, onTaskReview, }) => {
 
 const QuickStartTasks = ({ tasks, taskNumber, allTaskStatuses, onTaskReview, onTaskSelect, }) => {
     const { getResource, alwaysShowTaskReview } = React.useContext(QuickStartContext);
-    return (React.createElement("div", { className: "pf-v6-c-wizard__nav-list", style: { padding: '0 0 0 0' } },
+    return (React.createElement("div", { className: "pf-v6-c-wizard pf-v6-c-wizard__nav-list", style: { padding: '0 0 0 0' } },
         React.createElement("ul", null, tasks
             .filter((_, index) => allTaskStatuses[index] !== QuickStartTaskStatus.INIT)
             .map((task, index) => {