@axzydev/axzy_ui_system 1.3.2 → 1.3.3

package/dist/index.d.cts

@@ -3708,6 +3708,8 @@ interface ITThemePalette$1 {
         rowBg: string;
         /** Text color of table body rows. @default "#1e293b" */
         rowText: string;
+        /** Background color applied to a table body row while the pointer is over it (hex). @default "#f1f5f9" */
+        rowHover: string;
     };
 }
 interface ITThemeProviderProps {
@@ -3776,6 +3778,8 @@ interface ITThemePalette {
         rowBg: string;
         /** Text color of table body rows. @default "#1e293b" */
         rowText: string;
+        /** Background color applied to a table body row while the pointer is over it (hex). @default "#f1f5f9" */
+        rowHover: string;
     };
 }
 type SemanticThemeColors = {

package/dist/index.d.ts

@@ -3708,6 +3708,8 @@ interface ITThemePalette$1 {
         rowBg: string;
         /** Text color of table body rows. @default "#1e293b" */
         rowText: string;
+        /** Background color applied to a table body row while the pointer is over it (hex). @default "#f1f5f9" */
+        rowHover: string;
     };
 }
 interface ITThemeProviderProps {
@@ -3776,6 +3778,8 @@ interface ITThemePalette {
         rowBg: string;
         /** Text color of table body rows. @default "#1e293b" */
         rowText: string;
+        /** Background color applied to a table body row while the pointer is over it (hex). @default "#f1f5f9" */
+        rowHover: string;
     };
 }
 type SemanticThemeColors = {

package/dist/index.js

@@ -2093,9 +2093,10 @@ function tableHeaderCell(className, density = "normal") {
   return clsx11(densityStyles[density].header, "align-top", className);
 }
 var tableBody = "divide-y divide-secondary-100";
-var tableRow = "hover:bg-secondary-50/50 transition-colors duration-150 group";
+var tableRow = "hover:bg-[var(--color-table-rowHover,var(--color-secondary-50))] transition-colors duration-150 group";
 var tableRowClickable = "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-inset";
 var tableCardClickable = "cursor-pointer rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500";
+var tableCardHover = "hover:bg-[var(--color-table-rowHover,var(--color-secondary-50))] transition-colors duration-150";
 function tableCell(className, density = "normal") {
   return clsx11(densityStyles[density].cell, "align-middle", className);
 }
@@ -4286,7 +4287,7 @@ function ITDataTable({
         effectiveView === "cards" ? /* @__PURE__ */ jsx21("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: data.length > 0 ? data.map((row, i) => /* @__PURE__ */ jsx21(
           "div",
           {
-            className: clsx21(onRowClick && !isLoading && tableCardClickable),
+            className: clsx21(tableCardHover, onRowClick && !isLoading && tableCardClickable),
             role: onRowClick && !isLoading ? "button" : void 0,
             tabIndex: onRowClick && !isLoading ? 0 : void 0,
             onClick: onRowClick && !isLoading ? handleRowClick(row) : void 0,
@@ -8231,7 +8232,7 @@ function ITTable({
     effectiveView === "cards" ? /* @__PURE__ */ jsx59("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: currentData.length > 0 ? currentData.map((row, i) => /* @__PURE__ */ jsx59(
       "div",
       {
-        className: clsx43(onRowClick && tableCardClickable),
+        className: clsx43(tableCardHover, onRowClick && tableCardClickable),
         role: onRowClick ? "button" : void 0,
         tabIndex: onRowClick ? 0 : void 0,
         onClick: onRowClick ? handleRowClick(row) : void 0,
@@ -10178,8 +10179,10 @@ var DEFAULT_PALETTE = {
     // Slate-700
     rowBg: "#ffffff",
     // White
-    rowText: "#1e293b"
+    rowText: "#1e293b",
     // Slate-800
+    rowHover: "#f1f5f9"
+    // Slate-100
   }
 };
 var PRESETS = [
@@ -10204,7 +10207,8 @@ var PRESETS = [
         headerBg: "#f1f5f9",
         headerText: "#334155",
         rowBg: "#ffffff",
-        rowText: "#0f172a"
+        rowText: "#0f172a",
+        rowHover: "#1e293b"
       }
     }
   },
@@ -10229,7 +10233,8 @@ var PRESETS = [
         headerBg: "#fff1f2",
         headerText: "#881337",
         rowBg: "#ffffff",
-        rowText: "#1c1212"
+        rowText: "#1c1212",
+        rowHover: "#fff1f2"
       }
     }
   },
@@ -10254,7 +10259,8 @@ var PRESETS = [
         headerBg: "#f0fdfa",
         headerText: "#115e59",
         rowBg: "#ffffff",
-        rowText: "#042f2e"
+        rowText: "#042f2e",
+        rowHover: "#f0fdfa"
       }
     }
   },
@@ -10279,7 +10285,8 @@ var PRESETS = [
         headerBg: "#fefce8",
         headerText: "#713f12",
         rowBg: "#ffffff",
-        rowText: "#292524"
+        rowText: "#292524",
+        rowHover: "#fefce8"
       }
     }
   },
@@ -10304,7 +10311,8 @@ var PRESETS = [
         headerBg: "#f0fdf4",
         headerText: "#166534",
         rowBg: "#ffffff",
-        rowText: "#052e16"
+        rowText: "#052e16",
+        rowHover: "#f0fdf4"
       }
     }
   }
@@ -10584,6 +10592,7 @@ function ITThemeProvider({
     let tableRowText = palette2.table.rowText;
     let tableHeaderBg = palette2.table.headerBg;
     let tableHeaderText = palette2.table.headerText;
+    let tableRowHover = palette2.table.rowHover;
     let navbarBg = palette2.layout.navbarBg;
     let navbarText = palette2.layout.navbarText;
     let sidebarBg = palette2.layout.sidebarBg;
@@ -10601,6 +10610,9 @@ function ITThemeProvider({
       if (!isLightColor2(tableHeaderText)) {
         tableHeaderText = `color-mix(in srgb, ${palette2.table.headerText} 20%, #f9fafb)`;
       }
+      if (isLightColor2(tableRowHover)) {
+        tableRowHover = `color-mix(in srgb, ${palette2.table.rowHover} 12%, #1f2937)`;
+      }
       if (isLightColor2(navbarBg)) {
         navbarBg = `color-mix(in srgb, ${palette2.layout.navbarBg} 8%, #111827)`;
       }
@@ -10626,7 +10638,10 @@ function ITThemeProvider({
       }
       if (isLightColor2(tableHeaderText)) {
         tableHeaderText = `color-mix(in srgb, ${palette2.table.headerText} 30%, #334155)`;
-      } else if (!isLightColor2(tableHeaderText) && isVeryDarkColor(palette2.table.headerText)) {
+      } else if (!isLightColor2(tableHeaderText) && isVeryDarkColor(tableHeaderText)) {
+      }
+      if (!isLightColor2(tableRowHover)) {
+        tableRowHover = isVeryDarkColor(palette2.table.rowHover) ? "#f1f5f9" : `color-mix(in srgb, ${palette2.table.rowHover} 12%, #f8fafc)`;
       }
       if (!isLightColor2(navbarBg)) {
         navbarBg = isVeryDarkColor(palette2.layout.navbarBg) ? "#ffffff" : `color-mix(in srgb, ${palette2.layout.navbarBg} 8%, #ffffff)`;
@@ -10836,6 +10851,7 @@ function ITThemeProvider({
         --color-table-headerText: ${tableHeaderText} !important;
         --color-table-rowBg: ${tableRowBg} !important;
         --color-table-rowText: ${tableRowText} !important;
+        --color-table-rowHover: ${tableRowHover} !important;
 
         /* Native library variables integration */
         --it-sidebar-bg: var(--color-sidebarBg);
@@ -11179,7 +11195,7 @@ function ITThemeProvider({
         color: var(--color-table-rowText) !important;
       }
       tbody tr:hover {
-        background-color: color-mix(in srgb, var(--color-primary) 8%, var(--color-table-rowBg)) !important;
+        background-color: var(--color-table-rowHover) !important;
       }
 
       /* Animation for Saved Indicator */
@@ -11941,7 +11957,8 @@ function ITThemeProvider({
                           "table.headerBg",
                           "table.headerText",
                           "table.rowBg",
-                          "table.rowText"
+                          "table.rowText",
+                          "table.rowHover"
                         ].map((key) => /* @__PURE__ */ jsx71(ColorRow, { colorKey: key }, key)) })
                       }
                     ]