@danxbot/ui 20.7.0 → 20.8.0

package/dist/types/components/Attention.d.ts

@@ -7,9 +7,14 @@ export interface AttentionProps<E extends AttentionEffects = AttentionEffects> e
     /** What to draw the eye to. Rendered untouched; its box is the box the effect hugs. */
     children: ReactNode;
     /**
-     * The shape of the effect, which should match the child's own corners:
-     * `circle` (a circular icon button), `pill`, `rounded` (the library's large
-     * radius), `square`, or `inherit` to MEASURE the child's own border-radius.
+     * The shape of the control AND of its effect (DX-4504): `circle` (a circular
+     * icon button), `pill`, `rounded` (the library's large radius) or `square`
+     * re-cut the wrapped control's own corners (its border-radius, with an
+     * `!important` that beats a `rounded-md` utility), so there is never a square
+     * button inside a circular effect. Only the corners change: the box, hit area
+     * and layout stay the control's own. `circle` is 50%, so it is a circle on a
+     * square control and an ellipse on any other: use `pill` there. `inherit`
+     * leaves the control alone and MEASURES its own border-radius for the effect.
      *
      * @default "inherit"
      */
@@ -39,6 +44,11 @@ export interface AttentionProps<E extends AttentionEffects = AttentionEffects> e
      * (`true`), or let them grow out past its edge (`false`). Only `ripple` has
      * circles to clip; every other effect ignores it.
      *
+     * The circles paint BEHIND the control's content, so a contained ripple
+     * shows on a transparent control (a ghost or outline button, a card with no
+     * background) and is hidden by a solid background. On a solid control use
+     * `contain={false}`: the circles then grow out past its edge, where they show.
+     *
      * @default true
      */
     contain?: boolean;

package/dist/types/components/rbac/DevToolsPopover.d.ts

@@ -15,5 +15,12 @@ export interface DevToolsPopoverProps {
      * have nothing to do with the sim layer.
      */
     showSimControls?: boolean;
+    /**
+     * Renders the trigger as a square wrench-only button with no "Dev tools"
+     * label, the same mode as `ThemeMenu.iconOnly` (whose doc explains why it is
+     * a mode and not a class). The accessible name stays
+     * `aria-label="Developer tools"` either way.
+     */
+    iconOnly?: boolean;
 }
-export declare function DevToolsPopover({ onOpenUseCaseLedger, showSimControls }?: DevToolsPopoverProps): import("react").JSX.Element | null;
+export declare function DevToolsPopover({ onOpenUseCaseLedger, showSimControls, iconOnly, }?: DevToolsPopoverProps): import("react").JSX.Element | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danxbot/ui",
-  "version": "20.7.0",
+  "version": "20.8.0",
   "type": "module",
   "description": "Danxbot — a domain-agnostic React design system with motion as a first-class primitive.",
   "license": "MIT",