@purpurds/promotion-card 7.11.0 → 7.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/promotion-card",
-  "version": "7.11.0",
+  "version": "7.13.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/promotion-card.cjs.js",
   "types": "./dist/promotion-card.d.ts",
@@ -17,15 +17,15 @@
   "source": "src/promotion-card.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/badge": "7.11.0",
-    "@purpurds/button": "7.11.0",
-    "@purpurds/common-types": "7.11.0",
-    "@purpurds/card": "7.11.0",
-    "@purpurds/cta-link": "7.11.0",
-    "@purpurds/heading": "7.11.0",
-    "@purpurds/icon": "7.11.0",
-    "@purpurds/paragraph": "7.11.0",
-    "@purpurds/tokens": "7.11.0"
+    "@purpurds/button": "7.13.0",
+    "@purpurds/card": "7.13.0",
+    "@purpurds/common-types": "7.13.0",
+    "@purpurds/badge": "7.13.0",
+    "@purpurds/cta-link": "7.13.0",
+    "@purpurds/heading": "7.13.0",
+    "@purpurds/paragraph": "7.13.0",
+    "@purpurds/icon": "7.13.0",
+    "@purpurds/tokens": "7.13.0"
   },
   "devDependencies": {
     "@storybook/react-vite": "^9.0.18",
@@ -46,8 +46,8 @@
     "vite": "^6.2.1",
     "vitest": "^3.1.2",
     "@purpurds/component-rig": "1.0.0",
-    "@purpurds/grid": "7.11.0",
-    "@purpurds/text-spacing": "7.11.0"
+    "@purpurds/text-spacing": "7.13.0",
+    "@purpurds/grid": "7.13.0"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",

package/src/promotion-card.stories.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { Button } from "@purpurds/button";
 import { CtaLink } from "@purpurds/cta-link";
 import { Grid } from "@purpurds/grid";
-import { HeadingTag, TitleVariant } from "@purpurds/heading";
+import { DisplayVariant, HeadingTag, TitleVariant } from "@purpurds/heading";
 import { IconCheckmark } from "@purpurds/icon/checkmark";
 import { IconOffering } from "@purpurds/icon/offering";
 import { Paragraph } from "@purpurds/paragraph";
@@ -19,6 +19,8 @@ import "@purpurds/icon/styles";
 import "@purpurds/paragraph/styles";
 import { PromotionCard, type PromotionCardVariant, promotionCardVariants } from "./promotion-card";
 
+const headingVariants = [...Object.values(TitleVariant), ...Object.values(DisplayVariant)];
+
 const meta = {
   title: "Layout and Structure/PromotionCard",
   component: PromotionCard,
@@ -58,12 +60,10 @@ const meta = {
     },
     titleVariant: {
       control: "select",
-      options: Object.values(TitleVariant),
+      options: headingVariants,
       table: {
         type: {
-          summary: Object.values(TitleVariant)
-            .map((x) => `"${x}"`)
-            .join(" | "),
+          summary: headingVariants.map((x) => `"${x}"`).join(" | "),
         },
       },
     },
@@ -76,6 +76,10 @@ const meta = {
         },
       },
     },
+    actions: { control: false },
+    badgeIcon: { control: false },
+    decorativeImage: { control: false },
+    productImage: { control: false },
   },
 } satisfies Meta<typeof PromotionCard>;
 

package/src/promotion-card.tsx

@@ -2,7 +2,7 @@ import React, { forwardRef, type ReactNode } from "react";
 import { Badge } from "@purpurds/badge";
 import { Card } from "@purpurds/card";
 import type { BaseProps } from "@purpurds/common-types";
-import { Heading, type HeadingTagType, type TitleVariantType } from "@purpurds/heading";
+import { Heading, type HeadingTagType,type HeadingVariant } from "@purpurds/heading";
 import { Paragraph } from "@purpurds/paragraph";
 import c from "classnames/bind";
 
@@ -39,7 +39,7 @@ export type PromotionCardProps = Omit<BaseProps, "children"> & {
   variant?: PromotionCardVariant;
   title: string;
   titleTag?: HeadingTagType;
-  titleVariant?: TitleVariantType;
+  titleVariant?: HeadingVariant;
   enableTitleHyphenation?: boolean;
   badgeText?: string;
   badgeIcon?: ReactNode;