@veevarts/design-system 1.19.0 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,7 +5,7 @@ export type ScheduledInstallment = {
5
5
  id: string;
6
6
  dueDate: string;
7
7
  amount: number;
8
- status?: 'scheduled' | 'fulfilled' | 'failed' | 'cancelled' | 'refunded' | 'paid';
8
+ status?: 'scheduled' | 'fulfilled' | 'failed' | 'canceled' | 'refunded';
9
9
  };
10
10
  export type AutomaticScheduleSettings = {
11
11
  numberOfInstallments: number;
@@ -6,7 +6,7 @@ import { OfferCardProps } from './types';
6
6
  * Supports slot-based customization for all rendered elements.
7
7
  */
8
8
  export declare const OfferCard: {
9
- ({ offer, quantity: quantityProp, defaultQuantity, onQuantityChange, currency, locale, labels: customLabels, slots, isDisabled, buttonVariant, buttonColor, showCard, showDescription, showPeopleCount, showPrice, classNames, "data-testid": dataTestId, selectedColor, compact, isSoldOut: isSoldOutProp, isMaxReached: isMaxReachedProp, isRuleBlocked: isRuleBlockedProp, statusTone: statusToneProp, statusLabel, disabledReason, disabled, }: OfferCardProps): JSX.Element;
9
+ ({ offer, quantity: quantityProp, defaultQuantity, onQuantityChange, currency, locale, labels: customLabels, slots, isDisabled, buttonVariant, buttonColor, showCard, showDescription, showPeopleCount, showPrice, priceDisplay, classNames, "data-testid": dataTestId, selectedColor, compact, isSoldOut: isSoldOutProp, isMaxReached: isMaxReachedProp, isRuleBlocked: isRuleBlockedProp, statusTone: statusToneProp, statusLabel, disabledReason, disabled, }: OfferCardProps): JSX.Element;
10
10
  displayName: string;
11
11
  };
12
12
  export default OfferCard;
@@ -134,6 +134,14 @@ export interface OfferCardClassNames {
134
134
  * Class for the price display
135
135
  */
136
136
  price?: string;
137
+ /**
138
+ * Class for the crossed-out original price when `priceDisplay` renders a discount.
139
+ */
140
+ originalPrice?: string;
141
+ /**
142
+ * Class for the current discounted price when `priceDisplay` renders a discount.
143
+ */
144
+ discountedPrice?: string;
137
145
  /**
138
146
  * Class for the description text
139
147
  */
@@ -362,6 +370,21 @@ export interface OfferCardProps {
362
370
  * @default true
363
371
  */
364
372
  showPrice?: boolean;
373
+ /**
374
+ * Optional explicit price display contract. Existing consumers keep the
375
+ * legacy `offer.price` rendering when this prop is omitted.
376
+ */
377
+ priceDisplay?: {
378
+ /**
379
+ * Current/effective price to display.
380
+ */
381
+ price: number;
382
+ /**
383
+ * Optional compare-at/original price. A discounted display is rendered
384
+ * only when this value is greater than `price`.
385
+ */
386
+ originalPrice?: number | null;
387
+ };
365
388
  /**
366
389
  * Class names for styling different parts of the component
367
390
  */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@veevarts/design-system",
3
3
  "private": false,
4
- "version": "1.19.0",
4
+ "version": "1.20.0",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",