@hybridcore/ui 1.6.30 → 1.6.32

package/dist/components/paginated-list/styled.js

@@ -1,4 +1,4 @@
-import { styled as a, Paper as o, Box as e, List as s, Button as d, Typography as i } from "@mui/material";
+import { styled as a, Paper as o, Box as e, List as s, Button as d, Typography as n } from "@mui/material";
 const g = a(o, {
   name: "HCPaginatedList",
   slot: "Root"
@@ -6,7 +6,7 @@ const g = a(o, {
   display: "flex",
   flexDirection: "column",
   height: "100%"
-})), c = a(e, {
+})), p = a(e, {
   name: "HCPaginatedList",
   slot: "Header"
 })(({ theme: t }) => ({
@@ -18,7 +18,7 @@ const g = a(o, {
   alignItems: "center",
   justifyContent: "space-between",
   gap: t.spacing(1)
-})), p = a(e, {
+})), c = a(e, {
   name: "HCPaginatedList",
   slot: "Content"
 })(() => ({
@@ -59,12 +59,12 @@ const g = a(o, {
   name: "HCPaginatedList",
   slot: "CardRail",
   shouldForwardProp: (t) => t !== "grid"
-})(({ theme: t, grid: n }) => ({
+})(({ theme: t, grid: i }) => ({
   minHeight: 0,
   display: "flex",
   alignItems: "stretch",
   gap: t.spacing(2),
-  ...n ? {
+  ...i ? {
     // Wraps and lets the *page* scroll. No `overflow` here on purpose: the rail
     // has no bounded height, so `auto` would produce no scrollbar and leave the
     // sentinel permanently in view, pulling page after page.
@@ -73,12 +73,20 @@ const g = a(o, {
     alignContent: "flex-start"
   } : {
     flex: "0 0 auto",
-    overflow: "hidden"
+    overflow: "hidden",
+    [t.breakpoints.down("md")]: {
+      overflowX: "auto",
+      overflowY: "hidden",
+      scrollSnapType: "x mandatory",
+      scrollbarWidth: "none",
+      "&::-webkit-scrollbar": { display: "none" }
+    }
   }
 })), P = a(e, {
   name: "HCPaginatedList",
-  slot: "Card"
-})(({ theme: t }) => ({
+  slot: "Card",
+  shouldForwardProp: (t) => t !== "grid"
+})(({ theme: t, grid: i }) => ({
   // Equal shares of the row: the rail does not scroll, so cards divide the width
   // rather than spilling out of it. `flex-basis: 0` stops a long title widening its
   // card; the grid overrides the basis so cards wrap instead of shrinking to slivers.
@@ -93,7 +101,16 @@ const g = a(o, {
   padding: t.spacing(2),
   borderRadius: t.shape.borderRadius,
   backgroundColor: t.palette.background.paper,
-  overflow: "hidden"
+  overflow: "hidden",
+  ...i ? {} : {
+    [t.breakpoints.down("md")]: {
+      flex: "0 0 42%",
+      scrollSnapAlign: "start"
+    },
+    [t.breakpoints.down("sm")]: {
+      flex: "0 0 78%"
+    }
+  }
 })), m = a(e, {
   name: "HCPaginatedList",
   slot: "CardHeader"
@@ -101,7 +118,7 @@ const g = a(o, {
   display: "flex",
   alignItems: "flex-start",
   gap: t.spacing(1)
-})), H = a(e, {
+})), u = a(e, {
   name: "HCPaginatedList",
   slot: "CardIcon"
 })(() => ({
@@ -109,7 +126,7 @@ const g = a(o, {
   display: "flex",
   alignItems: "center",
   justifyContent: "center"
-})), u = a(i, {
+})), H = a(n, {
   name: "HCPaginatedList",
   slot: "CardTitle"
 })(() => ({
@@ -118,7 +135,7 @@ const g = a(o, {
   WebkitBoxOrient: "vertical",
   WebkitLineClamp: 3,
   overflow: "hidden"
-})), y = a(i, {
+})), y = a(n, {
   name: "HCPaginatedList",
   slot: "CardDescription"
 })(({ theme: t }) => ({
@@ -147,7 +164,7 @@ const g = a(o, {
   alignItems: "center",
   justifyContent: "space-between",
   gap: 8
-})), w = a(i, {
+})), w = a(n, {
   name: "HCPaginatedList",
   slot: "CardMeta"
 })(({ theme: t }) => ({
@@ -176,12 +193,12 @@ export {
   y as PaginatedListCardDescription,
   b as PaginatedListCardFooter,
   m as PaginatedListCardHeader,
-  H as PaginatedListCardIcon,
+  u as PaginatedListCardIcon,
   w as PaginatedListCardMeta,
   L as PaginatedListCardRail,
-  u as PaginatedListCardTitle,
-  p as PaginatedListContent,
-  c as PaginatedListHeader,
+  H as PaginatedListCardTitle,
+  c as PaginatedListContent,
+  p as PaginatedListHeader,
   C as PaginatedListList,
   v as PaginatedListLoadMore,
   f as PaginatedListPagination,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.30",
+  "version": "1.6.32",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",