Merge branch 'release/0.25.17'

Author: Bhoomi Pipalia

.github/workflows/publish.yml

@@ -4,6 +4,7 @@ on:
   push:
     tags:
       - '*'
+  workflow_dispatch:
 
 permissions:
   id-token: write
@@ -18,6 +19,9 @@ jobs:
         with:
           node-version: '24'
           registry-url: 'https://registry.npmjs.org'
+      - run: npm --version
       - run: npm ci
       - run: npm run build --if-present
-      - run: npm publish
+      - run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

CHANGELOG.mdx

@@ -17,6 +17,12 @@ Prefix the change with one of these keywords:
 
 ## [Unreleased]
 
+## [0.25.16]
+
+### Fixed
+
+- Card image by adding aspect ratio
+
 ## [0.25.10] — [0.25.16]
 
 ### Fixed

lib/components/Card/CardFigure.tsx

@@ -8,7 +8,7 @@ export interface CardFigureProps {
 export const CardFigure = ({ children, isRound }: CardFigureProps) => {
   const roundedImage = isRound ? `cu-figure--round pt-8 pb-2 px-6` : ''
 
-  return <figure className={`relative mb-2 overflow-hidden rounded-t-lg ${roundedImage}`}>{children}</figure>
+  return <figure className={`cu-figure relative mb-2 overflow-hidden rounded-t-lg ${roundedImage}`}>{children}</figure>
 }
 
 CardFigure.displayName = 'Card.Figure'

lib/components/Card/styles.css

@@ -29,6 +29,10 @@
   @apply w-full;
 }
 
+.cu-card .cu-figure img {
+  @apply aspect-[3/2];
+}
+
 .cu-card .cu-figure--round img,
 .cu-card .cu-figure--round svg {
   @apply mx-auto h-32 w-32 rounded-full border-4 border-white object-cover shadow-md @sm:md:h-48 @sm:md:w-48;