@patternfly/quickstarts 6.1.0-prerelease.6 → 6.2.0-prerelease.1

package/dist/quickstarts-base.css

@@ -155,12 +155,12 @@
   filter: brightness(1.5) invert(1) hue-rotate(180deg) saturate(4);
 }
 
-.pf-v6-c-card__header-main .pf-v6-c-icon__content {
+.pfext-catalog-item .pf-v6-c-card__header-main .pf-v6-c-icon__content {
   display: contents;
 }
 
-.pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
-  border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth) !important;
+.pfext-catalog-item.pf-v6-c-card.pf-m-selectable::before, .pfext-catalog-item.pf-v6-c-card.pf-m-clickable::before {
+  border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
 }
 
 .pfext-quick-start-footer {
@@ -178,23 +178,20 @@
   height: initial;
 }
 
-button.pf-v6-c-wizard__nav-link {
+.pfext-quick-start-task-header button.pf-v6-c-wizard__nav-link {
   margin-bottom: var(--pf-t--global--spacer--md);
 }
 
-button.pf-v6-c-wizard__nav-link.pf-m-current {
+.pfext-quick-start-task-header button.pf-v6-c-wizard__nav-link.pf-m-current {
   --pf-v6-c-wizard__nav-link-main--BackgroundColor: transparent;
 }
 
-button.pf-v6-c-wizard__nav-link::before {
+.pfext-quick-start-task-header button.pf-v6-c-wizard__nav-link::before {
   background-color: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
   color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
   min-width: var(--pf-v6-c-wizard__nav-link--before--Width);
 }
 
-.pfext-quick-start-task-header button::before {
-  content: none;
-}
 .pfext-quick-start-task-header__title {
   font-family: var(--pf-t--global--font--family--body);
   font-weight: var(---pf-t--global--font--weight--body--bold);

package/dist/quickstarts-full.es.js

@@ -31720,7 +31720,7 @@ const QuickStartTile = ({ quickStart, status, isActive, onClick = () => { }, act
     }, [footer, id, link, status, tasks === null || tasks === void 0 ? void 0 : tasks.length]);
     const ActionIcon = (action === null || action === void 0 ? void 0 : action.icon) || OutlinedBookmarkIcon;
     const additionalAction = action ? (React.createElement(Button, Object.assign({ "aria-label": action['aria-label'], icon: React.createElement(ActionIcon, null), variant: "plain", onClick: action.onClick }, action.buttonProps))) : undefined;
-    return (React.createElement(Card, Object.assign({ id: `${id}-catalog-tile`, style: { height: '100%' }, "data-testid": `qs-card-${camelize(displayName)}` }, (isActive && {
+    return (React.createElement(Card, Object.assign({ id: `${id}-catalog-tile`, style: { height: '100%' }, "data-testid": `qs-card-${camelize(displayName)}`, className: "pfext-catalog-item" }, (isActive && {
         isClickable: true,
         isSelectable: true,
         isSelected: true,
@@ -32006,7 +32006,7 @@ const QuickStartTaskHeader = ({ title, taskIndex, subtitle, taskStatus, size, is
     else if (taskStatus === QuickStartTaskStatus.SUCCESS) {
         status = 'success';
     }
-    return (React.createElement(WizardNavItem, { content: content, stepIndex: taskIndex, onClick: () => onTaskSelect(taskIndex - 1), component: "button", isCurrent: isActiveTask, status: status }, children));
+    return (React.createElement(WizardNavItem, { content: content, stepIndex: taskIndex, onClick: () => onTaskSelect(taskIndex - 1), component: "button", isCurrent: isActiveTask, status: status, className: "pfext-quick-start-task-header" }, children));
 };
 
 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;