@oxy.so/bloom 2.10.0 → 2.12.0

package/lib/module/rating/RatingInput.js

@@ -0,0 +1,212 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo, useState } from 'react';
+import { Platform, Pressable, View } from 'react-native';
+import { resolveButtonRamps } from "../button/shared.js";
+import { RiStarFill } from "../icons/remix/RiStarFill.js";
+import { RiStarLine } from "../icons/remix/RiStarLine.js";
+import { focusRingShadow, interactiveWebCss, useInteractiveWebCss } from "../styles/interactive-web-css.js";
+import { useRingOffsetStyle } from "../styles/surface-levels.js";
+import { DISABLED_OPACITY } from "../styles/tokens.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The star PICKER — `Rating`'s counterpart for a review form. `Rating` draws a
+ * rating that exists; this one is how a rating comes to exist.
+ *
+ *              star   gap
+ *   small      24     4
+ *   medium     32     6
+ *   large      40     8
+ *
+ * Chosen stars are filled with the ACCENT, the rest are outlines in the
+ * neutral ramp — the same reasoning as `RatingBar`'s fill: a chosen star is a
+ * choice the person made, and text-primary reads as ink rather than as an
+ * answer. Under a pointer the stars up to the hovered one fill as a preview,
+ * which never touches `value`.
+ *
+ * Accessibility: a `radiogroup` named by `accessibilityLabel`, holding one
+ * `radio` per star named by `formatStarLabel` ("4 stars"). Exactly one of N is
+ * what a rating is, so `radio` is the role rather than a `slider` — it is also
+ * the only one that gives each star its own touch target and its own name.
+ * Roving tab stop: the chosen star (the first when nothing is chosen) is the
+ * one in the tab order, and ArrowRight/Up, ArrowLeft/Down, Home and End move
+ * AND choose, which is how an ARIA radio group behaves. The focus ring is drawn
+ * on the star itself.
+ *
+ * **No half stars, and no clearing.** Half a star doubles the keyboard stops
+ * and halves the target — 16px of a 32px star, under any touch floor — and the
+ * icon set has no half-star glyph, so the state could not be drawn honestly
+ * either. Clearing is left out for the reason `Radio` re-choosing is a no-op: a
+ * radio has no "off", and a form that needs "no rating yet" holds `null` and
+ * does not render a cleared state the group cannot express. `Rating` still
+ * DISPLAYS fractional values — a display has no target and no keyboard.
+ */
+
+const SIZE_CONFIG = {
+  small: {
+    star: 24,
+    gap: 4
+  },
+  medium: {
+    star: 32,
+    gap: 6
+  },
+  large: {
+    star: 40,
+    gap: 8
+  }
+};
+const IS_WEB = Platform.OS === 'web';
+const HIT_SLOP = {
+  top: 6,
+  bottom: 6,
+  left: 2,
+  right: 2
+};
+const STYLE_ID = 'bloom-rating-input-web-css';
+const STAR = '[data-bloom-rating-star]';
+const BLOOM_RATING_INPUT_CSS = interactiveWebCss({
+  selector: STAR,
+  varPrefix: 'bloom-rating-input',
+  // A star is a `View`-based press target, not a `<button>`: the button reset's
+  // `inline-flex` changes an RNW `View`'s layout.
+  reset: 'none',
+  base: 'border-radius: 6px;',
+  transition: 'box-shadow 120ms ease',
+  disabled: {
+    opacity: null
+  },
+  extraRules: `${STAR}:focus-visible {
+  outline: none;
+  box-shadow: ${focusRingShadow('--bloom-rating-input-ring')};
+}`
+});
+
+/** `1 star`, `4 stars`. English — `formatStarLabel` replaces it. */
+export function defaultStarLabel(value) {
+  return value === 1 ? '1 star' : `${value} stars`;
+}
+function RatingInputComponent({
+  value,
+  onChange,
+  max = 5,
+  size = 'medium',
+  disabled = false,
+  accessibilityLabel,
+  formatStarLabel = defaultStarLabel,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  const ringOffset = useRingOffsetStyle();
+  useInteractiveWebCss(STYLE_ID, BLOOM_RATING_INPUT_CSS);
+  const {
+    accent,
+    neutral
+  } = useMemo(() => resolveButtonRamps(theme), [theme]);
+  const config = SIZE_CONFIG[size];
+  const [hovered, setHovered] = useState(null);
+  const total = Math.max(1, Math.round(max));
+  const chosen = value == null ? null : Math.min(total, Math.max(1, Math.round(value)));
+  // The hover preview never survives a disabled group.
+  const shown = disabled ? chosen : hovered ?? chosen;
+  const choose = useCallback(next => {
+    if (disabled) return;
+    const clamped = Math.min(total, Math.max(1, next));
+    // Re-choosing the chosen star is a no-op, as on `Radio`: firing would
+    // report a change that did not happen.
+    if (clamped === chosen) return;
+    onChange(clamped);
+  }, [disabled, total, chosen, onChange]);
+  const onKeyDown = useCallback(e => {
+    const from = chosen ?? 0;
+    switch (e.key) {
+      case 'ArrowRight':
+      case 'ArrowUp':
+        e.preventDefault();
+        choose(Math.min(total, from + 1));
+        break;
+      case 'ArrowLeft':
+      case 'ArrowDown':
+        e.preventDefault();
+        choose(Math.max(1, from - 1));
+        break;
+      case 'Home':
+        e.preventDefault();
+        choose(1);
+        break;
+      case 'End':
+        e.preventDefault();
+        choose(total);
+        break;
+      default:
+        break;
+    }
+  }, [chosen, total, choose]);
+
+  // The roving tab stop: the chosen star, or the first one while nothing is
+  // chosen, so a keyboard reaches the group in one Tab either way.
+  const tabStop = chosen ?? 1;
+  const emptyColor = theme.isDark ? neutral[600] : neutral[300];
+  const starStyle = {
+    padding: 2,
+    borderRadius: 6,
+    '--bloom-rating-input-ring': accent[500],
+    ...ringOffset
+  };
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    accessibilityRole: "radiogroup",
+    accessibilityLabel: accessibilityLabel,
+    "aria-label": accessibilityLabel,
+    "aria-disabled": disabled || undefined,
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: config.gap,
+      opacity: disabled ? DISABLED_OPACITY : 1
+    }, style],
+    children: Array.from({
+      length: total
+    }, (_, index) => {
+      const star = index + 1;
+      const filled = shown != null && star <= shown;
+      const Glyph = filled ? RiStarFill : RiStarLine;
+      const name = formatStarLabel(star, total);
+      const webProps = IS_WEB ? {
+        tabIndex: disabled || star !== tabStop ? -1 : 0,
+        onKeyDown
+      } : {};
+      return /*#__PURE__*/_jsx(Pressable, {
+        accessibilityRole: "radio"
+        // `aria-checked`, not `accessibilityState`: react-native-web never
+        // reads the latter. React Native folds this one back, so it is the
+        // spelling both platforms honour.
+        ,
+        "aria-checked": star === chosen,
+        accessibilityLabel: name,
+        disabled: disabled,
+        onPress: () => choose(star),
+        onHoverIn: () => setHovered(star),
+        onHoverOut: () => setHovered(current => current === star ? null : current),
+        hitSlop: HIT_SLOP,
+        ...webProps,
+        ...webDataSet({
+          bloomRatingStar: ''
+        }),
+        testID: testID ? `${testID}-star-${star}` : undefined,
+        style: starStyle,
+        children: /*#__PURE__*/_jsx(Glyph, {
+          width: config.star,
+          height: config.star,
+          fill: filled ? accent[500] : emptyColor
+        })
+      }, star);
+    })
+  });
+}
+export const RatingInput = /*#__PURE__*/memo(RatingInputComponent);
+RatingInput.displayName = 'RatingInput';
+//# sourceMappingURL=RatingInput.js.map

package/lib/module/rating/RatingInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","Platform","Pressable","View","resolveButtonRamps","RiStarFill","RiStarLine","focusRingShadow","interactiveWebCss","useInteractiveWebCss","useRingOffsetStyle","DISABLED_OPACITY","webDataSet","useTheme","jsx","_jsx","SIZE_CONFIG","small","star","gap","medium","large","IS_WEB","OS","HIT_SLOP","top","bottom","left","right","STYLE_ID","STAR","BLOOM_RATING_INPUT_CSS","selector","varPrefix","reset","base","transition","disabled","opacity","extraRules","defaultStarLabel","value","RatingInputComponent","onChange","max","size","accessibilityLabel","formatStarLabel","style","testID","theme","ringOffset","accent","neutral","config","hovered","setHovered","total","Math","round","chosen","min","shown","choose","next","clamped","onKeyDown","e","from","key","preventDefault","tabStop","emptyColor","isDark","starStyle","padding","borderRadius","accessibilityRole","undefined","flexDirection","alignItems","children","Array","length","_","index","filled","Glyph","name","webProps","tabIndex","onPress","onHoverIn","onHoverOut","current","hitSlop","bloomRatingStar","width","height","fill","RatingInput","displayName"],"sourceRoot":"../../../src","sources":["rating/RatingInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/rating/index.js

@@ -2,4 +2,5 @@
 
 export { Rating } from "./Rating.js";
 export { RatingBar } from "./RatingBar.js";
+export { RatingInput } from "./RatingInput.js";
 //# sourceMappingURL=index.js.map

package/lib/module/rating/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Rating","RatingBar"],"sourceRoot":"../../../src","sources":["rating/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU;AACjC,SAASC,SAAS,QAAQ,gBAAa","ignoreList":[]}
+{"version":3,"names":["Rating","RatingBar","RatingInput"],"sourceRoot":"../../../src","sources":["rating/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU;AACjC,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,WAAW,QAAQ,kBAAe","ignoreList":[]}

package/lib/module/search/Search.js

@@ -5,7 +5,7 @@ import { Platform, View } from 'react-native';
 import { useTheme } from "../theme/use-theme.js";
 import { atoms as a } from "../styles/index.js";
 import { borderRadius } from "../styles/tokens.js";
-import { Button } from '../button';
+import { GlyphButton } from '../button';
 import { TextField, TextFieldIcon, TextFieldInput } from "../text-field/index.js";
 import { RiSearchLine as MagnifyingGlassIcon } from "../icons/remix/RiSearchLine.js";
 import { RiCloseLine as X } from "../icons/remix/RiCloseLine.js";
@@ -46,26 +46,13 @@ export const Search = /*#__PURE__*/forwardRef(function Search({
       style: [a.absolute, a.z_20, a.my_auto, a.inset_0, a.justify_center, a.pr_sm, {
         left: 'auto'
       }],
-      children: /*#__PURE__*/_jsx(Button, {
+      children: /*#__PURE__*/_jsx(GlyphButton, {
         testID: "searchTextInputClearBtn",
         onPress: onClearText,
         accessibilityLabel: "Clear search query",
-        hitSlop: {
-          top: 10,
-          bottom: 10,
-          left: 10,
-          right: 10
-        },
-        variant: "ghost",
-        size: "small",
-        icon: /*#__PURE__*/_jsx(X, {
-          fill: theme.colors.textSecondary,
-          size: "xs"
-        }),
-        style: {
-          padding: 4,
-          minHeight: 0
-        }
+        size: 28,
+        icon: X,
+        glyphSize: 16
       })
     })]
   });

package/lib/module/search/Search.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Platform","View","useTheme","atoms","a","borderRadius","Button","TextField","TextFieldIcon","TextFieldInput","RiSearchLine","MagnifyingGlassIcon","RiCloseLine","X","jsx","_jsx","jsxs","_jsxs","Search","value","label","onClearText","rest","ref","theme","showClear","length","style","w_full","relative","children","radius","full","icon","inputRef","placeholder","returnKeyType","keyboardAppearance","mode","selectTextOnFocus","OS","autoFocus","accessibilityRole","autoCorrect","autoComplete","autoCapitalize","paddingRight","undefined","absolute","z_20","my_auto","inset_0","justify_center","pr_sm","left","testID","onPress","accessibilityLabel","hitSlop","top","bottom","right","variant","size","fill","colors","textSecondary","padding","minHeight","displayName"],"sourceRoot":"../../../src","sources":["search/Search.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","Platform","View","useTheme","atoms","a","borderRadius","GlyphButton","TextField","TextFieldIcon","TextFieldInput","RiSearchLine","MagnifyingGlassIcon","RiCloseLine","X","jsx","_jsx","jsxs","_jsxs","Search","value","label","onClearText","rest","ref","theme","showClear","length","style","w_full","relative","children","radius","full","icon","inputRef","placeholder","returnKeyType","keyboardAppearance","mode","selectTextOnFocus","OS","autoFocus","accessibilityRole","autoCorrect","autoComplete","autoCapitalize","paddingRight","undefined","absolute","z_20","my_auto","inset_0","justify_center","pr_sm","left","testID","onPress","accessibilityLabel","size","glyphSize","displayName"],"sourceRoot":"../../../src","sources":["search/Search.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,QAAQ,EAAkBC,IAAI,QAAQ,cAAc;AAE7D,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,KAAK,IAAIC,CAAC,QAAQ,oBAAW;AACtC,SAASC,YAAY,QAAQ,qBAAkB;AAC/C,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,SAAS,EAAEC,aAAa,EAAEC,cAAc,QAAkC,wBAAe;AAClG,SAASC,YAAY,IAAIC,mBAAmB,QAAQ,gCAA6B;AACjF,SAASC,WAAW,IAAIC,CAAC,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU9D,OAAO,MAAMC,MAAM,gBAAGnB,UAAU,CAC9B,SAASmB,MAAMA,CAAC;EAAEC,KAAK;EAAEC,KAAK,GAAG,QAAQ;EAAEC,WAAW;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,EAAE;EACtE,MAAMC,KAAK,GAAGtB,QAAQ,CAAC,CAAC;EACxB,MAAMuB,SAAS,GAAGN,KAAK,IAAI,IAAI,IAAIA,KAAK,CAACO,MAAM,GAAG,CAAC;EAEnD,oBACET,KAAA,CAAChB,IAAI;IAAC0B,KAAK,EAAE,CAACvB,CAAC,CAACwB,MAAM,EAAExB,CAAC,CAACyB,QAAQ,CAAE;IAAAC,QAAA,gBAClCb,KAAA,CAACV,SAAS;MAACwB,MAAM,EAAE1B,YAAY,CAAC2B,IAAK;MAAAF,QAAA,gBACnCf,IAAA,CAACP,aAAa;QAACyB,IAAI,EAAEtB;MAAoB,CAAE,CAAC,eAC5CI,IAAA,CAACN,cAAc;QACbyB,QAAQ,EAAEX,GAAI;QACdH,KAAK,EAAEA,KAAM;QACbD,KAAK,EAAEA,KAAM;QACbgB,WAAW,EAAEf,KAAM;QACnBgB,aAAa,EAAC,QAAQ;QACtBC,kBAAkB,EAAEb,KAAK,CAACc,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,MAAO;QAC9DC,iBAAiB,EAAEvC,QAAQ,CAACwC,EAAE,KAAK,KAAM;QACzCC,SAAS,EAAE,KAAM;QACjBC,iBAAiB,EAAC,QAAQ;QAC1BC,WAAW,EAAE,KAAM;QACnBC,YAAY,EAAC,KAAK;QAClBC,cAAc,EAAC,MAAM;QACrBlB,KAAK,EAAEF,SAAS,GAAG;UAAEqB,YAAY,EAAE;QAAG,CAAC,GAAGC,SAAU;QAAA,GAChDzB;MAAI,CACT,CAAC;IAAA,CACO,CAAC,EAEXG,SAAS,iBACRV,IAAA,CAACd,IAAI;MACH0B,KAAK,EAAE,CACLvB,CAAC,CAAC4C,QAAQ,EACV5C,CAAC,CAAC6C,IAAI,EACN7C,CAAC,CAAC8C,OAAO,EACT9C,CAAC,CAAC+C,OAAO,EACT/C,CAAC,CAACgD,cAAc,EAChBhD,CAAC,CAACiD,KAAK,EACP;QAAEC,IAAI,EAAE;MAAO,CAAC,CAChB;MAAAxB,QAAA,eAIFf,IAAA,CAACT,WAAW;QACViD,MAAM,EAAC,yBAAyB;QAChCC,OAAO,EAAEnC,WAAY;QACrBoC,kBAAkB,EAAC,oBAAoB;QACvCC,IAAI,EAAE,EAAG;QACTzB,IAAI,EAAEpB,CAAE;QACR8C,SAAS,EAAE;MAAG,CACf;IAAC,CACE,CACP;EAAA,CACG,CAAC;AAEX,CACF,CAAC;AACDzC,MAAM,CAAC0C,WAAW,GAAG,QAAQ","ignoreList":[]}

package/lib/module/segmented-control/SegmentedControl.js

@@ -6,7 +6,7 @@ import Animated, { Easing, LinearTransition } from 'react-native-reanimated';
 import { useTheme } from "../theme/use-theme.js";
 import { Text } from "../typography/index.js";
 import { useInteractionState } from "../hooks/use-interaction-state.js";
-import { borderRadius } from "../styles/tokens.js";
+import { borderRadius, DISABLED_OPACITY } from "../styles/tokens.js";
 import { NOT_DISABLED, interactiveWebCss, useInteractiveWebCss } from "../styles/interactive-web-css.js";
 import { mixColor, resolveButtonRamps } from "../button/shared.js";
 
@@ -257,7 +257,7 @@ export function SegmentedControlItem({
     height: geometry.height,
     paddingHorizontal: geometry.paddingHorizontal,
     borderRadius: borderRadius.full,
-    opacity: disabled ? 0.5 : 1,
+    opacity: disabled ? DISABLED_OPACITY : 1,
     '--bloom-segmented-ring': ctx.palette.ring
   };
   const itemContext = useMemo(() => ({

package/lib/module/segmented-control/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useCallback","useContext","useLayoutEffect","useMemo","useRef","useState","Platform","Pressable","View","Animated","Easing","LinearTransition","useTheme","Text","useInteractionState","borderRadius","NOT_DISABLED","interactiveWebCss","useInteractiveWebCss","mixColor","resolveButtonRamps","jsx","_jsx","jsxs","_jsxs","GEOMETRY","small","height","paddingHorizontal","type","medium","large","TRACK_PADDING","SEGMENT_GAP","TRANSITION_MS","IS_WEB","OS","resolveSegmentedPalette","theme","accent","neutral","n","isDark","track","thumb","thumbShadow","selectedText","colors","text","ring","card","STYLE_ID","SEGMENT","SEGMENTED_CSS","selector","varPrefix","base","transition","hover","declarations","outlineOffset","extraRules","InternalContext","SegmentedControl","label","size","variant","value","onChange","children","style","accessibilityHint","palette","selectedPosition","setSelectedPosition","contextValue","selectedValue","onSelectValue","val","position","updatePosition","currPos","width","x","solid","padding","accessibilityLabel","flexDirection","alignItems","alignSelf","gap","full","backgroundColor","role","SegmentedThumb","Provider","InternalItemContext","SegmentedControlItem","onPress","onPressProp","testID","disabled","setPosition","state","hovered","onIn","onHoverIn","onOut","onHoverOut","ctx","Error","active","needsUpdate","updatePositionRef","current","positionRef","itemRole","geometry","itemStyle","flexGrow","justifyContent","opacity","itemContext","onLayout","evt","measuredPosition","nativeEvent","layout","dataSet","bloomSegmentedItem","SegmentedControlItemText","props","control","emphasised","textStyle","textAlign","color","transitionProperty","transitionDuration","transitionTimingFunction","numberOfLines","top","bottom","left","boxShadow","webStyle","transform","translateX","pointerEvents","duration","easing","bezier"],"sourceRoot":"../../../src","sources":["segmented-control/SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createContext","useCallback","useContext","useLayoutEffect","useMemo","useRef","useState","Platform","Pressable","View","Animated","Easing","LinearTransition","useTheme","Text","useInteractionState","borderRadius","DISABLED_OPACITY","NOT_DISABLED","interactiveWebCss","useInteractiveWebCss","mixColor","resolveButtonRamps","jsx","_jsx","jsxs","_jsxs","GEOMETRY","small","height","paddingHorizontal","type","medium","large","TRACK_PADDING","SEGMENT_GAP","TRANSITION_MS","IS_WEB","OS","resolveSegmentedPalette","theme","accent","neutral","n","isDark","track","thumb","thumbShadow","selectedText","colors","text","ring","card","STYLE_ID","SEGMENT","SEGMENTED_CSS","selector","varPrefix","base","transition","hover","declarations","outlineOffset","extraRules","InternalContext","SegmentedControl","label","size","variant","value","onChange","children","style","accessibilityHint","palette","selectedPosition","setSelectedPosition","contextValue","selectedValue","onSelectValue","val","position","updatePosition","currPos","width","x","solid","padding","accessibilityLabel","flexDirection","alignItems","alignSelf","gap","full","backgroundColor","role","SegmentedThumb","Provider","InternalItemContext","SegmentedControlItem","onPress","onPressProp","testID","disabled","setPosition","state","hovered","onIn","onHoverIn","onOut","onHoverOut","ctx","Error","active","needsUpdate","updatePositionRef","current","positionRef","itemRole","geometry","itemStyle","flexGrow","justifyContent","opacity","itemContext","onLayout","evt","measuredPosition","nativeEvent","layout","dataSet","bloomSegmentedItem","SegmentedControlItemText","props","control","emphasised","textStyle","textAlign","color","transitionProperty","transitionDuration","transitionTimingFunction","numberOfLines","top","bottom","left","boxShadow","webStyle","transform","translateX","pointerEvents","duration","easing","bezier"],"sourceRoot":"../../../src","sources":["segmented-control/SegmentedControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/settings-list/SettingsList.js

@@ -3,10 +3,12 @@
 import React, { memo } from 'react';
 import { View, Text, Pressable, StyleSheet } from 'react-native';
 import { useTheme } from "../theme/use-theme.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
 import { useInteractionState } from "../hooks/use-interaction-state.js";
 import { Card } from "../card/index.js";
 import { Divider } from "../divider/index.js";
 import { RiArrowRightSLine as ChevronRightIcon } from "../icons/remix/RiArrowRightSLine.js";
+import { SETTINGS_LIST_GROUP_TEST_ID, settingsGroupSurface } from "./surface.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // ── SettingsListItem ────────────────────────────────────────────
 
@@ -114,9 +116,21 @@ export const SettingsListGroup = /*#__PURE__*/memo(function SettingsListGroup({
   footer,
   children,
   style,
-  variant = 'plain'
+  variant
 }) {
   const theme = useTheme();
+  // Which surface the group paints is a question about its PARENT, and a group
+  // cannot see its parent — so it asks the surrounding surface what colour it
+  // actually painted (`styles/surface-levels.ts`) and resolves off THAT. On the
+  // page that is `colors.card`, exactly what these groups have always painted;
+  // on anything else it is one ladder step off the real fill, which is the only
+  // answer that cannot land on its own parent. `./surface.ts` carries the rule,
+  // the measurements behind it, and why the fill rather than the rung.
+  //
+  // It is a DEFAULT, not a rule: an explicit `variant` wins, for a container
+  // Bloom does not paint and therefore cannot publish a fill for.
+  const ambientFill = useSurfaceFill();
+  const backgroundColor = settingsGroupSurface(theme, ambientFill, variant);
   const filteredChildren = React.Children.toArray(children).filter(Boolean);
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.groupContainer, style],
@@ -126,8 +140,12 @@ export const SettingsListGroup = /*#__PURE__*/memo(function SettingsListGroup({
       }],
       children: title
     }) : null, /*#__PURE__*/_jsx(Card, {
-      variant: variant,
+      variant: variant ?? 'plain',
       radius: "radius-16",
+      style: {
+        backgroundColor
+      },
+      testID: SETTINGS_LIST_GROUP_TEST_ID,
       children: filteredChildren.map((child, index) => /*#__PURE__*/_jsxs(React.Fragment, {
         children: [child, index < filteredChildren.length - 1 ? /*#__PURE__*/_jsx(Divider, {
           style: styles.divider

package/lib/module/settings-list/SettingsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","View","Text","Pressable","StyleSheet","useTheme","useInteractionState","Card","Divider","RiArrowRightSLine","ChevronRightIcon","jsx","_jsx","jsxs","_jsxs","SettingsListItem","icon","title","description","value","rightElement","showChevron","destructive","onPress","disabled","accessibilityLabel","accessibilityHint","accessibilityRole","leftInset","theme","hasChevron","Boolean","titleColor","colors","error","text","pressedOpacity","state","pressed","onIn","onPressIn","onOut","onPressOut","role","label","content","style","styles","itemContainer","undefined","paddingLeft","testID","children","iconContainer","textContainer","color","numberOfLines","textSecondary","size","fill","textTertiary","android_ripple","border","accessibilityState","opacity","SettingsListGroup","footer","variant","filteredChildren","Children","toArray","filter","groupContainer","groupTitle","radius","map","child","index","Fragment","length","divider","groupFooter","SettingsListDivider","inset","marginLeft","create","flexDirection","alignItems","paddingRight","paddingVertical","minHeight","gap","width","height","justifyContent","flex","fontSize","fontWeight","lineHeight","marginBottom","textTransform","letterSpacing","paddingHorizontal","paddingTop","paddingBottom"],"sourceRoot":"../../../src","sources":["settings-list/SettingsList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","View","Text","Pressable","StyleSheet","useTheme","useSurfaceFill","useInteractionState","Card","Divider","RiArrowRightSLine","ChevronRightIcon","SETTINGS_LIST_GROUP_TEST_ID","settingsGroupSurface","jsx","_jsx","jsxs","_jsxs","SettingsListItem","icon","title","description","value","rightElement","showChevron","destructive","onPress","disabled","accessibilityLabel","accessibilityHint","accessibilityRole","leftInset","theme","hasChevron","Boolean","titleColor","colors","error","text","pressedOpacity","state","pressed","onIn","onPressIn","onOut","onPressOut","role","label","content","style","styles","itemContainer","undefined","paddingLeft","testID","children","iconContainer","textContainer","color","numberOfLines","textSecondary","size","fill","textTertiary","android_ripple","border","accessibilityState","opacity","SettingsListGroup","footer","variant","ambientFill","backgroundColor","filteredChildren","Children","toArray","filter","groupContainer","groupTitle","radius","map","child","index","Fragment","length","divider","groupFooter","SettingsListDivider","inset","marginLeft","create","flexDirection","alignItems","paddingRight","paddingVertical","minHeight","gap","width","height","justifyContent","flex","fontSize","fontWeight","lineHeight","marginBottom","textTransform","letterSpacing","paddingHorizontal","paddingTop","paddingBottom"],"sourceRoot":"../../../src","sources":["settings-list/SettingsList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/settings-list/surface.js

@@ -0,0 +1,108 @@
+"use strict";
+
+/**
+ * Which surface a `SettingsListGroup` paints, given the colour actually behind
+ * it. Pure, so the rule can be walked over every preset x mode without rendering
+ * anything: `__tests__/surface-level-adoption.test.ts` does that (it is where
+ * the families that resolve their own surface are measured against the ladder),
+ * and `__tests__/SettingsListGroupSurface.test.tsx` ties the rendered component
+ * to it in both modes.
+ *
+ * The question a group has to answer is about its PARENT, and a group cannot
+ * see its parent. It used to be told, per call site, by a `variant` prop: one
+ * app repeated it at ~75 of them, and a screen that forgot rendered a `card`
+ * group on a `card` panel — present, correct, invisible.
+ *
+ * ## The rule
+ *
+ * The group is a surface ON another surface, so it takes the surface ladder's
+ * own step off the fill the container published (`styles/surface-levels.ts`),
+ * with ONE named exception:
+ *
+ *   on the page   `theme.colors.background` behind it -> `theme.colors.card`
+ *   anywhere else                                     -> `surfaceFillOn(fill)`
+ *
+ * ### Why the page is a special case rather than another step
+ *
+ * Because the palette already has a token for this exact pair, and it is a
+ * stronger answer than the ladder's in dark mode. Measured over all 64 presets:
+ *
+ *   light   `card` on the page  1.101-1.110   the ladder's step  1.101-1.110  (identical:
+ *                                                                 rung 1 IS `card` in light)
+ *   dark    `card` on the page  1.552-1.576   the ladder's step  1.226-1.241
+ *
+ * So in light the two answers coincide and the branch is invisible; in dark,
+ * taking the step would flatten every settings screen in the fleet against its
+ * page for no gain. `theme.colors.card` means "the colour a card paints on the
+ * page", and on the page that is what a group has always painted. This is the
+ * one surface pair the palette has an opinion about — off the page there is no
+ * "card on a panel" token, and the step is the only honest answer.
+ *
+ * ### Why the FILL and not the rung
+ *
+ * The first version of this read `useSurfaceLevelValue() === 0`, which is the
+ * same answer for every container Bloom currently ships — and wrong the moment
+ * one publishes a rung that is not its colour. `ContentPanel` does: repainted
+ * with `surfaceColor={colors.background}` it still publishes level 1, so the
+ * rung says "you are on a card" while the panel is painting the page. Asking
+ * the fill gets `colors.card` there, which is right; asking the rung got
+ * `backgroundSecondary`, which measures 1.121-1.132 against that page in dark.
+ *
+ * ### Why a step and not `backgroundSecondary`
+ *
+ * `backgroundSecondary` is calibrated against `card`, so it works on a
+ * `ContentPanel` (dark 1.378-1.404) and nowhere else. On the menu/popover
+ * surface `FloatingPanel` and `QueuePanel` publish, in DARK, it measures
+ * **1.086-1.106 — failing the ladder's 1.1 just-noticeable floor on 52 of the
+ * 64 presets** and scraping over it on the other 12: the disappearance this
+ * whole design exists to prevent, reappearing one container over. The ladder's
+ * step measures 1.296-1.312 there, on all 64. In LIGHT both clear it
+ * comfortably (1.221-1.230 vs 1.148-1.152), which is why a suite pinned to one
+ * mode cannot see any of this. `surface-level-adoption.test.ts` pins the failing
+ * presets as a named set.
+ *
+ * ### Why `surfaceFillOn` and not `useSurfaceLevel(1)`
+ *
+ * `useSurfaceLevel(1)` CLAMPS at rung 3, so a group inside a rung-3 container
+ * would be handed rung 3 — its parent's own colour, 1.000:1. A step that always
+ * steps cannot do that, and "never lands on my parent" is the one property this
+ * component must not lose.
+ */
+import { surfaceFillOn } from "../styles/surface-levels.js";
+/**
+ * The `testID` on the group's card.
+ *
+ * The group's fill is the whole point of this component and it is invisible to a
+ * structural assertion, so a test has to read the style off the exact node that
+ * carries it. Without a handle, a suite identifies it by elimination — "the one
+ * background that is not the container's" — which degenerates silently the day a
+ * container paints through a `className` instead of an inline style, and then
+ * measures the wrong node while staying green.
+ */
+export const SETTINGS_LIST_GROUP_TEST_ID = 'settings-list-group';
+
+/**
+ * The colour the group's card paints.
+ *
+ * `variant` is the explicit override and wins in both directions — it names one
+ * of `Card`'s two surfaces, for a container Bloom does not paint and therefore
+ * cannot publish a fill for.
+ *
+ * @param ambientFill what `useSurfaceFill()` reports: the colour the surrounding
+ *   surface actually painted.
+ */
+export function settingsGroupSurface(theme, ambientFill, variant) {
+  if (variant === 'filled') return theme.colors.backgroundSecondary;
+  if (variant === 'plain') return theme.colors.card;
+  // A string equality, and deliberately: every Bloom surface publishes a colour
+  // read off the SAME theme object — level 0 resolves to `colors.background`,
+  // `Dialog` and the sheet shell publish it verbatim, a panel repainted as the
+  // page publishes it through `surfaceColor` — so the two are identical by
+  // construction, not by luck. A consumer publishing an equal-but-differently-
+  // spelled colour falls through to the step, which is a legible surface on the
+  // page too — just not the one the palette names. Wrong-but-legible, never
+  // invisible, which is the direction this failure has to fall.
+  if (ambientFill === theme.colors.background) return theme.colors.card;
+  return surfaceFillOn(theme, ambientFill);
+}
+//# sourceMappingURL=surface.js.map

package/lib/module/settings-list/surface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["surfaceFillOn","SETTINGS_LIST_GROUP_TEST_ID","settingsGroupSurface","theme","ambientFill","variant","colors","backgroundSecondary","card","background"],"sourceRoot":"../../../src","sources":["settings-list/surface.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,6BAA0B;AAIxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAG,qBAAqB;;AAEhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAClCC,KAAY,EACZC,WAAmB,EACnBC,OAAkC,EAC1B;EACR,IAAIA,OAAO,KAAK,QAAQ,EAAE,OAAOF,KAAK,CAACG,MAAM,CAACC,mBAAmB;EACjE,IAAIF,OAAO,KAAK,OAAO,EAAE,OAAOF,KAAK,CAACG,MAAM,CAACE,IAAI;EACjD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,IAAIJ,WAAW,KAAKD,KAAK,CAACG,MAAM,CAACG,UAAU,EAAE,OAAON,KAAK,CAACG,MAAM,CAACE,IAAI;EACrE,OAAOR,aAAa,CAACG,KAAK,EAAEC,WAAW,CAAC;AAC1C","ignoreList":[]}

package/lib/module/settings-modal/SettingsFields.js

@@ -3,13 +3,14 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { Platform, Pressable, StyleSheet, View } from 'react-native';
 import { borderRadius } from "../styles/tokens.js";
+import { webDataSet } from "../styles/web-data.js";
 import { Calendar } from "../date-picker/index.js";
 import { RiCalendarLine } from "../icons/remix/index.js";
 import { Popover, PopoverContent, PopoverTrigger } from '../popover';
 import { TextField, TextFieldIcon, TextFieldInput } from "../text-field/index.js";
 import { Text } from "../typography/index.js";
 import { useSettingsPalette, useSettingsSavedToast } from "./context.js";
-import { useSettingsWebCss, webData } from "./web-css.js";
+import { useSettingsWebCss } from "./web-css.js";
 
 /**
  * The Profile page's editable controls.
@@ -115,7 +116,7 @@ export function SettingsDateField({
       children: /*#__PURE__*/_jsxs(Pressable, {
         role: "button",
         accessibilityLabel: `${label}, ${text}`,
-        ...webData({
+        ...webDataSet({
           bloomSettingsPress: ''
         }),
         onHoverIn: () => setHovered(true),