@ttn-shared/ui 1.2.7 → 1.3.0

package/dist/index.cjs

@@ -2444,13 +2444,14 @@ var HelpModal = ({ opened, onClose }) => {
 var MC2 = __toESM(require("@mantine/core"), 1);
 var TI3 = __toESM(require("@tabler/icons-react"), 1);
 var import_jsx_runtime11 = require("react/jsx-runtime");
+var cloudImage = `data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 72'><path d='M-77.4698 71.426C-77.4698 71.426 -102.699 40.2305 -82.8905 21.109C-53.4064 -7.35147 -33.3402 33.0955 -21.9827 16.3565C-3.19499 -11.3325 58.2673 -4.22647 39.4625 30.2055C29.5967 48.27 62.6052 45.5705 49.1486 71.462L-77.4698 71.426Z' fill='%23EBF3FA'/></svg>`;
 var ChangeAccountModal = ({
   opened,
   onClose,
   accounts,
   onChangeAccount
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MC2.Modal, { opened, onClose, size: 1200, title: "Cambiar cuenta", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MC2.Grid, { px: "lg", children: accounts.map((account, accountIndex) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MC2.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(MC2.Menu, { position: "right", width: 210, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MC2.Modal, { opened, onClose, size: 1200, title: "Seleccionar cuenta", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MC2.Grid, { px: "lg", children: accounts.map((account, accountIndex) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MC2.Grid.Col, { span: 6, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(MC2.Menu, { position: "right", width: 210, children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MC2.Menu.Target, { "data-testid": `change-account-account-option-${accountIndex}`, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       MC2.Group,
       {
@@ -2462,7 +2463,10 @@ var ChangeAccountModal = ({
           border: `1px solid ${theme.colors.gray[3]}`,
           borderRadius: theme.radius.md,
           padding: "8px",
-          cursor: "pointer"
+          cursor: "pointer",
+          backgroundImage: `url("${cloudImage}")`,
+          backgroundSize: "contain",
+          backgroundRepeat: "no-repeat"
         }),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {}),
@@ -2626,10 +2630,10 @@ var MC5 = __toESM(require("@mantine/core"), 1);
 var TI6 = __toESM(require("@tabler/icons-react"), 1);
 
 // src/components/sidebar/SidebarMenu.tsx
-var MC4 = __toESM(require("@mantine/core"), 1);
-var TI5 = __toESM(require("@tabler/icons-react"), 1);
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var import_react_router_dom = require("react-router-dom");
+var MC4 = __toESM(require("@mantine/core"), 1);
+var TI5 = __toESM(require("@tabler/icons-react"), 1);
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var SidebarMenu = ({
   id,
@@ -2650,7 +2654,7 @@ var SidebarMenu = ({
         "data-testid": `sidebar-menu-${label}`,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(MC4.Flex, { align: "center", flex: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MC4.Center, { w: 40, h: 40, me: 10, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MC4.Center, { miw: 40, mih: 40, me: 10, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               MC4.Box,
               {
                 className: "ttn-sidebar-menu-icon",

package/dist/index.css

@@ -11,7 +11,6 @@
   transition: width 0.3s ease;
   &.closed {
     width: 80px;
-    overflow: hidden;
   }
 }
 .ttn-sidebar-menu {

package/dist/index.js

@@ -2456,13 +2456,14 @@ var HelpModal = ({ opened, onClose }) => {
 import * as MC2 from "@mantine/core";
 import * as TI3 from "@tabler/icons-react";
 import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var cloudImage = `data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 72'><path d='M-77.4698 71.426C-77.4698 71.426 -102.699 40.2305 -82.8905 21.109C-53.4064 -7.35147 -33.3402 33.0955 -21.9827 16.3565C-3.19499 -11.3325 58.2673 -4.22647 39.4625 30.2055C29.5967 48.27 62.6052 45.5705 49.1486 71.462L-77.4698 71.426Z' fill='%23EBF3FA'/></svg>`;
 var ChangeAccountModal = ({
   opened,
   onClose,
   accounts,
   onChangeAccount
 }) => {
-  return /* @__PURE__ */ jsx11(MC2.Modal, { opened, onClose, size: 1200, title: "Cambiar cuenta", children: /* @__PURE__ */ jsx11(MC2.Grid, { px: "lg", children: accounts.map((account, accountIndex) => /* @__PURE__ */ jsx11(MC2.Grid.Col, { span: 6, children: /* @__PURE__ */ jsxs10(MC2.Menu, { position: "right", width: 210, children: [
+  return /* @__PURE__ */ jsx11(MC2.Modal, { opened, onClose, size: 1200, title: "Seleccionar cuenta", children: /* @__PURE__ */ jsx11(MC2.Grid, { px: "lg", children: accounts.map((account, accountIndex) => /* @__PURE__ */ jsx11(MC2.Grid.Col, { span: 6, children: /* @__PURE__ */ jsxs10(MC2.Menu, { position: "right", width: 210, children: [
     /* @__PURE__ */ jsx11(MC2.Menu.Target, { "data-testid": `change-account-account-option-${accountIndex}`, children: /* @__PURE__ */ jsxs10(
       MC2.Group,
       {
@@ -2474,7 +2475,10 @@ var ChangeAccountModal = ({
           border: `1px solid ${theme.colors.gray[3]}`,
           borderRadius: theme.radius.md,
           padding: "8px",
-          cursor: "pointer"
+          cursor: "pointer",
+          backgroundImage: `url("${cloudImage}")`,
+          backgroundSize: "contain",
+          backgroundRepeat: "no-repeat"
         }),
         children: [
           /* @__PURE__ */ jsx11("div", {}),
@@ -2638,10 +2642,10 @@ import * as MC5 from "@mantine/core";
 import * as TI6 from "@tabler/icons-react";
 
 // src/components/sidebar/SidebarMenu.tsx
-import * as MC4 from "@mantine/core";
-import * as TI5 from "@tabler/icons-react";
 import { Fragment as Fragment4 } from "react/jsx-runtime";
 import { NavLink } from "react-router-dom";
+import * as MC4 from "@mantine/core";
+import * as TI5 from "@tabler/icons-react";
 import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var SidebarMenu = ({
   id,
@@ -2662,7 +2666,7 @@ var SidebarMenu = ({
         "data-testid": `sidebar-menu-${label}`,
         children: [
           /* @__PURE__ */ jsxs12(MC4.Flex, { align: "center", flex: 1, children: [
-            /* @__PURE__ */ jsx13(MC4.Center, { w: 40, h: 40, me: 10, children: /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx13(MC4.Center, { miw: 40, mih: 40, me: 10, children: /* @__PURE__ */ jsx13(
               MC4.Box,
               {
                 className: "ttn-sidebar-menu-icon",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttn-shared/ui",
-  "version": "1.2.7",
+  "version": "1.3.0",
   "private": false,
   "type": "module",
   "files": [

package/styles.css

@@ -11,7 +11,6 @@
   transition: width 0.3s ease;
   &.closed {
     width: 80px;
-    overflow: hidden;
   }
 }
 .ttn-sidebar-menu {