@ixo/ui 0.1.3 → 0.1.4

package/dist/{components-BfMR4Jm_.js → components-DXWFikYD.js}

@@ -534,7 +534,7 @@ function Tr({ children, selected, onClick }) {
             color: "var(--mantine-color-neutralColor-8)"
           },
           "&:hover > td": {
-            backgroundColor: onClick ? "var(--mantine-color-neutralColor-8)" : void 0
+            backgroundColor: onClick ? "var(--mantine-color-neutralColor-1)" : void 0
           }
         };
       },
@@ -775,8 +775,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = lazy(() => import("./index-By8bP9F4.js"));
-const Footer = lazy(() => import("./index-BT-G2YjM.js"));
+const Header$3 = lazy(() => import("./index-DEJUkGPI.js"));
+const Footer = lazy(() => import("./index-BFBqYWEa.js"));
 function ActionCard({ header, content, footer, useHoverMode = false }) {
   const hasContent = !!content || !!footer;
   const initialVisibility = footer?.startHidden !== true;
@@ -860,7 +860,7 @@ function Loader({ size, color = "primary" }) {
 }
 const CARD_WIDTH$1 = 350;
 const CARD_HEADER_HEIGHT = 158;
-const Header$2 = lazy(() => import("./index-BtFFAaIr.js"));
+const Header$2 = lazy(() => import("./index-CAdlSthO.js"));
 function Card({ children, className, contentClassName, roundedBottom, noPadding = false, fullWidth = false, header, wrapperSx, onClick }) {
   const wrapperRef = useRef(null);
   const handleOnClick = useCallback(
@@ -1295,7 +1295,7 @@ function ModalSheet({ isOpen, children, hideHandler, zIndex, onRequestHide, onRe
     document.body
   );
 }
-const Badge = lazy(() => import("./index-BAz_xpVr.js"));
+const Badge = lazy(() => import("./index-Bs0LG269.js"));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = useRef(null);
   const wrapperContentAreaRef = useRef(null);
@@ -6011,13 +6011,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = lazy(() => import("./index-BA_IGjzx.js"));
-const Header$1 = lazy(() => import("./index-DKU106Gm.js"));
-const Content = lazy(() => import("./index-P7O0pqQQ.js"));
+const MainAction = lazy(() => import("./index-DZyjcXlR.js"));
+const Header$1 = lazy(() => import("./index-7zomOTPG.js"));
+const Content = lazy(() => import("./index-CGRAANQ8.js"));
 const Map = lazy(() => import("./index-D5Ufmf-s.js"));
 const CustomContent = lazy(() => import("./index-DsYjW_4y.js"));
-const Assets = lazy(() => import("./index-D3n59w3g.js"));
-const Actions = lazy(() => import("./index-DKH0pkHE.js"));
+const Assets = lazy(() => import("./index-DBQqIQa5.js"));
+const Actions = lazy(() => import("./index-D05G6loY.js"));
 const HOVER_BORDER_WIDTH = 1;
 function SodaCardCmp({ numSelected = 0, expanded = true, mainAction, header, content, map, customContent, customFooter, actions, assets, onClick }, ref) {
   const wrapperRef = useRef(null);
@@ -8119,12 +8119,11 @@ function Cell({ children, withImage, withDualImage, isFirstColumn, isLastColumn,
         compact,
         shrink
       }),
-      css: ({ spacing, bg, colors }) => ({
-        background: bg.card,
+      css: ({ spacing }) => ({
         paddingLeft: 0,
         paddingRight: 0,
-        borderTop: `1px solid ${colors.focusTransparent20}`,
-        borderBottom: `1px solid ${colors.focusTransparent20}`,
+        borderTop: "1px solid var(--mantine-color-neutralColor-6)",
+        borderBottom: "1px solid var(--mantine-color-neutralColor-6)",
         paddingTop: spacing * 1.5,
         paddingBottom: spacing * 1.5,
         "&.compact": {
@@ -8132,7 +8131,7 @@ function Cell({ children, withImage, withDualImage, isFirstColumn, isLastColumn,
           paddingBottom: 0
         },
         "&:last-child": {
-          borderRight: `1px solid ${colors.focusTransparent20}`,
+          borderRight: "1px solid var(--mantine-color-neutralColor-6)",
           paddingRight: spacing * 2,
           "&.compact": {
             paddingRight: 0
@@ -8193,8 +8192,8 @@ function CellContent({
         "emulate-checkbox-area": emulateCheckboxArea,
         "vertical-align": verticalAlign
       }),
-      css: ({ bg, spacing }) => ({
-        background: bg.cell,
+      css: ({ spacing }) => ({
+        background: "var(--mantine-color-neutralColor-6)",
         height: 54,
         padding: spacing,
         display: "flex",
@@ -8239,8 +8238,7 @@ function IconRowCmp({ icon: Icon }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      css: ({ bg, spacing }) => ({
-        background: bg.cell,
+      css: ({ spacing }) => ({
         borderTopLeftRadius: spacing * 2,
         borderBottomLeftRadius: spacing * 2,
         display: "flex",
@@ -8541,21 +8539,18 @@ function TableList({
                     selected: isRowSelected,
                     clickable: !!onRowClick
                   }),
-                  css: ({ colors, transition }) => ({
+                  css: () => ({
                     "& > td": {
-                      borderTop: "solid 1px transparent",
-                      borderBottom: "solid 1px transparent",
-                      "&:first-of-type": {
-                        borderLeft: "solid 1px transparent"
-                      },
-                      "&:last-of-type": {
-                        borderRight: "solid 1px transparent"
-                      }
+                      borderStyle: "solid",
+                      borderWidth: 1,
+                      borderColor: "transparent",
+                      backgroundColor: isRowSelected ? "var(--mantine-color-neutralColor-5)" : "var(--mantine-color-neutralColor-3)",
+                      color: "var(--mantine-color-neutralColor-8)"
                     },
                     "& .subtitle": {
                       opacity: 0,
                       height: 0,
-                      transition: transition.duration
+                      transition: "opacity 0.2s ease, height 0.2s ease"
                     },
                     "&:hover .subtitle": {
                       opacity: 1,
@@ -8566,29 +8561,22 @@ function TableList({
                     },
                     "&.selected": {
                       td: {
-                        borderTopColor: colors.focus,
-                        borderBottomColor: colors.focus,
+                        borderTopColor: "var(--mantine-color-accent-5)",
+                        borderBottomColor: "var(--mantine-color-accent-5)",
                         "&:first-of-type": {
-                          borderLeftColor: colors.focus
+                          borderLeftColor: "var(--mantine-color-accent-5)"
                         },
                         "&:last-of-type": {
-                          borderRightColor: colors.focus
+                          borderRightColor: "var(--mantine-color-accent-5)"
                         }
                       }
                     },
                     "&.clickable": {
-                      cursor: "default",
-                      transition: transition.duration,
+                      cursor: "pointer",
+                      transition: "background-color 0.2s ease",
                       "&:hover": {
                         td: {
-                          borderTop: `solid 1px ${colors.focusTransparent50}`,
-                          borderBottom: `solid 1px ${colors.focusTransparent50}`,
-                          "&:first-of-type": {
-                            borderLeft: `solid 1px ${colors.focusTransparent50}`
-                          },
-                          "&:last-of-type": {
-                            borderRight: `solid 1px ${colors.focusTransparent50}`
-                          }
+                          backgroundColor: "var(--mantine-color-neutralColor-1)"
                         }
                       }
                     }
@@ -8597,13 +8585,13 @@ function TableList({
                     IconRow !== false && /* @__PURE__ */ jsx(
                       "td",
                       {
-                        css: ({ spacing, bg, colors }) => ({
-                          background: bg.card,
+                        css: ({ spacing }) => ({
+                          background: isRowSelected ? "var(--mantine-color-neutralColor-5)" : "var(--mantine-color-neutralColor-3)",
                           borderTopLeftRadius: spacing * 2,
                           borderBottomLeftRadius: spacing * 2,
-                          borderTop: `1px solid ${colors.focusTransparent20}`,
-                          borderBottom: `1px solid ${colors.focusTransparent20}`,
-                          borderLeft: `1px solid ${colors.focusTransparent20}`,
+                          borderTop: "1px solid var(--mantine-color-neutralColor-6)",
+                          borderBottom: "1px solid var(--mantine-color-neutralColor-6)",
+                          borderLeft: "1px solid var(--mantine-color-neutralColor-6)",
                           position: "relative",
                           width: spacing * 5.75 + spacing * 2
                         }),
@@ -11310,4 +11298,4 @@ export {
   CardHero as y,
   CardSelector as z
 };
-//# sourceMappingURL=components-BfMR4Jm_.js.map
+//# sourceMappingURL=components-DXWFikYD.js.map