@patternfly/quickstarts 6.5.0-prerelease.3 → 6.5.0-prerelease.4

package/dist/quickstarts-full.es.js

@@ -30802,12 +30802,8 @@ 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 ? (jsxRuntime.jsx(Button, Object.assign({ "aria-label": action['aria-label'], icon: jsxRuntime.jsx(ActionIcon, {}), variant: "plain", onClick: action.onClick }, action.buttonProps))) : undefined;
-    return (jsxRuntime.jsxs(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,
-        isClicked: true,
-    }), { children: [jsxRuntime.jsx(CardHeader, Object.assign({}, (action && {
+    const cardClasses = `pfext-catalog-item${isActive ? ' pf-m-current' : ''}`;
+    return (jsxRuntime.jsxs(Card, Object.assign({ id: `${id}-catalog-tile`, style: { height: '100%' }, "data-testid": `qs-card-${camelize(displayName)}`, className: cardClasses }, { children: [jsxRuntime.jsx(CardHeader, Object.assign({}, (action && {
                 actions: { actions: additionalAction },
             }), { children: quickStartIcon })), jsxRuntime.jsx(CardTitle, { children: jsxRuntime.jsx(QuickStartTileHeader, { name: displayName, onSelect: onSelect, quickStartId: id }) }), jsxRuntime.jsx(CardBody, { children: jsxRuntime.jsxs(Stack, Object.assign({ hasGutter: true }, { children: [jsxRuntime.jsxs(Flex, Object.assign({ spaceItems: { default: 'spaceItemsSm' } }, { children: [type && jsxRuntime.jsx(Label, Object.assign({ color: type.color }, { children: type.text })), durationMinutes && (jsxRuntime.jsx(Label, Object.assign({ variant: "outline", "data-test": "duration", icon: jsxRuntime.jsx(OutlinedClockIcon, {}) }, { children: getResource('{{duration, number}} minutes', durationMinutes).replace('{{duration, number}}', durationMinutes) }))), status !== QuickStartStatus.NOT_STARTED && (jsxRuntime.jsx(Label, Object.assign({ variant: "outline", color: statusColorMap[status], icon: jsxRuntime.jsx(StatusIcon, { status: status }), "data-test": "status" }, { children: statusLocaleMap[status] })))] })), jsxRuntime.jsx(QuickStartTileDescription, { description: description, prerequisites: prerequisites })] })) }), jsxRuntime.jsx(CardFooter, { children: footerComponent })] })));
 };