@purpurds/promotion-card 5.21.1 → 5.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/promotion-card",
-  "version": "5.21.1",
+  "version": "5.22.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/promotion-card.cjs.js",
   "types": "./dist/promotion-card.d.ts",
@@ -16,13 +16,13 @@
   "source": "src/promotion-card.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/badge": "5.21.1",
-    "@purpurds/card": "5.21.1",
-    "@purpurds/cta-link": "5.21.1",
-    "@purpurds/heading": "5.21.1",
-    "@purpurds/button": "5.21.1",
-    "@purpurds/icon": "5.21.1",
-    "@purpurds/tokens": "5.21.1"
+    "@purpurds/badge": "5.22.0",
+    "@purpurds/card": "5.22.0",
+    "@purpurds/heading": "5.22.0",
+    "@purpurds/cta-link": "5.22.0",
+    "@purpurds/icon": "5.22.0",
+    "@purpurds/tokens": "5.22.0",
+    "@purpurds/button": "5.22.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
@@ -47,9 +47,9 @@
     "vite": "5.4.8",
     "vitest": "^2.1.2",
     "@purpurds/component-rig": "1.0.0",
-    "@purpurds/text-spacing": "5.21.1",
-    "@purpurds/grid": "5.21.1",
-    "@purpurds/paragraph": "5.21.1"
+    "@purpurds/paragraph": "5.22.0",
+    "@purpurds/text-spacing": "5.22.0",
+    "@purpurds/grid": "5.22.0"
   },
   "scripts": {
     "build:dev": "vite",

package/src/promotion-card.tsx

@@ -1,4 +1,10 @@
-import React, { DetailedHTMLProps, HTMLAttributes, ReactNode } from "react";
+import React, {
+  DetailedHTMLProps,
+  ForwardedRef,
+  forwardRef,
+  HTMLAttributes,
+  ReactNode,
+} from "react";
 import { Badge } from "@purpurds/badge";
 import { Button } from "@purpurds/button";
 import { Card } from "@purpurds/card";
@@ -55,21 +61,24 @@ export type PromotionCardProps = {
 const cx = c.bind(styles);
 const rootClassName = "purpur-promotion-card";
 
-export const PromotionCard = ({
-  ["data-testid"]: dataTestid,
-  variant = "primary",
-  badgeText,
-  badgeIcon,
-  title,
-  titleTag = "h2",
-  titleVariant = "title-300",
-  enableTitleHyphenation = true,
-  className,
-  actions,
-  children,
-  style,
-  ...props
-}: PromotionCardProps & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => {
+const PromotionCardComponent = (
+  {
+    ["data-testid"]: dataTestid,
+    variant = "primary",
+    badgeText,
+    badgeIcon,
+    title,
+    titleTag = "h2",
+    titleVariant = "title-300",
+    enableTitleHyphenation = true,
+    className,
+    actions,
+    children,
+    style,
+    ...props
+  }: PromotionCardProps & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
+  ref: ForwardedRef<HTMLDivElement>
+) => {
   let rest = props;
   let image;
   let showGradient;
@@ -97,7 +106,7 @@ export const PromotionCard = ({
   } as React.CSSProperties;
 
   return (
-    <Card className={cx(`${rootClassName}__card`)}>
+    <Card ref={ref} className={cx(`${rootClassName}__card`)}>
       <div
         data-testid={dataTestid}
         style={{
@@ -197,4 +206,5 @@ export const PromotionCard = ({
   );
 };
 
+export const PromotionCard = forwardRef(PromotionCardComponent);
 PromotionCard.displayName = "PromotionCard";