@cosxai/ui 1.0.0-alpha.12 → 1.0.0-alpha.13

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
+ ## 1.0.0-alpha.13 (2026-10-04)
2
+
3
+ - BottomSheet: the scrolling list reaches the sheet's sides (its padding
4
+ is the sheet's) and never pans sideways — a row bleeding to the edges
5
+ with `-mx-4` made it scroll 32px sideways and showed a scrollbar.
6
+
1
7
  ## 1.0.0-alpha.12 (2026-10-04)
2
8
 
3
9
  From the Metaroom app (Motion & Native Feel §04, Account):
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cosxai/ui",
3
- "version": "1.0.0-alpha.12",
3
+ "version": "1.0.0-alpha.13",
4
4
  "description": "COSX Design System 3.0 \u2014 tokens, Tailwind v4 theme and React components",
5
5
  "license": "UNLICENSED",
6
6
  "type": "module",
@@ -236,7 +236,9 @@ export function BottomSheet({
236
236
  {description && <DialogPrimitive.Description className="m-0 px-1 pb-2 text-small text-fg-secondary">{description}</DialogPrimitive.Description>}
237
237
  </div>
238
238
  <div
239
- className={cn('flex min-h-0 flex-1 flex-col gap-0.5', two && !full ? 'overflow-hidden' : 'overflow-y-auto overscroll-contain')}
239
+ // Edge to edge (its padding is the sheet's): a row that bleeds
240
+ // to the sheet's sides with -mx-4 fits, and it never pans sideways
241
+ className={cn('-mx-4 flex min-h-0 flex-1 flex-col gap-0.5 px-4', two && !full ? 'overflow-hidden' : 'overflow-x-hidden overflow-y-auto overscroll-contain')}
240
242
  // At half height, a pull up on the list lifts the sheet first
241
243
  onWheel={(e) => two && !full && e.deltaY > 0 && setFull(true)}
242
244
  onTouchMove={() => two && !full && setFull(true)}