@oxy.so/bloom 4.0.0 → 4.1.0

package/lib/commonjs/checkout-summary/CheckoutSummary.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckoutSummary = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../address/index.js");
+var _index2 = require("../divider/index.js");
+var _index3 = require("../price-breakdown/index.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index4 = require("../typography/index.js");
+var _CheckoutConfirm = require("./CheckoutConfirm.js");
+var _CheckoutSummaryRow = require("./CheckoutSummaryRow.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** The style that takes `Item`'s own chrome back off a row nested inside a row. */
+const NESTED_ROW_STYLE = {
+  // The LONGHANDS `Item` itself writes, on both axes. `Item`'s base uses
+  // `paddingVertical` for the vertical pair and `paddingLeft`/`paddingRight`
+  // for the horizontal one; overriding a shorthand with longhands (or the other
+  // way round) is honoured by Yoga and silently dropped by react-native-web,
+  // whose atomic sheet ranks `padding-block` above `padding-top` whatever the
+  // array's order — so the reset would have worked on native only.
+  paddingVertical: 0,
+  paddingLeft: 0,
+  paddingRight: 0,
+  minHeight: 0
+};
+
+/**
+ * Review and confirm: where it goes, when, how it is paid, what it costs, and
+ * the note to the seller — each shown as its chosen value, each opening the
+ * thing that changes it.
+ *
+ *   group    one surface rung above whatever it was dropped on, radius 16, a
+ *            hairline, with 1px rules between rows
+ *   rows     `CheckoutSummaryRow`, in the order a buyer checks them
+ *   totals   `price-breakdown`'s `PriceSummary`, inside the group under a rule,
+ *            16 all round
+ *   confirm  `CheckoutConfirm`, 20 under the group and OUTSIDE it: the group is
+ *            a list of decisions and the button is the consequence
+ *
+ * ## What this family does not own
+ *
+ * The totals are `PriceSummary` and nothing else — no second breakdown, no
+ * arithmetic, and every amount is a string the app formatted. The address row
+ * is `address`'s own `AddressRow`. Tracking, afterwards, is `order-status`.
+ * The payment row is a SLOT: the payment-method row is its own family, and a
+ * placeholder drawn here would be a second spelling of it.
+ *
+ * ## Why the address row nests
+ *
+ * `AddressRow` is `Item` with an address's slots filled in — the tile, the
+ * badge beside the title, the name joined from the row's own text. Reaching for
+ * it here rather than redrawing two lines is the whole point; it goes INSIDE
+ * the summary row's value column with `leading={null}` (the row already drew
+ * the gutter, which is the case `AddressRow` documents) and with `Item`'s
+ * padding reset, so there is one row's chrome rather than two.
+ */
+function CheckoutSummaryComponent({
+  title = 'Review your order',
+  address,
+  delivery,
+  payment,
+  note,
+  extras,
+  price,
+  confirm,
+  children,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const level = (0, _surfaceLevels.useSurfaceLevelValue)();
+  const own = (0, _surfaceLevels.useSurfaceLevel)(1);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const line = (row, fallbackIcon, key) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckoutSummaryRow.CheckoutSummaryRow, {
+    label: row.label,
+    icon: row.icon ?? fallbackIcon,
+    value: row.value,
+    placeholder: row.placeholder,
+    detail: row.detail,
+    badge: row.badge,
+    onPress: row.onPress,
+    disabled: row.disabled,
+    accessibilityHint: row.accessibilityHint,
+    accessibilityLabel: row.accessibilityLabel,
+    testID: row.testID ?? id(key)
+  }, row.id ?? key);
+  const rows = [];
+  if (address) {
+    const label = address.label ?? 'Deliver to';
+    rows.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckoutSummaryRow.CheckoutSummaryRow, {
+      label: label,
+      icon: address.icon ?? _constants.CHECKOUT_ROW_ICON.address,
+      onPress: address.onPress,
+      disabled: address.disabled,
+      accessibilityHint: address.accessibilityHint,
+      accessibilityLabel: (0, _shared.checkoutRowName)(label, [address.title, address.subtitle].filter(Boolean).join(', ')),
+      testID: address.testID ?? id('address'),
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AddressRow, {
+        title: address.title,
+        subtitle: address.subtitle,
+        kind: address.kind,
+        badge: address.badge,
+        leading: null,
+        style: NESTED_ROW_STYLE,
+        testID: id('address-row')
+      })
+    }, "address"));
+  }
+  if (delivery) rows.push(line(delivery, _constants.CHECKOUT_ROW_ICON.delivery, 'delivery'));
+  if (payment != null) rows.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: payment
+  }, "payment"));
+  if (note) rows.push(line(note, _constants.CHECKOUT_ROW_ICON.note, 'note'));
+  if (extras) {
+    extras.forEach((row, index) => rows.push(line(row, undefined, `extra-${index}`)));
+  }
+
+  // One rung above the ambient surface, and PUBLISHED, so the rows inside
+  // resolve their tiles off the group's real fill rather than off the page's.
+  const raised = Math.min(3, level + 1);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    style: style,
+    children: [title != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Text, {
+      variant: "title-3-semibold",
+      role: "heading",
+      "aria-level": 2,
+      testID: id('title'),
+      style: {
+        color: theme.colors.text,
+        marginBottom: 12
+      },
+      children: title
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      role: "group",
+      accessibilityLabel: accessibilityLabel ?? title ?? 'Order summary',
+      testID: id('group'),
+      style: [{
+        borderRadius: _constants.CHECKOUT_GROUP_RADIUS,
+        borderWidth: 1,
+        borderColor: own.border,
+        backgroundColor: own.background,
+        overflow: 'hidden'
+      }, (0, _surfaceLevels.surfaceFillVars)(own.background)],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_surfaceLevels.SurfaceLevelProvider, {
+        level: raised,
+        fill: own.background,
+        children: [rows.map((row, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+          children: [index > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Divider, {
+            color: own.border
+          }) : null, row]
+        }, index)), price ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [rows.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Divider, {
+            color: own.border
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              padding: _constants.CHECKOUT_PRICE_PADDING
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.PriceSummary, {
+              ...price,
+              testID: price.testID ?? id('price')
+            })
+          })]
+        }) : null]
+      })
+    }), children != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        marginTop: _constants.CHECKOUT_SECTION_GAP
+      },
+      children: children
+    }) : null, confirm ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckoutConfirm.CheckoutConfirm, {
+      ...confirm,
+      style: [{
+        marginTop: _constants.CHECKOUT_SECTION_GAP
+      }, confirm.style],
+      testID: confirm.testID ?? id('confirm')
+    }) : null]
+  });
+}
+const CheckoutSummary = exports.CheckoutSummary = /*#__PURE__*/(0, _react.memo)(CheckoutSummaryComponent);
+CheckoutSummary.displayName = 'CheckoutSummary';
+//# sourceMappingURL=CheckoutSummary.js.map

package/lib/commonjs/checkout-summary/CheckoutSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_index3","_surfaceLevels","_useTheme","_index4","_CheckoutConfirm","_CheckoutSummaryRow","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NESTED_ROW_STYLE","paddingVertical","paddingLeft","paddingRight","minHeight","CheckoutSummaryComponent","title","address","delivery","payment","note","extras","price","confirm","children","accessibilityLabel","style","testID","theme","useTheme","level","useSurfaceLevelValue","own","useSurfaceLevel","id","part","undefined","line","row","fallbackIcon","key","jsx","CheckoutSummaryRow","label","icon","value","placeholder","detail","badge","onPress","disabled","accessibilityHint","rows","push","CHECKOUT_ROW_ICON","checkoutRowName","subtitle","filter","Boolean","join","content","AddressRow","kind","leading","View","forEach","index","raised","Math","min","jsxs","Text","variant","role","color","colors","text","marginBottom","borderRadius","CHECKOUT_GROUP_RADIUS","borderWidth","borderColor","border","backgroundColor","background","overflow","surfaceFillVars","SurfaceLevelProvider","fill","map","Fragment","Divider","length","padding","CHECKOUT_PRICE_PADDING","PriceSummary","marginTop","CHECKOUT_SECTION_GAP","CheckoutConfirm","CheckoutSummary","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["checkout-summary/CheckoutSummary.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/checkout-summary/CheckoutSummaryRow.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckoutSummaryRow = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _RiArrowRightSLine = require("../icons/remix/RiArrowRightSLine.js");
+var _index = require("../item/index.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * One decision, as a row: what it is, what was chosen, and the press that
+ * changes it.
+ *
+ *   tile      40 round, one surface step off the group behind the row, with a
+ *             20 glyph in the secondary rung — `address`'s own geometry, so a
+ *             summary and an address list line up
+ *   label     caption-2-bold uppercase secondary; the row is read label-first
+ *             because every row in the group is a different QUESTION
+ *   value     body-medium, up to two lines, falling back to the placeholder
+ *   detail    body-2-regular secondary
+ *   chevron   20, tertiary, decorative — the whole row is the button
+ *
+ * It is `Item` with those slots filled in: the press target, the hover and
+ * press paint, the density rungs, the disabled opacity and the a11y role are
+ * `Item`'s job, and this family owns no second copy of any of them.
+ *
+ * The label/value pair is a CAPTION OVER A VALUE rather than a title with the
+ * value on the right, which is the other row Bloom draws (`SettingsListItem`).
+ * The difference is the length: a settings value is a word, and a checkout
+ * value is an address, a window and a card number — none of which fits in the
+ * right half of a 390 row without truncating the thing the reader came to
+ * check.
+ */
+function CheckoutSummaryRowComponent({
+  label,
+  icon: Icon,
+  leading,
+  value,
+  placeholder = _constants.CHECKOUT_ROW_PLACEHOLDER,
+  detail,
+  badge,
+  content,
+  onPress,
+  disabled = false,
+  accessibilityHint,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  const paint = (0, _react.useMemo)(() => (0, _shared.resolveCheckoutPaint)(theme, surface), [theme, surface]);
+  const id = part => testID ? `${testID}-${part}` : undefined;
+  const chosen = value != null && value !== '';
+  const shown = chosen ? value : placeholder;
+
+  // `leading` is read for PRESENCE, not truthiness: `leading={null}` is a row
+  // that draws no media, for a group that already has a gutter of its own —
+  // and `??` would have quietly given it the tile instead.
+  const media = leading !== undefined ? leading : Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    testID: id('tile'),
+    style: {
+      width: _constants.CHECKOUT_ROW_TILE,
+      height: _constants.CHECKOUT_ROW_TILE,
+      borderRadius: _constants.CHECKOUT_ROW_TILE / 2,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: paint.tile
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      width: _constants.CHECKOUT_ROW_GLYPH,
+      height: _constants.CHECKOUT_ROW_GLYPH,
+      fill: paint.textSecondary
+    })
+  }) : null;
+  const body =
+  /*#__PURE__*/
+  // `flex: 1` + `minWidth: 0`: `Item` gives `children` no column of its own,
+  // and a one-line Text is `nowrap` on web, so without the floor the row's
+  // min-content width becomes the whole value string and the page scrolls
+  // sideways instead of the value truncating.
+  (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flex: 1,
+      minWidth: 0,
+      gap: _constants.CHECKOUT_ROW_TEXT_GAP
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      variant: "caption-2-bold",
+      numberOfLines: 1,
+      testID: id('label'),
+      style: {
+        color: paint.textSecondary,
+        textTransform: 'uppercase'
+      },
+      children: label
+    }), content !== undefined ? content : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6,
+          minWidth: 0
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          variant: "body-medium",
+          numberOfLines: 2,
+          testID: id('value'),
+          style: {
+            flexShrink: 1,
+            minWidth: 0,
+            color: chosen ? paint.text : paint.textTertiary
+          },
+          children: shown
+        }), badge]
+      }), detail ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        variant: "body-2-regular",
+        numberOfLines: 2,
+        testID: id('detail'),
+        style: {
+          color: paint.textSecondary
+        },
+        children: detail
+      }) : null]
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Item, {
+    leading: media,
+    trailing: onPress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RiArrowRightSLine.RiArrowRightSLine, {
+      width: _constants.CHECKOUT_ROW_CHEVRON,
+      height: _constants.CHECKOUT_ROW_CHEVRON,
+      fill: paint.textTertiary
+    }) : null,
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityLabel: accessibilityLabel ?? (0, _shared.checkoutRowName)(label, chosen ? value : placeholder)
+    // NATIVE ONLY, and knowingly: react-native-web has no `accessibilityHint`
+    // — no mapping at all, not a wrong one — so on web the affordance is the
+    // `button` role plus the chevron and this says nothing. Recorded in
+    // `docs/checkout-summary.mdx` and pinned in `CheckoutSummary.test.tsx`
+    // rather than swapped for an `aria-describedby` that native would then
+    // announce twice.
+    ,
+    accessibilityHint: onPress ? accessibilityHint ?? _constants.CHECKOUT_ROW_HINT : accessibilityHint,
+    style: style,
+    testID: testID,
+    children: body
+  });
+}
+const CheckoutSummaryRow = exports.CheckoutSummaryRow = /*#__PURE__*/(0, _react.memo)(CheckoutSummaryRowComponent);
+CheckoutSummaryRow.displayName = 'CheckoutSummaryRow';
+//# sourceMappingURL=CheckoutSummaryRow.js.map

package/lib/commonjs/checkout-summary/CheckoutSummaryRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_RiArrowRightSLine","_index","_surfaceLevels","_useTheme","_index2","_constants","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CheckoutSummaryRowComponent","label","icon","Icon","leading","value","placeholder","CHECKOUT_ROW_PLACEHOLDER","detail","badge","content","onPress","disabled","accessibilityHint","accessibilityLabel","style","testID","theme","useTheme","surface","useSurfaceFill","paint","useMemo","resolveCheckoutPaint","id","part","undefined","chosen","shown","media","jsx","View","width","CHECKOUT_ROW_TILE","height","borderRadius","alignItems","justifyContent","backgroundColor","tile","children","CHECKOUT_ROW_GLYPH","fill","textSecondary","body","jsxs","flex","minWidth","gap","CHECKOUT_ROW_TEXT_GAP","Text","variant","numberOfLines","color","textTransform","Fragment","flexDirection","flexShrink","text","textTertiary","Item","trailing","RiArrowRightSLine","CHECKOUT_ROW_CHEVRON","checkoutRowName","CHECKOUT_ROW_HINT","CheckoutSummaryRow","exports","memo","displayName"],"sourceRoot":"../../../src","sources":["checkout-summary/CheckoutSummaryRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/checkout-summary/constants.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHECKOUT_SECTION_GAP = exports.CHECKOUT_ROW_TILE = exports.CHECKOUT_ROW_TEXT_GAP = exports.CHECKOUT_ROW_PLACEHOLDER = exports.CHECKOUT_ROW_ICON = exports.CHECKOUT_ROW_HINT = exports.CHECKOUT_ROW_GLYPH = exports.CHECKOUT_ROW_CHEVRON = exports.CHECKOUT_PRICE_PADDING = exports.CHECKOUT_GROUP_RADIUS = exports.CHECKOUT_CONFIRM_LABEL = exports.CHECKOUT_CONFIRM_BUSY_LABEL = exports.CHECKOUT_AMOUNT_SEPARATOR = void 0;
+var _RiBankCardLine = require("../icons/remix/RiBankCardLine.js");
+var _RiChat3Line = require("../icons/remix/RiChat3Line.js");
+var _RiMapPin2Line = require("../icons/remix/RiMapPin2Line.js");
+var _RiTimeLine = require("../icons/remix/RiTimeLine.js");
+/**
+ * The default glyph for each of the four rows a buyer checks. A caller that
+ * wants a different one passes `icon`; these exist so the common summary reads
+ * correctly with four strings and four handlers.
+ */
+const CHECKOUT_ROW_ICON = exports.CHECKOUT_ROW_ICON = {
+  address: _RiMapPin2Line.RiMapPin2Line,
+  delivery: _RiTimeLine.RiTimeLine,
+  payment: _RiBankCardLine.RiBankCardLine,
+  note: _RiChat3Line.RiChat3Line
+};
+
+/** Drawn in place of the value while nothing is chosen. */
+const CHECKOUT_ROW_PLACEHOLDER = exports.CHECKOUT_ROW_PLACEHOLDER = 'Not chosen yet';
+
+/** The row's hint: what pressing it opens. */
+const CHECKOUT_ROW_HINT = exports.CHECKOUT_ROW_HINT = 'Opens the picker';
+
+/** The default words on the confirm control. */
+const CHECKOUT_CONFIRM_LABEL = exports.CHECKOUT_CONFIRM_LABEL = 'Place order';
+const CHECKOUT_CONFIRM_BUSY_LABEL = exports.CHECKOUT_CONFIRM_BUSY_LABEL = 'Placing your order';
+
+/**
+ * The separator between the confirm label and the amount. A MIDDLE DOT rather
+ * than a hyphen: "Place order - €24.80" reads as a subtraction at a glance in
+ * a row that is otherwise full of money.
+ */
+const CHECKOUT_AMOUNT_SEPARATOR = exports.CHECKOUT_AMOUNT_SEPARATOR = ' · ';
+
+/**
+ * The tile a row's glyph sits in. 40 is `address`'s own comfortable rung
+ * (`ADDRESS_GEOMETRY`), which is what lines a summary row up with an `Avatar`
+ * at `lg` — a summary that mixes a place and a courier must not step sideways
+ * at the avatar.
+ */
+const CHECKOUT_ROW_TILE = exports.CHECKOUT_ROW_TILE = 40;
+const CHECKOUT_ROW_GLYPH = exports.CHECKOUT_ROW_GLYPH = 20;
+/** The trailing chevron. */
+const CHECKOUT_ROW_CHEVRON = exports.CHECKOUT_ROW_CHEVRON = 20;
+
+/** Between the label and the value, and between the value and the detail. */
+const CHECKOUT_ROW_TEXT_GAP = exports.CHECKOUT_ROW_TEXT_GAP = 2;
+
+/** The group's corner, matching every other card-sized surface in the library. */
+const CHECKOUT_GROUP_RADIUS = exports.CHECKOUT_GROUP_RADIUS = 16;
+
+/** Between the group, the children, the totals and the confirm control. */
+const CHECKOUT_SECTION_GAP = exports.CHECKOUT_SECTION_GAP = 20;
+
+/** Inside the group's own padding, around the totals. */
+const CHECKOUT_PRICE_PADDING = exports.CHECKOUT_PRICE_PADDING = 16;
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/checkout-summary/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RiBankCardLine","require","_RiChat3Line","_RiMapPin2Line","_RiTimeLine","CHECKOUT_ROW_ICON","exports","address","RiMapPin2Line","delivery","RiTimeLine","payment","RiBankCardLine","note","RiChat3Line","CHECKOUT_ROW_PLACEHOLDER","CHECKOUT_ROW_HINT","CHECKOUT_CONFIRM_LABEL","CHECKOUT_CONFIRM_BUSY_LABEL","CHECKOUT_AMOUNT_SEPARATOR","CHECKOUT_ROW_TILE","CHECKOUT_ROW_GLYPH","CHECKOUT_ROW_CHEVRON","CHECKOUT_ROW_TEXT_GAP","CHECKOUT_GROUP_RADIUS","CHECKOUT_SECTION_GAP","CHECKOUT_PRICE_PADDING"],"sourceRoot":"../../../src","sources":["checkout-summary/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAGA;AACA;AACA;AACA;AACA;AACO,MAAMI,iBAA0F,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACxGE,OAAO,EAAEC,4BAAa;EACtBC,QAAQ,EAAEC,sBAAU;EACpBC,OAAO,EAAEC,8BAAc;EACvBC,IAAI,EAAEC;AACR,CAAC;;AAED;AACO,MAAMC,wBAAwB,GAAAT,OAAA,CAAAS,wBAAA,GAAG,gBAAgB;;AAExD;AACO,MAAMC,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,kBAAkB;;AAEnD;AACO,MAAMC,sBAAsB,GAAAX,OAAA,CAAAW,sBAAA,GAAG,aAAa;AAC5C,MAAMC,2BAA2B,GAAAZ,OAAA,CAAAY,2BAAA,GAAG,oBAAoB;;AAE/D;AACA;AACA;AACA;AACA;AACO,MAAMC,yBAAyB,GAAAb,OAAA,CAAAa,yBAAA,GAAG,KAAK;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAG,EAAE;AAC5B,MAAMC,kBAAkB,GAAAf,OAAA,CAAAe,kBAAA,GAAG,EAAE;AACpC;AACO,MAAMC,oBAAoB,GAAAhB,OAAA,CAAAgB,oBAAA,GAAG,EAAE;;AAEtC;AACO,MAAMC,qBAAqB,GAAAjB,OAAA,CAAAiB,qBAAA,GAAG,CAAC;;AAEtC;AACO,MAAMC,qBAAqB,GAAAlB,OAAA,CAAAkB,qBAAA,GAAG,EAAE;;AAEvC;AACO,MAAMC,oBAAoB,GAAAnB,OAAA,CAAAmB,oBAAA,GAAG,EAAE;;AAEtC;AACO,MAAMC,sBAAsB,GAAApB,OAAA,CAAAoB,sBAAA,GAAG,EAAE","ignoreList":[]}

package/lib/commonjs/checkout-summary/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CHECKOUT_AMOUNT_SEPARATOR", {
+  enumerable: true,
+  get: function () {
+    return _constants.CHECKOUT_AMOUNT_SEPARATOR;
+  }
+});
+Object.defineProperty(exports, "CHECKOUT_CONFIRM_BUSY_LABEL", {
+  enumerable: true,
+  get: function () {
+    return _constants.CHECKOUT_CONFIRM_BUSY_LABEL;
+  }
+});
+Object.defineProperty(exports, "CHECKOUT_CONFIRM_LABEL", {
+  enumerable: true,
+  get: function () {
+    return _constants.CHECKOUT_CONFIRM_LABEL;
+  }
+});
+Object.defineProperty(exports, "CHECKOUT_GROUP_RADIUS", {
+  enumerable: true,
+  get: function () {
+    return _constants.CHECKOUT_GROUP_RADIUS;
+  }
+});
+Object.defineProperty(exports, "CHECKOUT_ROW_HINT", {
+  enumerable: true,
+  get: function () {
+    return _constants.CHECKOUT_ROW_HINT;
+  }
+});
+Object.defineProperty(exports, "CHECKOUT_ROW_ICON", {
+  enumerable: true,
+  get: function () {
+    return _constants.CHECKOUT_ROW_ICON;
+  }
+});
+Object.defineProperty(exports, "CHECKOUT_ROW_PLACEHOLDER", {
+  enumerable: true,
+  get: function () {
+    return _constants.CHECKOUT_ROW_PLACEHOLDER;
+  }
+});
+Object.defineProperty(exports, "CHECKOUT_ROW_TILE", {
+  enumerable: true,
+  get: function () {
+    return _constants.CHECKOUT_ROW_TILE;
+  }
+});
+Object.defineProperty(exports, "CheckoutConfirm", {
+  enumerable: true,
+  get: function () {
+    return _CheckoutConfirm.CheckoutConfirm;
+  }
+});
+Object.defineProperty(exports, "CheckoutSummary", {
+  enumerable: true,
+  get: function () {
+    return _CheckoutSummary.CheckoutSummary;
+  }
+});
+Object.defineProperty(exports, "CheckoutSummaryRow", {
+  enumerable: true,
+  get: function () {
+    return _CheckoutSummaryRow.CheckoutSummaryRow;
+  }
+});
+Object.defineProperty(exports, "checkoutConfirmLabel", {
+  enumerable: true,
+  get: function () {
+    return _shared.checkoutConfirmLabel;
+  }
+});
+Object.defineProperty(exports, "checkoutRowName", {
+  enumerable: true,
+  get: function () {
+    return _shared.checkoutRowName;
+  }
+});
+Object.defineProperty(exports, "resolveCheckoutPaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolveCheckoutPaint;
+  }
+});
+var _CheckoutConfirm = require("./CheckoutConfirm.js");
+var _CheckoutSummary = require("./CheckoutSummary.js");
+var _CheckoutSummaryRow = require("./CheckoutSummaryRow.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/checkout-summary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CheckoutConfirm","require","_CheckoutSummary","_CheckoutSummaryRow","_constants","_shared"],"sourceRoot":"../../../src","sources":["checkout-summary/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAUA,IAAAI,OAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/checkout-summary/shared.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkoutConfirmLabel = checkoutConfirmLabel;
+exports.checkoutRowName = checkoutRowName;
+exports.resolveCheckoutPaint = resolveCheckoutPaint;
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _constants = require("./constants.js");
+/**
+ * What a checkout summary paints, read RELATIVE to the surface it was dropped
+ * on (`styles/surface-levels.ts`): the review is a page on a phone, a column
+ * beside a basket on a desktop, and a sheet over a menu — three different
+ * fills, and a tile colour picked by eye vanishes on one of them.
+ *
+ * Pure, so `CheckoutSummary.test.tsx` can walk presets and modes without
+ * rendering.
+ */
+
+function resolveCheckoutPaint(theme, surface) {
+  return {
+    ...(0, _surfaceLevels.surfaceTextOn)(theme, surface),
+    tile: (0, _surfaceLevels.surfaceFillOn)(theme, surface)
+  };
+}
+
+/**
+ * The row's announced name: the label, then whatever the row is showing.
+ *
+ * Deliberately "Delivery window: Today, 17:00 – 19:00" and not "Change
+ * delivery window" — a reader moving through the summary wants the DECISIONS
+ * read back, and what the press does belongs in the hint.
+ */
+function checkoutRowName(label, value) {
+  return value && value !== '' ? `${label}: ${value}` : label;
+}
+
+/** "Place order" + "€24.80" → "Place order · €24.80". */
+function checkoutConfirmLabel(label, amount) {
+  return amount && amount !== '' ? `${label}${_constants.CHECKOUT_AMOUNT_SEPARATOR}${amount}` : label;
+}
+//# sourceMappingURL=shared.js.map

package/lib/commonjs/checkout-summary/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_surfaceLevels","require","_constants","resolveCheckoutPaint","theme","surface","surfaceTextOn","tile","surfaceFillOn","checkoutRowName","label","value","checkoutConfirmLabel","amount","CHECKOUT_AMOUNT_SEPARATOR"],"sourceRoot":"../../../src","sources":["checkout-summary/shared.ts"],"mappings":";;;;;;;;AASA,IAAAA,cAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUO,SAASE,oBAAoBA,CAACC,KAAY,EAAEC,OAAe,EAAwB;EACxF,OAAO;IACL,GAAG,IAAAC,4BAAa,EAACF,KAAK,EAAEC,OAAO,CAAC;IAChCE,IAAI,EAAE,IAAAC,4BAAa,EAACJ,KAAK,EAAEC,OAAO;EACpC,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,eAAeA,CAACC,KAAa,EAAEC,KAAyB,EAAU;EAChF,OAAOA,KAAK,IAAIA,KAAK,KAAK,EAAE,GAAG,GAAGD,KAAK,KAAKC,KAAK,EAAE,GAAGD,KAAK;AAC7D;;AAEA;AACO,SAASE,oBAAoBA,CAACF,KAAa,EAAEG,MAA0B,EAAU;EACtF,OAAOA,MAAM,IAAIA,MAAM,KAAK,EAAE,GAAG,GAAGH,KAAK,GAAGI,oCAAyB,GAAGD,MAAM,EAAE,GAAGH,KAAK;AAC1F","ignoreList":[]}

package/lib/commonjs/checkout-summary/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/checkout-summary/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["checkout-summary/types.ts"],"mappings":"","ignoreList":[]}