@bpfdev/oly-ui 1.0.9 → 1.0.10

package/dist/index.d.mts

@@ -1050,6 +1050,36 @@ interface FalconAuditTimelineProps {
     eventCardBg?: string;
     /** Text color for header */
     headerColor?: string;
+    /**
+     * Max height of the scrollable events grid area.
+     * @default '280px'
+     */
+    eventsMaxHeight?: string;
+    /**
+     * Max width of the card. Set to '100%' to fill the container.
+     * @default '1324px'
+     */
+    cardMaxWidth?: string;
+    /**
+     * Hide the scrollbar while keeping scroll functionality.
+     * @default false
+     */
+    hideScrollbar?: boolean;
+    /**
+     * Scrollbar width in px (only applies when hideScrollbar is false).
+     * @default '6px'
+     */
+    scrollbarWidth?: string;
+    /**
+     * Scrollbar thumb color.
+     * @default '#D1D5DB'
+     */
+    scrollbarThumbColor?: string;
+    /**
+     * Scrollbar track color.
+     * @default 'transparent'
+     */
+    scrollbarTrackColor?: string;
     /**
      * Merged onto the **time-controls row** `Box` (year selector + month pill strip).
      * The default includes `overflow: 'hidden !important'` to clip overflowing month pills;

package/dist/index.d.ts

@@ -1050,6 +1050,36 @@ interface FalconAuditTimelineProps {
     eventCardBg?: string;
     /** Text color for header */
     headerColor?: string;
+    /**
+     * Max height of the scrollable events grid area.
+     * @default '280px'
+     */
+    eventsMaxHeight?: string;
+    /**
+     * Max width of the card. Set to '100%' to fill the container.
+     * @default '1324px'
+     */
+    cardMaxWidth?: string;
+    /**
+     * Hide the scrollbar while keeping scroll functionality.
+     * @default false
+     */
+    hideScrollbar?: boolean;
+    /**
+     * Scrollbar width in px (only applies when hideScrollbar is false).
+     * @default '6px'
+     */
+    scrollbarWidth?: string;
+    /**
+     * Scrollbar thumb color.
+     * @default '#D1D5DB'
+     */
+    scrollbarThumbColor?: string;
+    /**
+     * Scrollbar track color.
+     * @default 'transparent'
+     */
+    scrollbarTrackColor?: string;
     /**
      * Merged onto the **time-controls row** `Box` (year selector + month pill strip).
      * The default includes `overflow: 'hidden !important'` to clip overflowing month pills;

package/dist/index.js

@@ -3628,6 +3628,12 @@ var FalconAuditTimeline = ({
   chevronLeftIcon,
   chevronRightIcon,
   exportIcon,
+  eventsMaxHeight = "280px",
+  cardMaxWidth = "1324px",
+  hideScrollbar = false,
+  scrollbarWidth = "6px",
+  scrollbarThumbColor = "#D1D5DB",
+  scrollbarTrackColor = "transparent",
   timeControlsRowSx
 }) => {
   const getInitialKey = () => {
@@ -3733,10 +3739,25 @@ var FalconAuditTimeline = ({
         {
           sx: {
             display: "flex !important",
-            alignItems: "center !important",
+            alignItems: "flex-start !important",
             gap: "8px !important",
             width: "100% !important",
-            flexWrap: "wrap"
+            flexWrap: "wrap",
+            overflowY: "auto",
+            maxHeight: eventsMaxHeight,
+            paddingRight: hideScrollbar ? 0 : "4px",
+            scrollbarWidth: hideScrollbar ? "none" : "auto",
+            "&::-webkit-scrollbar": {
+              width: hideScrollbar ? 0 : scrollbarWidth,
+              display: hideScrollbar ? "none" : void 0
+            },
+            "&::-webkit-scrollbar-thumb": {
+              backgroundColor: scrollbarThumbColor,
+              borderRadius: "999px"
+            },
+            "&::-webkit-scrollbar-track": {
+              backgroundColor: scrollbarTrackColor
+            }
           },
           children: activeRuns.map((run, idx) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             TimelineEventCard,
@@ -3826,9 +3847,9 @@ var FalconAuditTimeline = ({
     {
       sx: {
         width: "100% !important",
-        maxWidth: "1324px !important",
+        maxWidth: `${cardMaxWidth} !important`,
         height: "auto !important",
-        minHeight: isZeroCount ? "166px !important" : "183.5px !important",
+        minHeight: isZeroCount ? "166px !important" : "200px !important",
         padding: "16px !important",
         borderRadius: `${borderRadius} !important`,
         border: `${borderWidth} solid ${borderColor} !important`,
@@ -3861,7 +3882,9 @@ var FalconAuditTimeline = ({
                 display: "flex !important",
                 alignItems: "center !important",
                 gap: "8px !important",
-                overflow: "hidden !important"
+                overflowX: "auto",
+                overflowY: "hidden",
+                paddingBottom: "2px"
               },
               ...timeControlsRowSx ? [timeControlsRowSx] : []
             ],