@veevarts/design-system 1.17.0-beta.5 → 1.17.0-beta.6

package/dist/patterns/StatusChip/StatusChip.d.ts

@@ -7,16 +7,20 @@ export interface StatusChipProps {
     status: StatusChipStatus;
     /** Visible label. Caller-supplied so no domain copy lives here. */
     label: React.ReactNode;
-    /** HeroUI chip variant. Default `'flat'` (soft pill). */
-    variant?: ChipProps['variant'];
-    /** Chip size. Default `'sm'`. */
+    /**
+     * Visual style. HeroUI chip variants (default `'flat'`), plus the DS
+     * `'dot'` variant: a soft, radius-full pill with a leading tone dot,
+     * 12px / weight-600 text, tuned for dense admin lifecycle tables.
+     */
+    variant?: ChipProps['variant'] | 'dot';
+    /** Chip size. Default `'sm'`. Ignored by `variant="dot"`. */
     size?: ChipProps['size'];
     /**
      * Override the colour derived from `status`. Escape hatch for the
-     * rare state not covered by `StatusChipStatus`.
+     * rare state not covered by `StatusChipStatus`. Ignored by `variant="dot"`.
      */
     color?: ChipProps['color'];
-    /** Optional leading element (dot, icon). */
+    /** Optional leading element (dot, icon). Ignored by `variant="dot"`. */
     startContent?: React.ReactNode;
     className?: string;
     'data-testid'?: string;

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

@@ -1,8 +1,12 @@
 import { default as React } from 'react';
-import { SummaryTotalRow } from '../types';
+import { SummaryPostTotalRow } from '../types';
 export interface TotalsLineRowProps {
-    row: SummaryTotalRow;
+    row: SummaryPostTotalRow;
     locale: string;
     emphasized: boolean;
+    onRemove?: (id: string) => void;
+    removeAriaLabel?: string;
+    /** Show the per-row remove control. Defaults to `true`. */
+    showRemoveButton?: boolean;
 }
 export declare const TotalsLineRow: React.FC<TotalsLineRowProps>;

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

@@ -4,4 +4,4 @@
  * Total + CTA, and a compact mobile bottom-bar.
  */
 export { Summary } from './Summary';
-export type { SummaryProps, SummaryLineItem, SummaryItemDetail, SummaryServiceFee, SummaryTotalRow, SummaryPrimaryAction, SummaryLabels, Money, } from './types';
+export type { SummaryProps, SummaryLineItem, SummaryItemDetail, SummaryServiceFee, SummaryTotalRow, SummaryPostTotalRow, SummaryPrimaryAction, SummaryLabels, Money, } from './types';

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

@@ -73,6 +73,16 @@ export interface SummaryTotalRow {
     label: ReactNode;
     amount: Money;
 }
+/**
+ * A post-total row — the same flat shape as {@link SummaryTotalRow}, plus an
+ * optional `id` that (together with `onRemovePostTotalRow`) enables the same
+ * trash remove control the line items use. Kept as its own interface so the
+ * pre-total `rows` — where an id/remove has no meaning — stay untouched.
+ */
+export interface SummaryPostTotalRow extends SummaryTotalRow {
+    /** Stable id; when set and `onRemovePostTotalRow` exists, the row shows the remove control. */
+    id?: string;
+}
 /** The primary call-to-action (orange pill + arrow). */
 export interface SummaryPrimaryAction {
     label: ReactNode;
@@ -84,6 +94,8 @@ export interface SummaryPrimaryAction {
 export interface SummaryLabels {
     /** Aria label for the per-item remove control. Default "Remove item". */
     removeAriaLabel?: string;
+    /** Aria label for the per-post-total-row remove control. Default "Remove applied code". */
+    removePostTotalRowAriaLabel?: string;
     /** Aria label for the collapse/expand press target. Default "Toggle summary". */
     toggleAriaLabel?: string;
     /** Aria label for the mobile cart button. Default "View cart". */
@@ -146,9 +158,19 @@ export interface SummaryProps {
         amount: Money;
     };
     /**
-     * An optional secondary total rendered right under the Total, in the primary
-     * color (e.g. "Due Today"). Purely presentational — the host supplies both
-     * the label and the already-computed amount.
+     * Optional flat rows rendered BETWEEN the Total and the secondary total —
+     * e.g. applied gift cards as tenders ("Gift Card · …XWDG  −$50.00"). Same
+     * shape and flat style as `rows`; negative amounts are passed as data,
+     * exactly like a Discounts line. The Total itself is never affected. Rows
+     * with an `id` show the trash remove control when `onRemovePostTotalRow`
+     * is provided (same gating as the item remove, incl. `showRemoveButton`).
+     */
+    postTotalRows?: SummaryPostTotalRow[];
+    /**
+     * An optional secondary total rendered under the Total (after any
+     * `postTotalRows`), in the primary color (e.g. "Due Today"). Purely
+     * presentational — the host supplies both the label and the
+     * already-computed amount.
      */
     secondaryTotal?: {
         label: ReactNode;
@@ -160,9 +182,10 @@ export interface SummaryProps {
      */
     ctaCaption?: ReactNode;
     /**
-     * Whether the per-item remove (trash) control is shown. Defaults to `true`;
-     * pass `false` to hide it even when `onRemoveItem` is wired. Independent of
-     * `onRemoveItem` so a host can keep the handler but suppress the control.
+     * Whether the remove (trash) controls are shown — per-item and
+     * per-post-total-row alike. Defaults to `true`; pass `false` to hide them
+     * even when `onRemoveItem` / `onRemovePostTotalRow` are wired. Independent
+     * of the handlers so a host can keep them but suppress the controls.
      */
     showRemoveButton?: boolean;
     /**
@@ -190,6 +213,8 @@ export interface SummaryProps {
     primaryAction?: SummaryPrimaryAction;
     /** When provided, item rows show a red trash remove control. */
     onRemoveItem?: (id: string) => void;
+    /** When provided, post-total rows with an `id` show the same red trash remove control. */
+    onRemovePostTotalRow?: (id: string) => void;
     /**
      * Layout: full card (`'main'`) or the bottom-sheet / compact bar (`'mobile'`).
      * When OMITTED the layout is auto-detected from the viewport (below `md`

package/dist/patterns/index.d.ts

@@ -76,4 +76,4 @@ export type { PaymentSubAmountInputProps } from './PaymentSubAmountInput';
 export { ConfirmDialog } from './ConfirmDialog';
 export type { ConfirmDialogProps, ConfirmDialogVariant } from './ConfirmDialog';
 export { Summary } from './Summary';
-export type { SummaryProps, SummaryLineItem, SummaryItemDetail, SummaryServiceFee, SummaryTotalRow, SummaryPrimaryAction, SummaryLabels, } from './Summary';
+export type { SummaryProps, SummaryLineItem, SummaryItemDetail, SummaryServiceFee, SummaryTotalRow, SummaryPostTotalRow, SummaryPrimaryAction, SummaryLabels, } from './Summary';

package/package.json

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