@max-ts/components 1.1.3 → 1.1.5

package/lib/index.mjs

@@ -3680,7 +3680,7 @@ const Ad = ({
   overflow: hidden;
   display: flex;
   flex-direction: column;
-  background-color: ${({ theme: e }) => e.palette.common.white};
+  padding: ${({ theme: e }) => e.spacing(2, 2, 2, 0)};
 `, Wd = ({ children: e, className: t }) => /* @__PURE__ */ l.jsx(Fd, { className: t, children: e }), Nd = "16rem", Id = "54px", Rd = m("aside", {
   label: "Sidebar",
   shouldForwardProp(e) {
@@ -3692,9 +3692,8 @@ const Ad = ({
   display: grid;
   grid-template-rows: auto 1fr auto;
   grid-template-areas: 'header' 'content' 'footer';
-  border-right: 1px solid ${({ theme: e }) => e.palette.grey[200]};
-  background-color: #FAFAFA;
   overflow: hidden auto;
+  background-color: transparent;
   transition: ${({ theme: e }) => e.transitions.create("width", {
   duration: e.transitions.duration.standard,
   easing: e.transitions.easing.easeInOut
@@ -3746,13 +3745,15 @@ const Ad = ({
   );
 }, Hd = "dashboard::collapsedIn", Yd = m("div")`
   width: 100%;
+  max-width: 1200px;
   height: 100%;
   margin: auto;
   display: grid;
   grid-template-columns: auto 1fr;
   grid-template-areas: 'sidebar main';
   border: 1px solid ${({ theme: e }) => e.palette.grey[200]};
-  border-radius: ${({ theme: e }) => e.shape.small};
+  border-radius: ${({ theme: e }) => e.shape.large};
+  background-color: #FAFAFA;
 `, Ni = ({
   children: e,
   className: t
@@ -9522,13 +9523,13 @@ const Uo = ({
   display: grid;
   grid-template-columns: auto 1fr auto;
   grid-template-rows: repeat(3, auto);
-  gap: ${({ theme: e }) => e.spacing(2)};
-  grid-template-areas:  '. . .' 'buttons title actions' 'subtitle subtitle subtitle';
+  align-items: center;
+  grid-template-areas: 'buttons title actions' 'subtitle subtitle subtitle' '. . .';
   padding: ${({ theme: e }) => e.spacing(4)};
+  gap: ${({ theme: e }) => e.spacing(2)};
   padding-bottom: 0;
-
   &:has(.breadcrumbs) {
-      grid-template-areas:  'buttons breadcrumbs actions' 'title title title' 'subtitle subtitle subtitle';
+    grid-template-areas:  'buttons breadcrumbs actions' 'title title title' 'subtitle subtitle subtitle';
   }
 `, fv = m("div")`
   grid-area: buttons;
@@ -9561,13 +9562,13 @@ const Uo = ({
     typeof t == "string" && (document.title = t);
   }, [t]), /* @__PURE__ */ l.jsxs(dv, { className: Rn(a, La), children: [
     /* @__PURE__ */ l.jsxs(fv, { children: [
-      /* @__PURE__ */ l.jsx(we, { title: s ? "Развернуть" : "Свернуть", children: /* @__PURE__ */ l.jsx(Ue, { variant: "text", onClick: c, children: s ? /* @__PURE__ */ l.jsx(xs, { size: 20 }) : /* @__PURE__ */ l.jsx(ws, { size: 20 }) }) }),
+      /* @__PURE__ */ l.jsx(we, { title: s ? "Развернуть" : "Свернуть", children: /* @__PURE__ */ l.jsx(Ue, { variant: "text", onClick: c, children: s ? /* @__PURE__ */ l.jsx(xs, {}) : /* @__PURE__ */ l.jsx(ws, {}) }) }),
       i && /* @__PURE__ */ l.jsx(we, { title: "Назад", children: /* @__PURE__ */ l.jsx(
         Ue,
         {
           ...i,
           variant: "text",
-          children: /* @__PURE__ */ l.jsx(ks, { size: 20 })
+          children: /* @__PURE__ */ l.jsx(ks, {})
         }
       ) })
     ] }),
@@ -9580,7 +9581,10 @@ const Uo = ({
 }, bv = m("div")`
   display: grid;
   grid-template-columns: 1fr auto;
-  grid-template-rows: auto 1fr auto;
+  grid-template-rows: repeat(3, auto);
+  border: 1px solid ${({ theme: e }) => e.palette.grey[200]};
+  border-radius: ${({ theme: e }) => e.shape.large};
+  background-color: ${({ theme: e }) => e.palette.background.paper};
   grid-template-areas: 'header header' 'content aside' 'footer aside';
   flex-grow: 1;
 
@@ -10127,9 +10131,12 @@ const Ub = (e) => /* @__PURE__ */ l.jsx(gl, { ...e }), xv = m(Wr)`
   &:hover,
   &:active {
     color: unset;
-
     background-color: unset;
   }
+  svg {
+    width: 20px;
+    height: 20px;
+  }
 `, Hv = m(he)`
   overflow: hidden;
   text-overflow: ellipsis;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/components",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "browser": "./src/index.ts",
   "main": "./lib/index.mjs",
   "module": "./lib/index.mjs",