@scbt-ecom/ui 0.7.2 → 0.7.3

package/dist/hybrid.js

@@ -358,7 +358,7 @@ const Ae = (r, e) => JSON.stringify(r) === JSON.stringify(e), _ = (r) => r.split
       {
         style: { maxWidth: `${o}%` },
         className: a(
-          "progressBar-apply absolute top-1/2 z-1 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",
+          "progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",
           n == null ? void 0 : n.loader
         )
       }
@@ -850,7 +850,6 @@ var ge = be(
 const X = /* @__PURE__ */ z(ge), Ue = {
   theme: {
     screens: {
-      mobile: "1187px",
       desktop: "1188px"
     },
     backgroundColor: {
@@ -1079,68 +1078,7 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       i
     ))
   }
-), A = ({
-  headTitle: r,
-  subtitle: e,
-  buttonsConfig: i,
-  advantagesList: o,
-  classes: n,
-  img: d
-}) => {
-  const l = Object.keys(i).reduce((u, f) => f ? u + 1 : u, 0);
-  return /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 pb-6 desktop:h-[456px]", n == null ? void 0 : n.section), children: /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a(n == null ? void 0 : n.container), children: [
-    /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        "data-id": "banner-grid",
-        className: a("grid-mob-apply desktop:grid-desk-apply grid justify-center desktop:justify-normal", n == null ? void 0 : n.wrapper),
-        children: [
-          /* @__PURE__ */ t.jsxs(
-            "div",
-            {
-              "data-id": "banner-text-block",
-              className: a("grid-text-apply mb-2 flex flex-col gap-4 pt-6 desktop:pb-10 desktop:pt-20", n == null ? void 0 : n.textBlock),
-              children: [
-                /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-dark", n == null ? void 0 : n.title), children: r }),
-                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-dark", n == null ? void 0 : n.subtitle), children: e })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t.jsx(q, { buttonsConfig: i, classes: n }),
-          /* @__PURE__ */ t.jsx(
-            "div",
-            {
-              "data-id": "banner-image-wrapper",
-              className: a(
-                "grid-image-apply w-full desktop:h-full desktop:w-[550px]",
-                { "h-[450px]": l === 2 },
-                { "h-[410px]": l === 1 },
-                n == null ? void 0 : n.imageContainer
-              ),
-              children: /* @__PURE__ */ t.jsx(
-                "img",
-                {
-                  "data-id": "banner-image",
-                  src: d,
-                  alt: "Картинка баннера",
-                  className: a("h-full w-full object-contain", n == null ? void 0 : n.image)
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        "data-id": "banner-advantages",
-        className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", n == null ? void 0 : n.advantages),
-        children: o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t.jsx(J, { classes: n, advantagesList: o })
-      }
-    )
-  ] }) });
-}, he = ({
+), he = ({
   headTitle: r,
   subtitle: e,
   buttonsConfig: i,
@@ -1214,7 +1152,68 @@ const X = /* @__PURE__ */ z(ge), Ue = {
       }
     )
   ] })
-] }), He = ({ bannerVariant: r, ...e }) => {
+] }), A = ({
+  headTitle: r,
+  subtitle: e,
+  buttonsConfig: i,
+  advantagesList: o,
+  classes: n,
+  img: d
+}) => {
+  const l = Object.keys(i).reduce((u, f) => f ? u + 1 : u, 0);
+  return /* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: a("relative bg-banner-skyblue-300 pb-6 desktop:h-[456px]", n == null ? void 0 : n.section), children: /* @__PURE__ */ t.jsxs(h, { "data-id": "banner-container", className: a(n == null ? void 0 : n.container), children: [
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        "data-id": "banner-grid",
+        className: a("grid-mob-apply desktop:grid-desk-apply grid justify-center desktop:justify-normal", n == null ? void 0 : n.wrapper),
+        children: [
+          /* @__PURE__ */ t.jsxs(
+            "div",
+            {
+              "data-id": "banner-text-block",
+              className: a("grid-text-apply mb-2 flex flex-col gap-4 pt-6 desktop:pb-10 desktop:pt-20", n == null ? void 0 : n.textBlock),
+              children: [
+                /* @__PURE__ */ t.jsx(g, { "data-id": "banner-title", as: "h1", className: a("text-color-dark", n == null ? void 0 : n.title), children: r }),
+                /* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: a("desk-body-regular-l text-color-dark", n == null ? void 0 : n.subtitle), children: e })
+              ]
+            }
+          ),
+          /* @__PURE__ */ t.jsx(q, { buttonsConfig: i, classes: n }),
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              "data-id": "banner-image-wrapper",
+              className: a(
+                "grid-image-apply w-full desktop:h-full desktop:w-[550px]",
+                { "h-[450px]": l === 2 },
+                { "h-[410px]": l === 1 },
+                n == null ? void 0 : n.imageContainer
+              ),
+              children: /* @__PURE__ */ t.jsx(
+                "img",
+                {
+                  "data-id": "banner-image",
+                  src: d,
+                  alt: "Картинка баннера",
+                  className: a("h-full w-full object-contain", n == null ? void 0 : n.image)
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        "data-id": "banner-advantages",
+        className: a("absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]", n == null ? void 0 : n.advantages),
+        children: o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t.jsx(J, { classes: n, advantagesList: o })
+      }
+    )
+  ] }) });
+}, He = ({ bannerVariant: r, ...e }) => {
   switch (r) {
     case "sepatateImg":
       return /* @__PURE__ */ t.jsx(A, { ...e });
@@ -1474,6 +1473,7 @@ export {
   J as Advantages,
   Ke as Badge,
   He as Banner,
+  A as BannerWithSeparateImg,
   Le as Breadcrumbs,
   E as Button,
   Re as ButtonIcon,