@multiplatform.one/components 7.11.0 → 7.16.0

package/dist/jsx/views/matrixMath.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","matrixMath_exports","alignMatrixRange","bucketName","bucketStart","computeMatrixRange","generateBuckets","localDateKey","matrixCellIntensity","matrixCellKey","matrixMaxValue","nextBucketStart","summarizeMatrixCells","module","exports","import_theme","require","import_ganttMath","date","y","getFullYear","m","String","getMonth","padStart","d","getDate","rule","firstDayOfWeek","arguments","length","startOfDay","startOfWeek","startOfMonth","start","addDays","Date","range","lastIncluded","end","lastDay","getTime","dates","today","min","max","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","err","return","lo","hi","formatAbsoluteDate","year","formatMonthYear","aligned","majors","generateTicks","filter","tick","major","map","index","_ref","_tick_label"],"sources":["../../../src/views/matrixMath.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/components",
-  "version": "7.11.0",
+  "version": "7.16.0",
   "description": "multiplatform.one ui components",
   "keywords": [
     "components",
@@ -15,7 +15,7 @@
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
-    "url": "git+https://gitlab.com/bitspur/frappe/multiplatform.one.git",
+    "url": "git+https://git.corp.bitspur.com/multiplatform.one/mpo.git",
     "directory": "public/components"
   },
   "source": "src/index.ts",
@@ -57,11 +57,11 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.19",
-    "@multiplatform.one/forms": "7.11.0",
-    "@multiplatform.one/i18n": "7.11.0",
-    "@multiplatform.one/platform": "7.11.0",
-    "@multiplatform.one/router": "7.11.0",
-    "@multiplatform.one/theme": "7.11.0",
+    "@multiplatform.one/forms": "7.16.0",
+    "@multiplatform.one/i18n": "7.16.0",
+    "@multiplatform.one/platform": "7.16.0",
+    "@multiplatform.one/router": "7.16.0",
+    "@multiplatform.one/theme": "7.16.0",
     "@phosphor-icons/react": "^2.1.10",
     "@shopify/flash-list": "^2.3.1",
     "@tamagui/core": "2.7.6",
@@ -84,9 +84,9 @@
     "tamagui": "2.7.6"
   },
   "devDependencies": {
-    "@multiplatform.one/config": "7.11.0",
-    "@multiplatform.one/storybook": "7.11.0",
-    "@multiplatform.one/test-utils": "7.11.0",
+    "@multiplatform.one/config": "7.16.0",
+    "@multiplatform.one/storybook": "7.16.0",
+    "@multiplatform.one/test-utils": "7.16.0",
     "@tamagui/build": "2.7.6",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",

package/src/Accordion/Accordion.spec.tsx

@@ -245,4 +245,24 @@ describe("Accordion density — pad and gap move, control height holds (LC-76)",
     expect(atoms(compactTrigger, gap)).not.toEqual(comfortableMeasure.gap);
     expect(atoms(compactTrigger, height)).toEqual(comfortableMeasure.height);
   });
+  it("survives the animation knob flipping live from none to bouncy (MPO-327)", () => {
+    const Flip = ({ animation }: { animation: "none" | "bouncy" }) => (
+      <Preset overrides={{ animation }}>
+        <Accordion defaultValue="a">
+          <Accordion.Item value="a">
+            <Accordion.Trigger>Section A</Accordion.Trigger>
+            <Accordion.Content>
+              <Text>Content A</Text>
+            </Accordion.Content>
+          </Accordion.Item>
+        </Accordion>
+      </Preset>
+    );
+    const { container, rerender } = renderWithProviders(<Flip animation="none" />);
+    expect(container.textContent).toContain("Content A");
+
+    expect(() => rerender(<Flip animation="bouncy" />)).not.toThrow();
+    expect(container.textContent).toContain("Content A");
+    expect(getTriggers(container)[0].getAttribute("aria-expanded")).toBe("true");
+  });
 });

package/src/Accordion/index.tsx

@@ -15,6 +15,7 @@ import {
   useResolvedKnobs,
   wasKeyboardFocus,
   type GroupPosition,
+  transitionProps,
 } from "@multiplatform.one/theme";
 import type { ReactNode } from "react";
 import {
@@ -254,7 +255,7 @@ function Chevron({
       rotate={open ? "180deg" : "0deg"}
       aria-hidden
       pointerEvents="none"
-      {...(transition ? { transition } : {})}
+      {...transitionProps(transition)}
     >
       <ThemedCaretDown color={color} size={size} />
     </View>
@@ -550,13 +551,16 @@ const AccordionTrigger = forwardRef<TamaguiElement, AccordionTriggerProps>(
                 },
               }
             : { onFocus, onBlur })}
-          {...(knobProps.transition ? { transition: knobProps.transition } : {})}
+          {...transitionProps(knobProps.transition)}
           {...props}
         >
           <Chevron
             open={item.open}
             size={chevronPx}
-            color={(item.disabled ? disabledState.textKnobProps.color : knobProps.textAccentColor) ?? knobProps.textAccentColor}
+            color={
+              (item.disabled ? disabledState.textKnobProps.color : knobProps.textAccentColor) ??
+              knobProps.textAccentColor
+            }
             transition={knobProps.transition}
           />
           {icon ? (

package/src/AnimateHeight/index.tsx

@@ -1,5 +1,5 @@
 import { isWeb } from "@multiplatform.one/platform";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { transitionProps, useResolvedKnobs } from "@multiplatform.one/theme";
 import type { ReactNode } from "react";
 import { forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import type { LayoutChangeEvent } from "react-native";
@@ -77,163 +77,164 @@ export function settleMs(transition: TransitionProp | undefined): number {
   return (ms ?? 600) + 80;
 }
 
-const WebAnimateHeight = forwardRef<TamaguiElement, AnimateHeightProps>(
-  function AnimateHeight({ open, children, transition: transitionProp, ...props }, ref) {
-    const { knobProps } = useResolvedKnobs();
-    // knob transition is undefined under reduced motion / animation="none"
-    const transition = transitionProp ?? knobProps.transition;
-    const collapsible = open !== undefined;
+const WebAnimateHeight = forwardRef<TamaguiElement, AnimateHeightProps>(function AnimateHeight(
+  { open, children, transition: transitionProp, ...props },
+  ref,
+) {
+  const { knobProps } = useResolvedKnobs();
+  // knob transition is undefined under reduced motion / animation="none"
+  const transition = transitionProp ?? knobProps.transition;
+  const collapsible = open !== undefined;
 
-    // null = natural (auto) height: initial open/follower render before the
-    // first measurement, so there is never a flash of collapsed content.
-    const [displayHeight, setDisplayHeight] = useState<number | null>(
-      collapsible && !open ? 0 : null,
-    );
-    // Children stay mounted through the exit tween, then unmount at rest.
-    const [exiting, setExiting] = useState(false);
-    const [prevOpen, setPrevOpen] = useState(open);
+  // null = natural (auto) height: initial open/follower render before the
+  // first measurement, so there is never a flash of collapsed content.
+  const [displayHeight, setDisplayHeight] = useState<number | null>(
+    collapsible && !open ? 0 : null,
+  );
+  // Children stay mounted through the exit tween, then unmount at rest.
+  const [exiting, setExiting] = useState(false);
+  const [prevOpen, setPrevOpen] = useState(open);
 
-    const measuredRef = useRef<number | null>(null);
-    // Set on closed → open: hold height 0 until the first measurement so the
-    // expand tweens 0 → px instead of snapping to auto.
-    const openingRef = useRef(false);
-    const unmountTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-    const rafRef = useRef<number | null>(null);
-    const innerRef = useRef<TamaguiElement | null>(null);
+  const measuredRef = useRef<number | null>(null);
+  // Set on closed → open: hold height 0 until the first measurement so the
+  // expand tweens 0 → px instead of snapping to auto.
+  const openingRef = useRef(false);
+  const unmountTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const rafRef = useRef<number | null>(null);
+  const innerRef = useRef<TamaguiElement | null>(null);
 
-    // Adjust state during render (React's usePrevious pattern) so children
-    // mount in the SAME commit `open` flips true, and stay mounted for the
-    // exit tween when it flips false.
-    if (collapsible && open !== prevOpen) {
-      setPrevOpen(open);
-      if (open) {
-        // Hold at 0 until measurement only when children were unmounted (at
-        // rest). Re-opening mid-exit keeps the existing measurement — the
-        // observer will not re-fire for unchanged content — so the effect
-        // below retargets it directly and the tween reverses in place.
-        openingRef.current = !exiting;
-        if (exiting) setExiting(false);
-      } else {
-        openingRef.current = false;
-        setExiting(true);
-      }
+  // Adjust state during render (React's usePrevious pattern) so children
+  // mount in the SAME commit `open` flips true, and stay mounted for the
+  // exit tween when it flips false.
+  if (collapsible && open !== prevOpen) {
+    setPrevOpen(open);
+    if (open) {
+      // Hold at 0 until measurement only when children were unmounted (at
+      // rest). Re-opening mid-exit keeps the existing measurement — the
+      // observer will not re-fire for unchanged content — so the effect
+      // below retargets it directly and the tween reverses in place.
+      openingRef.current = !exiting;
+      if (exiting) setExiting(false);
+    } else {
+      openingRef.current = false;
+      setExiting(true);
     }
+  }
 
-    const shouldRenderChildren = !collapsible || open || exiting;
-    const atRestClosed = collapsible && !open && !exiting;
+  const shouldRenderChildren = !collapsible || open || exiting;
+  const atRestClosed = collapsible && !open && !exiting;
 
-    const clearPending = useCallback(() => {
-      if (unmountTimerRef.current != null) {
-        clearTimeout(unmountTimerRef.current);
-        unmountTimerRef.current = null;
-      }
-      if (rafRef.current != null && typeof cancelAnimationFrame === "function") {
-        cancelAnimationFrame(rafRef.current);
-        rafRef.current = null;
-      }
-    }, []);
+  const clearPending = useCallback(() => {
+    if (unmountTimerRef.current != null) {
+      clearTimeout(unmountTimerRef.current);
+      unmountTimerRef.current = null;
+    }
+    if (rafRef.current != null && typeof cancelAnimationFrame === "function") {
+      cancelAnimationFrame(rafRef.current);
+      rafRef.current = null;
+    }
+  }, []);
 
-    const handleMeasured = useCallback(
-      (height: number) => {
-        measuredRef.current = height;
-        // Closing (or closed): the target stays 0 — ignore content measures.
-        if (collapsible && !open) return;
-        if (openingRef.current) {
-          openingRef.current = false;
-          // Double rAF: guarantee the browser paints the height-0 frame
-          // before the target lands, or the 0 → px tween never runs.
+  const handleMeasured = useCallback(
+    (height: number) => {
+      measuredRef.current = height;
+      // Closing (or closed): the target stays 0 — ignore content measures.
+      if (collapsible && !open) return;
+      if (openingRef.current) {
+        openingRef.current = false;
+        // Double rAF: guarantee the browser paints the height-0 frame
+        // before the target lands, or the 0 → px tween never runs.
+        rafRef.current = requestAnimationFrame(() => {
           rafRef.current = requestAnimationFrame(() => {
-            rafRef.current = requestAnimationFrame(() => {
-              rafRef.current = null;
-              setDisplayHeight(height);
-            });
+            rafRef.current = null;
+            setDisplayHeight(height);
           });
-          return;
-        }
-        setDisplayHeight(height);
-      },
-      [collapsible, open],
-    );
-    const handleMeasuredRef = useRef(handleMeasured);
-    handleMeasuredRef.current = handleMeasured;
-    const transitionRef = useRef(transition);
-    transitionRef.current = transition;
+        });
+        return;
+      }
+      setDisplayHeight(height);
+    },
+    [collapsible, open],
+  );
+  const handleMeasuredRef = useRef(handleMeasured);
+  handleMeasuredRef.current = handleMeasured;
+  const transitionRef = useRef(transition);
+  transitionRef.current = transition;
 
-    // Web: ResizeObserver on the content wrapper — fires on observe (initial
-    // measure) and on any intrinsic size change while mounted.
-    useLayoutEffect(() => {
-      if (!isWeb || !shouldRenderChildren) return;
-      const node = innerRef.current as unknown as HTMLElement | null;
-      if (!node || typeof ResizeObserver === "undefined") return;
-      const observer = new ResizeObserver(() => {
-        // getBoundingClientRect keeps fractional text heights exact.
-        handleMeasuredRef.current(node.getBoundingClientRect().height);
-      });
-      observer.observe(node);
-      return () => observer.disconnect();
-    }, [shouldRenderChildren]);
+  // Web: ResizeObserver on the content wrapper — fires on observe (initial
+  // measure) and on any intrinsic size change while mounted.
+  useLayoutEffect(() => {
+    if (!isWeb || !shouldRenderChildren) return;
+    const node = innerRef.current as unknown as HTMLElement | null;
+    if (!node || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(() => {
+      // getBoundingClientRect keeps fractional text heights exact.
+      handleMeasuredRef.current(node.getBoundingClientRect().height);
+    });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [shouldRenderChildren]);
 
-    // Native: onLayout on the content wrapper is the measurement source.
-    const onInnerLayout = useCallback((event: LayoutChangeEvent) => {
-      handleMeasuredRef.current(event.nativeEvent.layout.height);
-    }, []);
+  // Native: onLayout on the content wrapper is the measurement source.
+  const onInnerLayout = useCallback((event: LayoutChangeEvent) => {
+    handleMeasuredRef.current(event.nativeEvent.layout.height);
+  }, []);
 
-    // Drive the open/close targets after commit.
-    useEffect(() => {
-      if (!collapsible) return;
-      clearPending();
-      if (open) {
-        // Opening from closed holds 0 until measurement (openingRef); if a
-        // measurement already exists (close interrupted mid-tween), retarget
-        // it immediately so the tween reverses from wherever it is.
-        if (!openingRef.current && measuredRef.current != null) {
-          setDisplayHeight(measuredRef.current);
-        }
-        return;
+  // Drive the open/close targets after commit.
+  useEffect(() => {
+    if (!collapsible) return;
+    clearPending();
+    if (open) {
+      // Opening from closed holds 0 until measurement (openingRef); if a
+      // measurement already exists (close interrupted mid-tween), retarget
+      // it immediately so the tween reverses from wherever it is.
+      if (!openingRef.current && measuredRef.current != null) {
+        setDisplayHeight(measuredRef.current);
       }
-      // Closing: tween px → 0, then unmount at rest. When nothing can tween
-      // (no transition token — reduced motion — or no real measurement, as in
-      // non-layout test environments), finalize immediately. The transition is
-      // read through a ref at close time only — mid-tween knob changes should
-      // not restart the exit timer.
-      setDisplayHeight(0);
-      const closeTransition = transitionRef.current;
-      const canTween = Boolean(closeTransition) && (measuredRef.current ?? 0) > 0;
-      if (canTween) {
-        unmountTimerRef.current = setTimeout(() => {
-          unmountTimerRef.current = null;
-          setExiting(false);
-        }, settleMs(closeTransition));
-      } else {
+      return;
+    }
+    // Closing: tween px → 0, then unmount at rest. When nothing can tween
+    // (no transition token — reduced motion — or no real measurement, as in
+    // non-layout test environments), finalize immediately. The transition is
+    // read through a ref at close time only — mid-tween knob changes should
+    // not restart the exit timer.
+    setDisplayHeight(0);
+    const closeTransition = transitionRef.current;
+    const canTween = Boolean(closeTransition) && (measuredRef.current ?? 0) > 0;
+    if (canTween) {
+      unmountTimerRef.current = setTimeout(() => {
+        unmountTimerRef.current = null;
         setExiting(false);
-      }
-    }, [collapsible, open, clearPending]);
+      }, settleMs(closeTransition));
+    } else {
+      setExiting(false);
+    }
+  }, [collapsible, open, clearPending]);
 
-    useEffect(() => clearPending, [clearPending]);
+  useEffect(() => clearPending, [clearPending]);
 
-    return (
-      <View
-        ref={ref}
-        overflow="hidden"
-        {...(displayHeight != null ? { height: displayHeight } : {})}
-        {...(atRestClosed ? { display: "none" as const } : {})}
-        {...(transition ? { transition } : {})}
-        {...props}
-      >
-        {shouldRenderChildren ? (
-          <View
-            ref={innerRef}
-            // keep natural height inside the clipped, height-driven outer
-            flexShrink={0}
-            {...(!isWeb ? { onLayout: onInnerLayout } : {})}
-          >
-            {children}
-          </View>
-        ) : null}
-      </View>
-    );
-  },
-);
+  return (
+    <View
+      ref={ref}
+      overflow="hidden"
+      {...(displayHeight != null ? { height: displayHeight } : {})}
+      {...(atRestClosed ? { display: "none" as const } : {})}
+      {...transitionProps(transition)}
+      {...props}
+    >
+      {shouldRenderChildren ? (
+        <View
+          ref={innerRef}
+          // keep natural height inside the clipped, height-driven outer
+          flexShrink={0}
+          {...(!isWeb ? { onLayout: onInnerLayout } : {})}
+        >
+          {children}
+        </View>
+      ) : null}
+    </View>
+  );
+});
 
 /** Native layout has no height tween, so measurement must not gate visibility. */
 const NativeAnimateHeight = forwardRef<TamaguiElement, AnimateHeightProps>(

package/src/Carousel/index.tsx

@@ -19,8 +19,9 @@ import {
   useResolvedKnobs,
 } from "@multiplatform.one/theme";
 import type { GetProps, ScrollView as TamaguiScrollView } from "tamagui";
-import { View, XStack, ScrollView, getTokens, isWeb, styled } from "tamagui";
+import { View, XStack, getTokens, isWeb, styled } from "tamagui";
 import { DotIndicator } from "../DotIndicator";
+import { ScrollView } from "../ScrollView";
 import { useDirection } from "../hooks/useDirection";
 import { withInterp } from "../shared/t";
 

package/src/Chip/Chip.borderLadder.spec.tsx

@@ -0,0 +1,54 @@
+/**
+ * MPO-134: the story-backed Chip (`Components/Chip`) spreads the resolver's
+ * borderWidth as-is. knob-laws used to describe the frame as an ignore pinned
+ * at 1, and the sweep measured 1 / 1 / 1 / 2 while a local `Math.max(…, 1)`
+ * floor was in place; that floor went with 5056bce23, so the real ladder is
+ * the resolver's, and the box moves with it. This pins the declared edge at
+ * every stop so the doc row cannot drift from the component again.
+ *
+ * Assertions read the atomic border-width class the FRAME emits.
+ */
+
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Preset } from "@multiplatform.one/theme";
+import { cleanup } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { Chip } from "./index";
+
+afterEach(cleanup);
+
+const STOPS = ["none", "small", "medium", "large"] as const;
+
+function renderAt(stop: (typeof STOPS)[number], outlined = false): string[] {
+  const result = renderWithProviders(
+    <Preset overrides={{ fillStyle: outlined ? "outlined" : "filled", borderWidth: stop }}>
+      <Chip variant="outlined" onPress={() => {}}>
+        Fire
+      </Chip>
+    </Preset>,
+  );
+  const frame = result.container.querySelector("[data-chip]") as HTMLElement;
+  const atoms = String(frame.className || "")
+    .split(/\s+/)
+    .filter((c) => c.startsWith("_btw-"))
+    .sort();
+  cleanup();
+  return atoms;
+}
+
+describe("Chip borderWidth ladder (MPO-134)", () => {
+  it("the frame honours the resolver's edge: 0 / 0.5 / 1 / 2", () => {
+    expect(renderAt("none")).toEqual(["_btw-0px"]);
+    expect(renderAt("small")).toEqual(["_btw-0--5px"]);
+    expect(renderAt("medium")).toEqual(["_btw-1px"]);
+    expect(renderAt("large")).toEqual(["_btw-2px"]);
+  });
+
+  it("medium and large differ, so the chip box moves with the stop", () => {
+    expect(renderAt("medium")).not.toEqual(renderAt("large"));
+  });
+
+  it("none under fillStyle:outlined is the resolver's hairline, not a local floor", () => {
+    expect(renderAt("none", true)).toEqual(["_btw-0--5px"]);
+  });
+});

package/src/Chip/Chip.pressSlop.spec.tsx

@@ -0,0 +1,57 @@
+/**
+ * MPO-134 K12: the pressable Chip body takes the press-slop channel on the
+ * vertical axis only, pitch-limited so a wrapped chip row's target never
+ * reaches the next row's (LC-54). Rows wrap at `$2` = 7px, so each row may
+ * reach 3px past its painted box; the channel's pseudo-element sits on the
+ * padding box, so the outset carries the frame's border width on top.
+ */
+
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Preset } from "@multiplatform.one/theme";
+import { cleanup } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { Chip } from "./index";
+
+afterEach(cleanup);
+
+type Stop = "none" | "small" | "medium" | "large";
+
+function frameAt(
+  borderWidth: Stop,
+  props: { onPress?: () => void; disabled?: boolean } = { onPress: () => {} },
+) {
+  const result = renderWithProviders(
+    <Preset overrides={{ borderWidth }}>
+      <Chip variant="outlined" {...props}>
+        Fire
+      </Chip>
+    </Preset>,
+  );
+  return result.container.querySelector("[data-chip]") as HTMLElement;
+}
+
+describe("Chip pressable body slop (MPO-134, K12)", () => {
+  it("reaches half the chip-row gap past the painted box, vertically only", () => {
+    const frame = frameAt("none");
+    expect(frame.getAttribute("role")).toBe("button");
+    expect(frame.getAttribute("data-mp-press-slop")).toBe("3");
+    expect(frame.getAttribute("data-mp-press-axis")).toBe("vertical");
+  });
+
+  it("adds the frame's border back, so the reach past the box is the same at every stop", () => {
+    expect(frameAt("small").getAttribute("data-mp-press-slop")).toBe("4");
+    expect(frameAt("medium").getAttribute("data-mp-press-slop")).toBe("4");
+    expect(frameAt("large").getAttribute("data-mp-press-slop")).toBe("5");
+  });
+
+  it("a chip with no press handler has no target, so no slop", () => {
+    const frame = frameAt("medium", {});
+    expect(frame.getAttribute("role")).toBeNull();
+    expect(frame.getAttribute("data-mp-press-slop")).toBeNull();
+  });
+
+  it("a disabled chip gates its target and drops the slop", () => {
+    const frame = frameAt("medium", { onPress: () => {}, disabled: true });
+    expect(frame.getAttribute("data-mp-press-slop")).toBeNull();
+  });
+});

package/src/Chip/Chip.spec.tsx

@@ -199,21 +199,26 @@ describe("Chip", () => {
     ).toEqual(["_btlr-t-radius-12"]);
   });
 
-  it("dismiss is R-BINARY: square at none, round at every other stop", () => {
-    const none = renderWithProviders(
-      <Preset overrides={{ borderRadius: "none" }}>
-        <Chip onDismiss={() => {}}>None</Chip>
-      </Preset>,
-    );
-    const noneDismiss = none.container.querySelector("[aria-label='Remove']") as HTMLElement;
-    expect(noneDismiss.className).toMatch(/_btlr-0px\b/);
-
-    const full = renderWithProviders(
-      <Preset overrides={{ borderRadius: "full" }}>
-        <Chip onDismiss={() => {}}>Full</Chip>
-      </Preset>,
-    );
-    const fullDismiss = full.container.querySelector("[aria-label='Remove']") as HTMLElement;
-    expect(fullDismiss.className).toMatch(/_btlr-1000px\b/);
+  it("dismiss is CIRCULAR-AT-FULL: the token below full, a circle at full (DG-RAD-02)", () => {
+    const radiusAt = (borderRadius: "none" | "small" | "medium" | "full") => {
+      const result = renderWithProviders(
+        <Preset overrides={{ borderRadius }}>
+          <Chip onDismiss={() => {}}>Dismiss</Chip>
+        </Preset>,
+      );
+      const button = result.container.querySelector("[aria-label='Remove']") as HTMLElement;
+      const ring = button.querySelector(".mp-chip-dismiss-ring") as HTMLElement;
+      const atoms = [button, ring].map((el) =>
+        String(el.className)
+          .split(" ")
+          .filter((c) => c.startsWith("_btlr-")),
+      );
+      result.unmount();
+      return atoms;
+    };
+    expect(radiusAt("none")).toEqual([["_btlr-0px"], ["_btlr-0px"]]);
+    expect(radiusAt("small")).toEqual([["_btlr-5px"], ["_btlr-5px"]]);
+    expect(radiusAt("medium")).toEqual([["_btlr-9px"], ["_btlr-9px"]]);
+    expect(radiusAt("full")).toEqual([["_btlr-1000px"], ["_btlr-1000px"]]);
   });
 });