@max-ts/components 1.1.2 → 1.1.4

package/lib/components/ActionGroup/ActionGroup.d.ts

@@ -21,4 +21,4 @@ export type ActionGroupProps<TMainActionComponent extends ElementType = ElementT
     className?: string;
     size?: 'small' | 'medium' | 'large';
 };
-export declare const ActionGroup: <TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType>(props: ActionGroupProps<TMainActionComponent, TSecondaryActionComponent>) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionGroup: <TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType, TSecondaryVisibleActionComponent extends ElementType = ElementType>(props: ActionGroupProps<TMainActionComponent, TSecondaryActionComponent, TSecondaryVisibleActionComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/index.mjs

@@ -3693,8 +3693,8 @@ const Ad = ({
   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
@@ -3753,6 +3753,7 @@ const Ad = ({
   grid-template-areas: 'sidebar main';
   border: 1px solid ${({ theme: e }) => e.palette.grey[200]};
   border-radius: ${({ theme: e }) => e.shape.small};
+  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, {})
         }
       ) })
     ] }),
@@ -10127,9 +10128,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.2",
+  "version": "1.1.4",
   "browser": "./src/index.ts",
   "main": "./lib/index.mjs",
   "module": "./lib/index.mjs",