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

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.
@@ -6,4 +6,4 @@
6
6
  * `<PaymentsDropIn>` orchestrator.
7
7
  */
8
8
  export { SplitPaymentSummary } from './SplitPaymentSummary';
9
- export type { SplitPaymentSummaryProps, SplitPaymentSummaryLabels, TenderRow, TenderRowStatus, TenderRowType, Money, } from './types';
9
+ export type { SplitPaymentSummaryProps, SplitPaymentSummaryLabels, SplitPaymentSummaryVariant, TenderRow, TenderRowStatus, TenderRowType, Money, } from './types';
@@ -38,6 +38,13 @@ export interface SplitPaymentSummaryLabels {
38
38
  statusRecorded?: string;
39
39
  statusFailed?: string;
40
40
  }
41
+ /**
42
+ * How the remaining balance is presented.
43
+ *
44
+ * `banner` is the original: a padded card with the label over a 4xl amount,
45
+ * ~104px tall. `compact` says the same thing on one ~24px row.
46
+ */
47
+ export type SplitPaymentSummaryVariant = 'banner' | 'compact';
41
48
  export interface SplitPaymentSummaryProps {
42
49
  /** Total amount the host is collecting (sum target). */
43
50
  total: Money;
@@ -56,6 +63,17 @@ export interface SplitPaymentSummaryProps {
56
63
  labels?: SplitPaymentSummaryLabels;
57
64
  /** Hide the collected list (just the remaining banner). */
58
65
  hideCollectedList?: boolean;
66
+ /**
67
+ * Default `'banner'`. `'compact'` trades the padded card for a single
68
+ * label-and-amount row — the same information in ~24px instead of ~104px.
69
+ *
70
+ * For surfaces where the split summary shares a modal with a tender form:
71
+ * measured in the payments drop-in, the banner alone was two thirds of
72
+ * that modal's overflow, and the card form could not be seen whole.
73
+ * The collected list is unaffected — it is the part that cannot be said
74
+ * in one line.
75
+ */
76
+ variant?: SplitPaymentSummaryVariant;
59
77
  'data-testid'?: string;
60
78
  className?: string;
61
79
  }
@@ -78,7 +78,7 @@ export type { CheckTenderFormProps, CheckTenderValue, CheckTenderLabels } from '
78
78
  export { OtherTenderForm } from './OtherTenderForm';
79
79
  export type { OtherTenderFormProps, OtherTenderValue, OtherTenderLabels, OtherTenderMethodOption, } from './OtherTenderForm';
80
80
  export { SplitPaymentSummary } from './SplitPaymentSummary';
81
- export type { SplitPaymentSummaryProps, SplitPaymentSummaryLabels, TenderRow, TenderRowStatus, TenderRowType, } from './SplitPaymentSummary';
81
+ export type { SplitPaymentSummaryProps, SplitPaymentSummaryLabels, SplitPaymentSummaryVariant, TenderRow, TenderRowStatus, TenderRowType, } from './SplitPaymentSummary';
82
82
  export { ModalShell, ModalShellHeader, ModalShellFooter } from './ModalShell';
83
83
  export type { ModalShellProps, ModalShellHeaderProps, ModalShellFooterProps } from './ModalShell';
84
84
  export { TileSelect } from './TileSelect';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@veevarts/design-system",
3
3
  "private": false,
4
- "version": "2.1.0-beta.5",
4
+ "version": "2.1.0-beta.6",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",