@purpurds/promotion-card 7.3.1 → 7.5.0

package/dist/LICENSE.txt

@@ -1,26 +1,26 @@
 Name: @purpurds/badge
-Version: 7.3.0
+Version: 7.4.0
 License: AGPL-3.0-only
 Private: false
 
 ---
 
 Name: @purpurds/card
-Version: 7.3.0
+Version: 7.4.0
 License: AGPL-3.0-only
 Private: false
 
 ---
 
 Name: @purpurds/heading
-Version: 7.3.0
+Version: 7.4.0
 License: AGPL-3.0-only
 Private: false
 
 ---
 
 Name: @purpurds/paragraph
-Version: 7.3.0
+Version: 7.4.0
 License: AGPL-3.0-only
 Private: false
 

package/package.json

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

package/src/promotion-card.stories.tsx

@@ -17,7 +17,7 @@ import "@purpurds/heading/styles";
 import "@purpurds/paragraph/styles";
 import "@purpurds/icon/styles";
 import "@purpurds/paragraph/styles";
-import { PromotionCard, promotionCardVariants } from "./promotion-card";
+import { PromotionCard, type PromotionCardVariant, promotionCardVariants } from "./promotion-card";
 
 const meta = {
   title: "Components/PromotionCard",
@@ -36,16 +36,6 @@ const meta = {
     badgeText: "Badge title",
     badgeIcon: <IconOffering size="xs" />,
     title: "Title goes here lorem ipsum",
-    actions: (
-      <>
-        <CtaLink variant="primary" href="#" negative>
-          Primary link
-        </CtaLink>
-        <CtaLink variant="secondary" href="#" negative>
-          Secondary link
-        </CtaLink>
-      </>
-    ),
     additionalText: "Additional texts such as legal ones",
     enableTitleHyphenation: false,
   },
@@ -89,6 +79,17 @@ const meta = {
   },
 } satisfies Meta<typeof PromotionCard>;
 
+const getActions = (variant?: PromotionCardVariant) => (
+  <>
+    <CtaLink variant="primary" href="#" negative={variant === "primary"}>
+      Primary link
+    </CtaLink>
+    <CtaLink variant="secondary" href="#" negative={variant === "primary"}>
+      Secondary link
+    </CtaLink>
+  </>
+);
+
 export default meta;
 type Story = StoryObj<typeof PromotionCard>;
 
@@ -131,7 +132,7 @@ export const WithDecorativeImage: Story = {
   },
   render: (args) => {
     return (
-      <PromotionCard {...args}>
+      <PromotionCard actions={getActions(args.variant)} {...args}>
         <Children />
       </PromotionCard>
     );
@@ -160,7 +161,7 @@ export const WithProductImage: Story = {
   },
   render: (args) => {
     return (
-      <PromotionCard {...args}>
+      <PromotionCard actions={getActions(args.variant)} {...args}>
         <Children />
       </PromotionCard>
     );
@@ -182,13 +183,13 @@ export const CardGroup: Story = {
   render: (args) => {
     return (
       <Grid colsMd={3}>
-        <PromotionCard {...args} title="Lorem">
+        <PromotionCard {...args} actions={getActions(args.variant)} title="Lorem">
           <Paragraph>Buy mobile telephony!</Paragraph>
         </PromotionCard>
         <PromotionCard
           {...args}
           actions={
-            <CtaLink variant="primary" href="#" negative>
+            <CtaLink variant="primary" href="#" negative={args.variant === "primary"}>
               Primary link
             </CtaLink>
           }
@@ -210,7 +211,13 @@ export const CardGroup: Story = {
 };
 
 export const Showcase: Story = {
-  args: { children: <Children /> },
+  render: (args) => {
+    return (
+      <PromotionCard actions={getActions(args.variant)} {...args}>
+        <Children />
+      </PromotionCard>
+    );
+  },
   tags: ["visual:check"],
 };