@veevarts/design-system 2.7.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/Summary/components/ActionBar.d.ts

@@ -12,6 +12,8 @@ export interface ActionBarProps {
     cartAriaLabel: string;
     /** Optional caption rendered under the open-layer CTA (e.g. installment breakdown). */
     ctaCaption?: React.ReactNode;
+    /** Optional error rendered ABOVE the CTA, so it clears the screen edge and the thumb. */
+    ctaError?: React.ReactNode;
     /** Expand the summary — the closed-bar cart button opens it on click. */
     onToggleOpen?: () => void;
     classNames: SummaryClassNames;

package/dist/patterns/Summary/components/GrandTotalRow.d.ts

@@ -6,6 +6,7 @@ export interface GrandTotalRowProps {
         amount: Money;
     };
     locale: string;
+    compact?: boolean;
     className?: string;
 }
 export declare const GrandTotalRow: React.FC<GrandTotalRowProps>;

package/dist/patterns/Summary/components/ItemRow.d.ts

@@ -7,5 +7,6 @@ export interface ItemRowProps {
     removeAriaLabel: string;
     /** Show the per-item remove control. Defaults to `true`. */
     showRemoveButton?: boolean;
+    compact?: boolean;
 }
 export declare const ItemRow: React.FC<ItemRowProps>;

package/dist/patterns/Summary/components/SummaryBody.d.ts

@@ -14,6 +14,7 @@ export interface SummaryBodyProps {
     /** Show the per-item and per-totals-row remove controls. Defaults to `true`. */
     showRemoveButton?: boolean;
     emptyState?: React.ReactNode;
+    compact?: boolean;
     classNames: SummaryClassNames;
 }
 export declare const SummaryBody: React.FC<SummaryBodyProps>;

package/dist/patterns/Summary/components/TotalsLineRow.d.ts

@@ -8,5 +8,6 @@ export interface TotalsLineRowProps {
     removeAriaLabel?: string;
     /** Show the per-row remove control. Defaults to `true`. */
     showRemoveButton?: boolean;
+    compact?: boolean;
 }
 export declare const TotalsLineRow: React.FC<TotalsLineRowProps>;

package/dist/patterns/Summary/types.d.ts

@@ -141,6 +141,8 @@ export interface SummaryClassNames {
     cta?: string;
     /** The caption rendered under the CTA. */
     ctaCaption?: string;
+    /** The error rendered next to the CTA. */
+    ctaError?: string;
     /** Mobile compact bottom-bar. */
     mobileBar?: string;
     /** Mobile cart button. */
@@ -194,6 +196,13 @@ export interface SummaryProps {
      * installment breakdown like "$50.75 total · 12 monthly installments…").
      */
     ctaCaption?: ReactNode;
+    /**
+     * An optional error (e.g. a rejected request) shown in danger text next to
+     * the CTA: under it in the card layout, ABOVE it in the mobile bottom bar,
+     * where the sticky CTA sits at the screen edge and a message under it would
+     * hug the edge and sit beneath the thumb. Rendered as `role="alert"`.
+     */
+    ctaError?: ReactNode;
     /**
      * Whether the remove (trash) controls are shown — per-item, per-totals-row
      * and per-post-total-row alike. Defaults to `true`; pass `false` to hide them
@@ -246,6 +255,13 @@ export interface SummaryProps {
     /** Rendered when there are no items. */
     emptyState?: ReactNode;
     labels?: SummaryLabels;
+    /**
+     * Visual density. `'compact'` drops the card's title and the prices row, removes the
+     * `{qty} x` prefix, separates items with dividers, renders the totals rows
+     * small and muted and a smaller Total without a divider above it (e.g. a POS
+     * cart panel). Defaults to `'default'`.
+     */
+    density?: 'default' | 'compact';
     'data-testid'?: string;
     className?: string;
     /** Per-slot class overrides (Design-System `classNames` convention). */

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.7.0",
+    "version": "2.9.0",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",