@botiverse/raft-ui 0.52.1 → 0.52.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## [0.52.2](https://github.com/botiverse/raft-design/compare/v0.52.1...v0.52.2) (2026-10-29)
2
+
3
+ ### Fixed
4
+
5
+ - **A Badge rendered as a button keeps a 44px touch target:** on a touch screen its transparent hit area reaches 44px (and at least the badge's width) through CSS anchor positioning, so the badge's own clip doesn't cut it. The look, long-label truncation and desktop are unchanged; browsers without `anchor-scope` keep today's behaviour. A badge the consumer positions (`relative`) gets no extension. ([#892](https://github.com/botiverse/raft-design/pull/892))
6
+
1
7
  ## [0.52.1](https://github.com/botiverse/raft-design/compare/v0.52.0...v0.52.1) (2026-10-29)
2
8
 
3
9
  ### Fixed
@@ -10,7 +10,10 @@ const badge = tv({
10
10
  "transition-[filter,opacity] duration-100",
11
11
  "[&_svg]:size-3.5 [&_svg]:shrink-0 [&_[data-slot='spinner']]:size-3 [&_[data-slot='spinner']]:text-xs",
12
12
  "*:data-[slot=status]:lead-dot",
13
- "disabled:cursor-not-allowed disabled:bg-fill-muted disabled:text-foreground-disabled disabled:opacity-100 disabled:inset-ring-0"
13
+ "disabled:cursor-not-allowed disabled:bg-fill-muted disabled:text-foreground-disabled disabled:opacity-100 disabled:inset-ring-0",
14
+ "supports-[anchor-scope:all]:pointer-coarse:enabled:[anchor-name:--badge] supports-[anchor-scope:all]:pointer-coarse:enabled:[anchor-scope:--badge]",
15
+ "supports-[anchor-scope:all]:pointer-coarse:enabled:after:absolute supports-[anchor-scope:all]:pointer-coarse:enabled:after:content-[''] supports-[anchor-scope:all]:pointer-coarse:enabled:after:[position-anchor:--badge]",
16
+ "supports-[anchor-scope:all]:pointer-coarse:enabled:after:inset-y-[calc(anchor(center)-22px)] supports-[anchor-scope:all]:pointer-coarse:enabled:after:inset-x-[min(anchor(inside),anchor(center)-22px)]"
14
17
  ] },
15
18
  variants: {
16
19
  appearance: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@botiverse/raft-ui",
3
- "version": "0.52.1",
3
+ "version": "0.52.2",
4
4
  "description": "React components and CSS foundations for the Raft Design System.",
5
5
  "keywords": [
6
6
  "agent-skills",