@veevarts/design-system 2.8.0 → 2.9.0

package/dist/patterns/{CatalogItemCard → Programs/CatalogItemCard}/type.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '../../components';
+import { ButtonProps } from '../../../components';
 /**
  * Metadata row displayed under the card title.
  */

package/dist/patterns/{EventDetails → Programs/EventDetails}/EventDetails.d.ts

@@ -20,6 +20,8 @@ export interface EventDetailsProps {
     classes?: string;
     /** @property {boolean} [compact] - Dense spacing mode for compact side layouts. */
     compact?: boolean;
+    /** @property {'stacked' | 'horizontal'} [layout] - Places the image beside content on desktop when horizontal. */
+    layout?: 'stacked' | 'horizontal';
     /** @property {boolean} [showImage] - Optional flag to show or hide the event image. Defaults to true. */
     showImage?: boolean;
     /** @property {'lazy' | 'eager'} [imageLoading] - Optional loading strategy for the event image. Use `'lazy'` for off-screen placements (long lists, below-the-fold). Defaults to `'eager'` since the banner is typically above-the-fold. */
@@ -37,5 +39,5 @@ export interface EventDetailsProps {
  * @function EventDetails
  * @description Displays a card with event information such as name, image, date, time, location, and description.
  */
-export declare const EventDetails: ({ classes, name, imageUrl, eventDate, eventTime, location, description, showImage, compact, imageLoading, showMoreButtonClassName, labels, }: EventDetailsProps) => JSX.Element;
+export declare const EventDetails: ({ classes, name, imageUrl, eventDate, eventTime, location, description, showImage, compact, layout, imageLoading, showMoreButtonClassName, labels, }: EventDetailsProps) => JSX.Element;
 export default EventDetails;

package/dist/patterns/{OfferCard → Programs/OfferCard}/OfferCard.d.ts

@@ -6,7 +6,7 @@ import { OfferCardProps } from './types';
  * Supports slot-based customization for all rendered elements.
  */
 export declare const OfferCard: {
-    ({ 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;
+    ({ offer, quantity: quantityProp, defaultQuantity, onQuantityChange, currency, locale, labels: customLabels, slots, isDisabled, buttonVariant, buttonColor, showCard, showDescription, showPeopleCount, showPrice, priceDisplay, classNames, "data-testid": dataTestId, selectedColor, selectionMode, compact, isSoldOut: isSoldOutProp, isMaxReached: isMaxReachedProp, isRuleBlocked: isRuleBlockedProp, statusTone: statusToneProp, statusLabel, disabledReason, disabled, }: OfferCardProps): JSX.Element;
     displayName: string;
 };
 export default OfferCard;

package/dist/patterns/{OfferCard → Programs/OfferCard}/types.d.ts

@@ -350,6 +350,13 @@ export interface OfferCardProps {
      * @default 'primary'
      */
     selectedColor?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    /**
+     * How an available offer is added to the selection.
+     * `press-to-add` makes the whole card add one item and omits the inline
+     * stepper. It is useful when a separate order summary owns removal.
+     * @default 'stepper'
+     */
+    selectionMode?: 'stepper' | 'press-to-add';
     /**
      * Whether to show the component inside a Card
      * @default true

package/dist/patterns/Programs/ProgramListItem/ProgramListItem.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'react';
+export type ProgramListItemStatus = 'open' | 'selling-fast' | 'sold-out';
+export interface ProgramListItemProps {
+    title: string;
+    subtitle: string;
+    price?: string;
+    imageUrl?: string;
+    status?: ProgramListItemStatus;
+    isDisabled?: boolean;
+    onPress?(): void;
+    className?: string;
+}
+/** Pressable Programs catalog row for POS list mode. */
+export declare function ProgramListItem({ title, subtitle, price, imageUrl, status, isDisabled, onPress, className }: ProgramListItemProps): JSX.Element;
+export declare namespace ProgramListItem {
+    var displayName: string;
+}

package/dist/patterns/Programs/ProgramListItem/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgramListItem } from './ProgramListItem';
+export type { ProgramListItemProps, ProgramListItemStatus } from './ProgramListItem';

package/dist/patterns/Programs/index.d.ts

@@ -0,0 +1,5 @@
+export * from './CatalogItemCard';
+export * from './EventDetails';
+export * from './OfferCard';
+export * from './ProgramListItem';
+export * from './SessionTimeline';

package/dist/patterns/index.d.ts

@@ -13,10 +13,10 @@ export { DonationAmounts } from './DonationAmounts';
 export type { DonationAmountsProps, DonationAmount, SelectedDonation, DonationLabels } from './DonationAmounts';
 export { ExpireCartTimer } from './ExpireCartTimer';
 export type { ExpireCartTimerProps } from './ExpireCartTimer';
-export { EventDetails } from './EventDetails';
-export type { EventDetailsProps } from './EventDetails';
-export { OfferCard, OfferCardList, OfferCardSkeleton, OfferCardError, OfferCardEmpty, offerListVariants, offerCardVariants, formatCurrency as formatOfferCurrency, parseCurrency as parseOfferCurrency, } from './OfferCard';
-export type { Offer, OfferSelection, OfferCardLabels, OfferCardErrorLabels, OfferCardClassNames, OfferCardListClassNames, OfferCardSkeletonClassNames, OfferCardErrorClassNames, OfferCardEmptyClassNames, OfferCardSlots, OfferCardProps, OfferCardListProps, OfferCardSkeletonProps, OfferCardErrorProps, OfferCardEmptyProps, } from './OfferCard';
+export { EventDetails } from './Programs/EventDetails';
+export type { EventDetailsProps } from './Programs/EventDetails';
+export { OfferCard, OfferCardList, OfferCardSkeleton, OfferCardError, OfferCardEmpty, offerListVariants, offerCardVariants, formatCurrency as formatOfferCurrency, parseCurrency as parseOfferCurrency, } from './Programs/OfferCard';
+export type { Offer, OfferSelection, OfferCardLabels, OfferCardErrorLabels, OfferCardClassNames, OfferCardListClassNames, OfferCardSkeletonClassNames, OfferCardErrorClassNames, OfferCardEmptyClassNames, OfferCardSlots, OfferCardProps, OfferCardListProps, OfferCardSkeletonProps, OfferCardErrorProps, OfferCardEmptyProps, } from './Programs/OfferCard';
 export { RevenueDistributionCard, RevenueDistributionSkeleton, RevenueDistributionError, RevenueDistributionEmpty, formatAmount as formatRevenueAmount, formatCurrency as formatRevenueCurrency, getCurrencySymbol, parseCurrency as parseRevenueCurrency, calculateAllocationDifference, generateDistributionId, } from './RevenueDistribution';
 export type { GlAccount, Distribution, RevenueDistributionLabels, RevenueDistributionErrorLabels, RevenueDistributionEmptyLabels, RevenueDistributionCardClassNames, RevenueDistributionSkeletonClassNames, RevenueDistributionErrorClassNames, RevenueDistributionEmptyClassNames, RevenueDistributionCardProps, RevenueDistributionSkeletonProps, RevenueDistributionErrorProps, RevenueDistributionEmptyProps, } from './RevenueDistribution';
 export { InstallmentFundAssignment, InstallmentFundAssignmentSkeleton } from './InstallmentFundAssignment';
@@ -31,8 +31,10 @@ export { MembershipSelectCards } from './MembershipSelectCards';
 export type * from './MembershipSelectCards';
 export { ItemCard } from './ItemCard';
 export type * from './ItemCard';
-export { CatalogItemCard } from './CatalogItemCard';
-export type * from './CatalogItemCard';
+export { CatalogItemCard } from './Programs/CatalogItemCard';
+export type * from './Programs/CatalogItemCard';
+export { ProgramListItem } from './Programs/ProgramListItem';
+export type * from './Programs/ProgramListItem';
 export { FeedbackState, EmptyState, ErrorState, LoadingState, SuccessState } from './FeedbackState';
 export type * from './FeedbackState';
 export { Toggle } from './Toggle';
@@ -41,8 +43,8 @@ export { TicketSelection } from './TicketSelection';
 export type * from './TicketSelection';
 export { FilterPopover } from './FilterPopover';
 export type * from './FilterPopover';
-export { SessionTimeline } from './SessionTimeline';
-export type * from './SessionTimeline';
+export { SessionTimeline } from './Programs/SessionTimeline';
+export type * from './Programs/SessionTimeline';
 export { PageHeader } from './PageHeader';
 export type { PageHeaderProps, PageHeaderClassNames } from './PageHeader';
 export { StatusChip } from './StatusChip';

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "2.8.0",
+    "version": "2.9.0",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",