@oxy.so/bloom 3.6.0 → 4.1.0

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

@@ -0,0 +1,155 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import { RiArrowRightSLine } from "../icons/remix/RiArrowRightSLine.js";
+import { Item } from "../item/index.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { CHECKOUT_ROW_CHEVRON, CHECKOUT_ROW_GLYPH, CHECKOUT_ROW_HINT, CHECKOUT_ROW_PLACEHOLDER, CHECKOUT_ROW_TEXT_GAP, CHECKOUT_ROW_TILE } from "./constants.js";
+import { checkoutRowName, resolveCheckoutPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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 = CHECKOUT_ROW_PLACEHOLDER,
+  detail,
+  badge,
+  content,
+  onPress,
+  disabled = false,
+  accessibilityHint,
+  accessibilityLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const paint = useMemo(() => 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__*/_jsx(View, {
+    testID: id('tile'),
+    style: {
+      width: CHECKOUT_ROW_TILE,
+      height: CHECKOUT_ROW_TILE,
+      borderRadius: CHECKOUT_ROW_TILE / 2,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: paint.tile
+    },
+    children: /*#__PURE__*/_jsx(Icon, {
+      width: CHECKOUT_ROW_GLYPH,
+      height: 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.
+  _jsxs(View, {
+    style: {
+      flex: 1,
+      minWidth: 0,
+      gap: CHECKOUT_ROW_TEXT_GAP
+    },
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "caption-2-bold",
+      numberOfLines: 1,
+      testID: id('label'),
+      style: {
+        color: paint.textSecondary,
+        textTransform: 'uppercase'
+      },
+      children: label
+    }), content !== undefined ? content : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 6,
+          minWidth: 0
+        },
+        children: [/*#__PURE__*/_jsx(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__*/_jsx(Text, {
+        variant: "body-2-regular",
+        numberOfLines: 2,
+        testID: id('detail'),
+        style: {
+          color: paint.textSecondary
+        },
+        children: detail
+      }) : null]
+    })]
+  });
+  return /*#__PURE__*/_jsx(Item, {
+    leading: media,
+    trailing: onPress ? /*#__PURE__*/_jsx(RiArrowRightSLine, {
+      width: CHECKOUT_ROW_CHEVRON,
+      height: CHECKOUT_ROW_CHEVRON,
+      fill: paint.textTertiary
+    }) : null,
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityLabel: accessibilityLabel ?? 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 ?? CHECKOUT_ROW_HINT : accessibilityHint,
+    style: style,
+    testID: testID,
+    children: body
+  });
+}
+export const CheckoutSummaryRow = /*#__PURE__*/memo(CheckoutSummaryRowComponent);
+CheckoutSummaryRow.displayName = 'CheckoutSummaryRow';
+//# sourceMappingURL=CheckoutSummaryRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","RiArrowRightSLine","Item","useSurfaceFill","useTheme","Text","CHECKOUT_ROW_CHEVRON","CHECKOUT_ROW_GLYPH","CHECKOUT_ROW_HINT","CHECKOUT_ROW_PLACEHOLDER","CHECKOUT_ROW_TEXT_GAP","CHECKOUT_ROW_TILE","checkoutRowName","resolveCheckoutPaint","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CheckoutSummaryRowComponent","label","icon","Icon","leading","value","placeholder","detail","badge","content","onPress","disabled","accessibilityHint","accessibilityLabel","style","testID","theme","surface","paint","id","part","undefined","chosen","shown","media","width","height","borderRadius","alignItems","justifyContent","backgroundColor","tile","children","fill","textSecondary","body","flex","minWidth","gap","variant","numberOfLines","color","textTransform","flexDirection","flexShrink","text","textTertiary","trailing","CheckoutSummaryRow","displayName"],"sourceRoot":"../../../src","sources":["checkout-summary/CheckoutSummaryRow.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+import { RiBankCardLine } from "../icons/remix/RiBankCardLine.js";
+import { RiChat3Line } from "../icons/remix/RiChat3Line.js";
+import { RiMapPin2Line } from "../icons/remix/RiMapPin2Line.js";
+import { RiTimeLine } from "../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.
+ */
+export const CHECKOUT_ROW_ICON = {
+  address: RiMapPin2Line,
+  delivery: RiTimeLine,
+  payment: RiBankCardLine,
+  note: RiChat3Line
+};
+
+/** Drawn in place of the value while nothing is chosen. */
+export const CHECKOUT_ROW_PLACEHOLDER = 'Not chosen yet';
+
+/** The row's hint: what pressing it opens. */
+export const CHECKOUT_ROW_HINT = 'Opens the picker';
+
+/** The default words on the confirm control. */
+export const CHECKOUT_CONFIRM_LABEL = 'Place order';
+export const 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.
+ */
+export const 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.
+ */
+export const CHECKOUT_ROW_TILE = 40;
+export const CHECKOUT_ROW_GLYPH = 20;
+/** The trailing chevron. */
+export const CHECKOUT_ROW_CHEVRON = 20;
+
+/** Between the label and the value, and between the value and the detail. */
+export const CHECKOUT_ROW_TEXT_GAP = 2;
+
+/** The group's corner, matching every other card-sized surface in the library. */
+export const CHECKOUT_GROUP_RADIUS = 16;
+
+/** Between the group, the children, the totals and the confirm control. */
+export const CHECKOUT_SECTION_GAP = 20;
+
+/** Inside the group's own padding, around the totals. */
+export const CHECKOUT_PRICE_PADDING = 16;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["RiBankCardLine","RiChat3Line","RiMapPin2Line","RiTimeLine","CHECKOUT_ROW_ICON","address","delivery","payment","note","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,SAASA,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,UAAU,QAAQ,8BAA2B;AAGtD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAA0F,GAAG;EACxGC,OAAO,EAAEH,aAAa;EACtBI,QAAQ,EAAEH,UAAU;EACpBI,OAAO,EAAEP,cAAc;EACvBQ,IAAI,EAAEP;AACR,CAAC;;AAED;AACA,OAAO,MAAMQ,wBAAwB,GAAG,gBAAgB;;AAExD;AACA,OAAO,MAAMC,iBAAiB,GAAG,kBAAkB;;AAEnD;AACA,OAAO,MAAMC,sBAAsB,GAAG,aAAa;AACnD,OAAO,MAAMC,2BAA2B,GAAG,oBAAoB;;AAE/D;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAG,KAAK;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAG,EAAE;AACnC,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA,OAAO,MAAMC,oBAAoB,GAAG,EAAE;;AAEtC;AACA,OAAO,MAAMC,qBAAqB,GAAG,CAAC;;AAEtC;AACA,OAAO,MAAMC,qBAAqB,GAAG,EAAE;;AAEvC;AACA,OAAO,MAAMC,oBAAoB,GAAG,EAAE;;AAEtC;AACA,OAAO,MAAMC,sBAAsB,GAAG,EAAE","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+"use strict";
+
+export { CheckoutConfirm } from "./CheckoutConfirm.js";
+export { CheckoutSummary } from "./CheckoutSummary.js";
+export { CheckoutSummaryRow } from "./CheckoutSummaryRow.js";
+export { CHECKOUT_AMOUNT_SEPARATOR, CHECKOUT_CONFIRM_BUSY_LABEL, CHECKOUT_CONFIRM_LABEL, CHECKOUT_GROUP_RADIUS, CHECKOUT_ROW_HINT, CHECKOUT_ROW_ICON, CHECKOUT_ROW_PLACEHOLDER, CHECKOUT_ROW_TILE } from "./constants.js";
+export { checkoutConfirmLabel, checkoutRowName, resolveCheckoutPaint } from "./shared.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CheckoutConfirm","CheckoutSummary","CheckoutSummaryRow","CHECKOUT_AMOUNT_SEPARATOR","CHECKOUT_CONFIRM_BUSY_LABEL","CHECKOUT_CONFIRM_LABEL","CHECKOUT_GROUP_RADIUS","CHECKOUT_ROW_HINT","CHECKOUT_ROW_ICON","CHECKOUT_ROW_PLACEHOLDER","CHECKOUT_ROW_TILE","checkoutConfirmLabel","checkoutRowName","resolveCheckoutPaint"],"sourceRoot":"../../../src","sources":["checkout-summary/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,sBAAmB;AACnD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,SACEC,yBAAyB,EACzBC,2BAA2B,EAC3BC,sBAAsB,EACtBC,qBAAqB,EACrBC,iBAAiB,EACjBC,iBAAiB,EACjBC,wBAAwB,EACxBC,iBAAiB,QACZ,gBAAa;AACpB,SAASC,oBAAoB,EAAEC,eAAe,EAAEC,oBAAoB,QAAQ,aAAU","ignoreList":[]}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+/**
+ * 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.
+ */
+import { surfaceFillOn, surfaceTextOn } from "../styles/surface-levels.js";
+import { CHECKOUT_AMOUNT_SEPARATOR } from "./constants.js";
+export function resolveCheckoutPaint(theme, surface) {
+  return {
+    ...surfaceTextOn(theme, surface),
+    tile: 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.
+ */
+export function checkoutRowName(label, value) {
+  return value && value !== '' ? `${label}: ${value}` : label;
+}
+
+/** "Place order" + "€24.80" → "Place order · €24.80". */
+export function checkoutConfirmLabel(label, amount) {
+  return amount && amount !== '' ? `${label}${CHECKOUT_AMOUNT_SEPARATOR}${amount}` : label;
+}
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["surfaceFillOn","surfaceTextOn","CHECKOUT_AMOUNT_SEPARATOR","resolveCheckoutPaint","theme","surface","tile","checkoutRowName","label","value","checkoutConfirmLabel","amount"],"sourceRoot":"../../../src","sources":["checkout-summary/shared.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,aAAa,QAA+B,6BAA0B;AAE9F,SAASC,yBAAyB,QAAQ,gBAAa;AAOvD,OAAO,SAASC,oBAAoBA,CAACC,KAAY,EAAEC,OAAe,EAAwB;EACxF,OAAO;IACL,GAAGJ,aAAa,CAACG,KAAK,EAAEC,OAAO,CAAC;IAChCC,IAAI,EAAEN,aAAa,CAACI,KAAK,EAAEC,OAAO;EACpC,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,eAAeA,CAACC,KAAa,EAAEC,KAAyB,EAAU;EAChF,OAAOA,KAAK,IAAIA,KAAK,KAAK,EAAE,GAAG,GAAGD,KAAK,KAAKC,KAAK,EAAE,GAAGD,KAAK;AAC7D;;AAEA;AACA,OAAO,SAASE,oBAAoBA,CAACF,KAAa,EAAEG,MAA0B,EAAU;EACtF,OAAOA,MAAM,IAAIA,MAAM,KAAK,EAAE,GAAG,GAAGH,KAAK,GAAGN,yBAAyB,GAAGS,MAAM,EAAE,GAAGH,KAAK;AAC1F","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

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

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

package/lib/module/chip/Chip.js

@@ -1,5 +1,7 @@
 "use strict";
 
+import { useBloomAppearance } from "../appearance/index.js";
+import { normalizeTagTone } from "./shared.js";
 import React, { forwardRef, memo, useMemo } from 'react';
 import { View, Platform, Pressable } from 'react-native';
 import { useTheme } from "../theme/use-theme.js";
@@ -93,16 +95,25 @@ const BLOOM_CHIP_CSS = interactiveWebCss({
 const IS_WEB = Platform.OS === 'web';
 const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
   children,
-  variant = 'subtle',
-  color = 'default',
+  variant: variantProp = 'subtle',
+  appearance,
+  tone: toneProp,
+  color,
   hue,
   surface,
-  size = 'medium',
-  startIcon,
-  endIcon,
+  size: sizeProp,
+  startIcon: startIconProp,
+  leading,
+  leadingIcon: LeadingIcon,
+  endIcon: endIconProp,
+  trailing,
+  trailingIcon: TrailingIcon,
   onPress,
   onClose,
-  selected = false,
+  closeLabel,
+  selected: selectedProp,
+  checked,
+  onCheckedChange,
   role = 'button',
   disabled = false,
   tabIndex,
@@ -113,6 +124,19 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
   testID
 }, ref) {
   const theme = useTheme();
+  const scoped = useBloomAppearance({
+    size: ['xs', 'sm', 'md', 'lg'].includes(sizeProp ?? '') ? sizeProp : undefined,
+    tone: toneProp ?? (color ? normalizeTagTone(color) : undefined)
+  }, {
+    size: 'md',
+    tone: 'neutral'
+  });
+  const size = sizeProp ?? scoped.size;
+  const tone = scoped.tone;
+  const variant = appearance ?? variantProp;
+  const selected = checked ?? selectedProp ?? false;
+  const startIcon = leading ?? (LeadingIcon ? /*#__PURE__*/_jsx(LeadingIcon, {}) : startIconProp);
+  const endIcon = trailing ?? (TrailingIcon ? /*#__PURE__*/_jsx(TrailingIcon, {}) : endIconProp);
   useInteractiveWebCss(STYLE_ID, BLOOM_CHIP_CSS);
   // No press scale, like `Button`: a press is the background change alone,
   // which is also the one press affordance that reads under a mouse.
@@ -130,12 +154,12 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
     onOut: onHoverOut
   } = useInteractionState();
   const paint = useMemo(() => resolveChipPaint(theme, {
-    tone: color,
+    tone,
     variant,
     selected,
     hue,
     surface
-  }), [theme, color, variant, selected, hue, surface]);
+  }), [theme, tone, variant, selected, hue, surface]);
   const ring = useMemo(() => resolveChipRing(theme), [theme]);
   const geometry = CHIP_GEOMETRY[size];
   const containerStyle = useMemo(() => ({
@@ -180,6 +204,12 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
     alignItems: 'center',
     justifyContent: 'center'
   }), [geometry]);
+
+  // A row of removable chips is a row of buttons all called "Remove" otherwise,
+  // and a screen reader reading them in sequence says the same word five times
+  // with no way to tell which pill goes. The chip names it from its own label
+  // when that label is words; `closeLabel` is for the rest.
+  const removeLabel = closeLabel ?? (typeof children === 'string' ? `Remove ${children}` : 'Remove');
   const closeButton = onClose ? /*#__PURE__*/_jsx(Pressable, {
     onPress: onClose,
     hitSlop: {
@@ -188,7 +218,7 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
       left: 6,
       right: 6
     },
-    accessibilityLabel: "Remove",
+    accessibilityLabel: removeLabel,
     accessibilityRole: "button",
     style: iconSlotStyle,
     children: /*#__PURE__*/_jsx(RiCloseLine, {
@@ -211,7 +241,7 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
       children: endIcon
     }) : null, closeButton]
   });
-  if (onPress) {
+  if (onPress || onCheckedChange) {
     // Both spellings of the state, because neither platform reads the other's
     // and there is no single prop that serves both: react-native-web ignores
     // `accessibilityState`, while React Native has no `aria-pressed` at all
@@ -282,7 +312,11 @@ const ChipComponent = /*#__PURE__*/forwardRef(function ChipComponent({
       pressed && !disabled && {
         backgroundColor: paint.pressedBackground
       }, style],
-      onPress: onPress,
+      onPress: event => {
+        if (disabled) return;
+        onCheckedChange?.(!selected);
+        onPress?.();
+      },
       onPressIn: onPressIn,
       onPressOut: onPressOut,
       ...(paint.hoveredBorder ? {

package/lib/module/chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","memo","useMemo","View","Platform","Pressable","useTheme","Text","borderRadius","useInteractionState","RiCloseLine","NOT_DISABLED","interactiveWebCss","useInteractiveWebCss","CHIP_GEOMETRY","resolveChipPaint","resolveChipRing","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CLOSE_ICON","STYLE_ID","BLOOM_CHIP_CSS","selector","varPrefix","base","transition","hover","declarations","outlineOffset","extraRules","IS_WEB","OS","ChipComponent","children","variant","color","hue","surface","size","startIcon","endIcon","onPress","onClose","selected","role","disabled","tabIndex","onKeyDown","style","textStyle","accessibilityLabel","testID","ref","theme","state","pressed","onIn","onPressIn","onOut","onPressOut","hovered","onHoverIn","onHoverOut","paint","tone","ring","geometry","containerStyle","height","full","paddingHorizontal","backgroundColor","background","borderWidth","borderColor","border","flexDirection","alignItems","gap","iconGap","alignSelf","minWidth","justifyContent","flexShrink","overflow","labelStyle","foreground","iconSlotStyle","width","icon","closeButton","hitSlop","top","bottom","left","right","accessibilityRole","fill","content","type","numberOfLines","stateProps","accessibilityState","checked","dataSet","bloomChip","bloomChipCenter","bloomChipInverted","undefined","opacity","hoveredBorder","pressedBackground","Chip","displayName"],"sourceRoot":"../../../src","sources":["chip/Chip.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useBloomAppearance","normalizeTagTone","React","forwardRef","memo","useMemo","View","Platform","Pressable","useTheme","Text","borderRadius","useInteractionState","RiCloseLine","NOT_DISABLED","interactiveWebCss","useInteractiveWebCss","CHIP_GEOMETRY","resolveChipPaint","resolveChipRing","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CLOSE_ICON","STYLE_ID","BLOOM_CHIP_CSS","selector","varPrefix","base","transition","hover","declarations","outlineOffset","extraRules","IS_WEB","OS","ChipComponent","children","variant","variantProp","appearance","tone","toneProp","color","hue","surface","size","sizeProp","startIcon","startIconProp","leading","leadingIcon","LeadingIcon","endIcon","endIconProp","trailing","trailingIcon","TrailingIcon","onPress","onClose","closeLabel","selected","selectedProp","checked","onCheckedChange","role","disabled","tabIndex","onKeyDown","style","textStyle","accessibilityLabel","testID","ref","theme","scoped","includes","undefined","state","pressed","onIn","onPressIn","onOut","onPressOut","hovered","onHoverIn","onHoverOut","paint","ring","geometry","containerStyle","height","full","paddingHorizontal","backgroundColor","background","borderWidth","borderColor","border","flexDirection","alignItems","gap","iconGap","alignSelf","minWidth","justifyContent","flexShrink","overflow","labelStyle","foreground","iconSlotStyle","width","icon","removeLabel","closeButton","hitSlop","top","bottom","left","right","accessibilityRole","fill","content","type","numberOfLines","stateProps","accessibilityState","dataSet","bloomChip","bloomChipCenter","bloomChipInverted","opacity","hoveredBorder","pressedBackground","event","Chip","displayName"],"sourceRoot":"../../../src","sources":["chip/Chip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chip/ChipRow.js

@@ -122,9 +122,17 @@ function ChipRowComponent({
     _jsxs(View, {
       role: role,
       accessibilityLabel: accessibilityLabel,
-      "aria-disabled": disabled || undefined,
+      "aria-disabled": disabled || undefined
+      // `minWidth: 0` is not decoration: a flex item's automatic minimum size is
+      // its CONTENT's width, so a row of pills wider than the screen widens the
+      // COLUMN it sits in and the page scrolls sideways instead of the row.
+      // Measured at a 390 viewport: a parent 1552px wide. It belongs here
+      // rather than at each call site — every consumer of a sideways scroller
+      // inherits the same trap, and three of them had already worked around it.
+      ,
       style: [{
-        position: 'relative'
+        position: 'relative',
+        minWidth: 0
       }, style],
       testID: testID,
       children: [/*#__PURE__*/_jsx(ScrollView, {
@@ -144,6 +152,7 @@ function ChipRowComponent({
         ,
         style: {
           flexGrow: 0,
+          minWidth: 0,
           marginTop: -ringInset,
           marginBottom: -ringInset,
           marginLeft: -ringInset,

package/lib/module/chip/ChipRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useMemo","useState","Platform","ScrollView","View","adoptStyleSheet","useTheme","chipRowOverflow","jsx","_jsx","jsxs","_jsxs","IS_WEB","OS","CHIP_ROW_EDGE","STYLE_ID","TRACK","BLOOM_CHIP_ROW_CSS","ChipRowComponent","children","gap","contentInset","fadeColor","ringInset","role","accessibilityLabel","disabled","style","contentContainerStyle","testID","theme","useEffect","scroll","setScroll","x","viewport","content","overflow","fade","colors","background","onScroll","event","contentOffset","layoutMeasurement","contentSize","nativeEvent","width","onLayout","layout","previous","onContentSizeChange","edgeStyle","side","position","top","bottom","left","right","backgroundImage","undefined","dataSet","bloomChipRowTrack","horizontal","showsHorizontalScrollIndicator","scrollEventThrottle","flexGrow","marginTop","marginBottom","marginLeft","marginRight","flexDirection","alignItems","paddingTop","paddingBottom","paddingLeft","paddingRight","pointerEvents","next","ChipRow","displayName"],"sourceRoot":"../../../src","sources":["chip/ChipRow.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","Platform","ScrollView","View","adoptStyleSheet","useTheme","chipRowOverflow","jsx","_jsx","jsxs","_jsxs","IS_WEB","OS","CHIP_ROW_EDGE","STYLE_ID","TRACK","BLOOM_CHIP_ROW_CSS","ChipRowComponent","children","gap","contentInset","fadeColor","ringInset","role","accessibilityLabel","disabled","style","contentContainerStyle","testID","theme","useEffect","scroll","setScroll","x","viewport","content","overflow","fade","colors","background","onScroll","event","contentOffset","layoutMeasurement","contentSize","nativeEvent","width","onLayout","layout","previous","onContentSizeChange","edgeStyle","side","position","top","bottom","left","right","backgroundImage","undefined","minWidth","dataSet","bloomChipRowTrack","horizontal","showsHorizontalScrollIndicator","scrollEventThrottle","flexGrow","marginTop","marginBottom","marginLeft","marginRight","flexDirection","alignItems","paddingTop","paddingBottom","paddingLeft","paddingRight","pointerEvents","next","ChipRow","displayName"],"sourceRoot":"../../../src","sources":["chip/ChipRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chip/hue-colors.js

@@ -27,24 +27,23 @@ import { toneColor } from "../stat-cards/tones.js";
  */
 export function resolveChipHueColors(theme, hue, surface = chipPageSurface(theme)) {
   const {
-    accent,
-    neutral: n
+    accent
   } = resolveButtonRamps(theme);
   switch (hue) {
     case 'neutral':
       return {
-        background: theme.isDark ? n[800] : n[200],
-        foreground: n[500]
+        background: theme.colors.backgroundTertiary,
+        foreground: theme.colors.textSecondary
       };
     case 'gray':
       return {
-        background: theme.isDark ? n[900] : n[100],
+        background: theme.colors.backgroundSecondary,
         foreground: theme.colors.text
       };
     case 'soft':
       return {
-        background: theme.isDark ? n[900] : n[100],
-        foreground: n[500]
+        background: theme.colors.backgroundSecondary,
+        foreground: theme.colors.textSecondary
       };
     case 'purple':
       return purpleChip(theme, surface);
@@ -72,11 +71,8 @@ const HUE_TONE = {
   cyan: 'sky'
 };
 
-/** `bg-background-full`: white (the card colour), dark neutral-925. */
+/** Actual page behind data-category chips. */
 export function chipPageSurface(theme) {
-  const {
-    neutral: n
-  } = resolveButtonRamps(theme);
-  return theme.isDark ? mixColor(n[900], n[950], 0.4) : theme.colors.card;
+  return theme.colors.background;
 }
 //# sourceMappingURL=hue-colors.js.map

package/lib/module/chip/hue-colors.js.map

@@ -1 +1 @@
-{"version":3,"names":["mixColor","resolveButtonRamps","purpleChip","toneColor","resolveChipHueColors","theme","hue","surface","chipPageSurface","accent","neutral","n","background","isDark","foreground","colors","text","stop","s","HUE_TONE","lime","rose","yellow","cyan","card"],"sourceRoot":"../../../src","sources":["chip/hue-colors.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,kBAAkB,QAAQ,qBAAkB;AAC/D,SAASC,UAAU,QAAQ,mCAAgC;AAC3D,SAASC,SAAS,QAAQ,wBAAqB;AAI/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAClCC,KAAY,EACZC,GAAY,EACZC,OAAe,GAAGC,eAAe,CAACH,KAAK,CAAC,EACI;EAC5C,MAAM;IAAEI,MAAM;IAAEC,OAAO,EAAEC;EAAE,CAAC,GAAGV,kBAAkB,CAACI,KAAK,CAAC;EACxD,QAAQC,GAAG;IACT,KAAK,SAAS;MACZ,OAAO;QAAEM,UAAU,EAAEP,KAAK,CAACQ,MAAM,GAAGF,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;QAAEG,UAAU,EAAEH,CAAC,CAAC,GAAG;MAAE,CAAC;IAC3E,KAAK,MAAM;MACT,OAAO;QAAEC,UAAU,EAAEP,KAAK,CAACQ,MAAM,GAAGF,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;QAAEG,UAAU,EAAET,KAAK,CAACU,MAAM,CAACC;MAAK,CAAC;IACtF,KAAK,MAAM;MACT,OAAO;QAAEJ,UAAU,EAAEP,KAAK,CAACQ,MAAM,GAAGF,CAAC,CAAC,GAAG,CAAC,GAAGA,CAAC,CAAC,GAAG,CAAC;QAAEG,UAAU,EAAEH,CAAC,CAAC,GAAG;MAAE,CAAC;IAC3E,KAAK,QAAQ;MACX,OAAOT,UAAU,CAACG,KAAK,EAAEE,OAAO,CAAC;IACnC;MAAS;QACP,MAAMU,IAAI,GAAIC,CAA8B,IAAMZ,GAAG,KAAK,MAAM,GAAGG,MAAM,CAACS,CAAC,CAAC,GAAGf,SAAS,CAACE,KAAK,EAAEc,QAAQ,CAACb,GAAG,CAAC,EAAEY,CAAC,CAAE;QAClH,IAAI,CAACb,KAAK,CAACQ,MAAM,EAAE,OAAO;UAAED,UAAU,EAAEK,IAAI,CAAC,GAAG,CAAC;UAAEH,UAAU,EAAEG,IAAI,CAAC,GAAG;QAAE,CAAC;QAC1E,MAAMH,UAAU,GAAGR,GAAG,KAAK,MAAM,GAAGG,MAAM,CAAC,GAAG,CAAC,GAAGH,GAAG,KAAK,MAAM,GAAGW,IAAI,CAAC,GAAG,CAAC,GAAGA,IAAI,CAAC,GAAG,CAAC;QACxF,OAAO;UAAEL,UAAU,EAAEZ,QAAQ,CAACO,OAAO,EAAEU,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;UAAEH;QAAW,CAAC;MACtE;EACF;AACF;;AAEA;AACA,MAAMK,QAAQ,GAAG;EACfC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,OAAO;EACfC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA,OAAO,SAASf,eAAeA,CAACH,KAAY,EAAU;EACpD,MAAM;IAAEK,OAAO,EAAEC;EAAE,CAAC,GAAGV,kBAAkB,CAACI,KAAK,CAAC;EAChD,OAAOA,KAAK,CAACQ,MAAM,GAAGb,QAAQ,CAACW,CAAC,CAAC,GAAG,CAAC,EAAEA,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,GAAGN,KAAK,CAACU,MAAM,CAACS,IAAI;AACzE","ignoreList":[]}
+{"version":3,"names":["mixColor","resolveButtonRamps","purpleChip","toneColor","resolveChipHueColors","theme","hue","surface","chipPageSurface","accent","background","colors","backgroundTertiary","foreground","textSecondary","backgroundSecondary","text","stop","s","HUE_TONE","isDark","lime","rose","yellow","cyan"],"sourceRoot":"../../../src","sources":["chip/hue-colors.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,kBAAkB,QAAQ,qBAAkB;AAC/D,SAASC,UAAU,QAAQ,mCAAgC;AAC3D,SAASC,SAAS,QAAQ,wBAAqB;AAI/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAClCC,KAAY,EACZC,GAAY,EACZC,OAAe,GAAGC,eAAe,CAACH,KAAK,CAAC,EACI;EAC5C,MAAM;IAAEI;EAAO,CAAC,GAAGR,kBAAkB,CAACI,KAAK,CAAC;EAC5C,QAAQC,GAAG;IACT,KAAK,SAAS;MACZ,OAAO;QAAEI,UAAU,EAAEL,KAAK,CAACM,MAAM,CAACC,kBAAkB;QAAEC,UAAU,EAAER,KAAK,CAACM,MAAM,CAACG;MAAc,CAAC;IAChG,KAAK,MAAM;MACT,OAAO;QAAEJ,UAAU,EAAEL,KAAK,CAACM,MAAM,CAACI,mBAAmB;QAAEF,UAAU,EAAER,KAAK,CAACM,MAAM,CAACK;MAAK,CAAC;IACxF,KAAK,MAAM;MACT,OAAO;QAAEN,UAAU,EAAEL,KAAK,CAACM,MAAM,CAACI,mBAAmB;QAAEF,UAAU,EAAER,KAAK,CAACM,MAAM,CAACG;MAAc,CAAC;IACjG,KAAK,QAAQ;MACX,OAAOZ,UAAU,CAACG,KAAK,EAAEE,OAAO,CAAC;IACnC;MAAS;QACP,MAAMU,IAAI,GAAIC,CAA8B,IAAMZ,GAAG,KAAK,MAAM,GAAGG,MAAM,CAACS,CAAC,CAAC,GAAGf,SAAS,CAACE,KAAK,EAAEc,QAAQ,CAACb,GAAG,CAAC,EAAEY,CAAC,CAAE;QAClH,IAAI,CAACb,KAAK,CAACe,MAAM,EAAE,OAAO;UAAEV,UAAU,EAAEO,IAAI,CAAC,GAAG,CAAC;UAAEJ,UAAU,EAAEI,IAAI,CAAC,GAAG;QAAE,CAAC;QAC1E,MAAMJ,UAAU,GAAGP,GAAG,KAAK,MAAM,GAAGG,MAAM,CAAC,GAAG,CAAC,GAAGH,GAAG,KAAK,MAAM,GAAGW,IAAI,CAAC,GAAG,CAAC,GAAGA,IAAI,CAAC,GAAG,CAAC;QACxF,OAAO;UAAEP,UAAU,EAAEV,QAAQ,CAACO,OAAO,EAAEU,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;UAAEJ;QAAW,CAAC;MACtE;EACF;AACF;;AAEA;AACA,MAAMM,QAAQ,GAAG;EACfE,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,OAAO;EACfC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA,OAAO,SAAShB,eAAeA,CAACH,KAAY,EAAU;EACpD,OAAOA,KAAK,CAACM,MAAM,CAACD,UAAU;AAChC","ignoreList":[]}