chore(card): fix isQuiet controls and usage in template

Author: marissahuysentruyt

components/card/stories/card.stories.js

@@ -23,11 +23,7 @@ export default {
 			},
 			control: { type: "file", accept: ".svg,.png,.jpg,.jpeg,.webc" },
 		},
-		isQuiet: {
-			...isQuiet,
-			description: "`showAsset` must be defined to properly render the quiet styles.",
-			if: { arg: "showAsset", truthy: true },
-		},
+		isQuiet,
 		isSelected,
 		isFocused,
 		hasActions: {

components/card/stories/template.js

@@ -65,7 +65,7 @@ export const Template = ({
     >
       ${when(image || showAsset, () =>
         when(
-          showAsset || (isGallery && image),
+          showAsset || (isGallery && image) || isQuiet,
           () => html`
             <div
               class=${classMap({