md-components-mdigial-azamat 0.0.64 → 0.0.66

package/dist/{componentsMap-b362ea08.js → componentsMap-153c7a30.js}

@@ -9,7 +9,7 @@ import { CardInfoTable as e } from "./CardInfoTable/index.js";
 import { CardImage as p } from "./Cards/CardImage/CardImage.js";
 import { ColoredCard as f } from "./Cards/ColoredCard/index.js";
 import { ContentCard as s } from "./Cards/ContentCard/ContentCard.js";
-import { F as d } from "./index-dbe5f044.js";
+import { F as d } from "./index-04224eb4.js";
 import { WarningCard as l } from "./Cards/WarningCard/WarningCard.js";
 import { ContentCardList as C } from "./ContentCardList/ContentCardList.js";
 import { DownloadFileBanner as B } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/dist/{data.mock-8d89834d.js → data.mock-8db3fb9a.js}

@@ -1,6 +1,7 @@
+import { p as a } from "./palette-c2fe86ec.js";
 import { b as e } from "./const-53dff524.js";
 var t = /* @__PURE__ */ ((i) => (i.Header = "Header", i.Banner = "Banner", i.CardImageList = "CardImageList", i.Stepper = "Stepper", i.Segments = "Segments", i.Video = "VideoFull", i.VideoList = "VideoList", i.VideoListMini = "VideoListMini", i.ContentCardList = "ContentCardList", i.CardIconList = "CardIconList", i.MultiCards = "MultiCards", i.Partners = "Partners", i.PartnersColors = "PartnersColors", i.MainBanner = "MainBanner", i.WarningCard = "WarningCard", i.Faq = "Faq", i.DownloadFileBanner = "DownloadFileBanner", i.DownloadFileFull = "DownloadFileFull", i.DownloadFileHalf = "DownloadFileHalf", i.DownloadFileMini = "DownloadFileMini", i.InstructionList = "InstructionList", i.PreviewList = "PreviewList", i.SwiperList = "SwiperList", i.AnimatedSwiper = "AnimatedSwiper", i.InfoBannerList = "InfoBannerList", i.TasksBannerList = "TasksBannerList", i.VideoMainBanner = "VideoMainBanner", i.EmptyBox = "EmptyBox", i.PromoPoster = "PromoPoster", i.CardImageSecondaryList = "CardImageSecondaryList", i.CardInfoTable = "CardInfoTable", i.StandartTable = "StandartTable", i.IntroBanner = "IntroBanner", i.DownloadFileBright = "DownloadFileBright", i.Footer = "Footer", i))(t || {});
-const n = {
+const l = {
   key: t.Banner,
   id: "1",
   component_props: {
@@ -24,7 +25,7 @@ const n = {
       }
     ]
   }
-}, s = {
+}, r = {
   key: t.Banner,
   id: "2",
   component_props: {
@@ -47,7 +48,7 @@ const n = {
       }
     }
   }
-}, l = {
+}, o = {
   key: t.CardImageList,
   id: "3",
   component_props: {
@@ -79,7 +80,7 @@ const n = {
       }
     ]
   }
-}, r = {
+}, m = {
   key: t.Stepper,
   id: "4",
   component_props: {
@@ -99,7 +100,7 @@ const n = {
       { text: "Выберите товар, который Вы хотите взять в рассрочку", id: 3 }
     ]
   }
-}, o = {
+}, d = {
   key: t.Segments,
   id: "5",
   component_props: {
@@ -108,7 +109,7 @@ const n = {
       { title: "Segment 2", id: 2 }
     ]
   }
-}, m = {
+}, p = {
   key: t.Video,
   id: "6",
   component_props: {
@@ -117,7 +118,7 @@ const n = {
       title: "Заголовок1"
     }
   }
-}, d = {
+}, g = {
   key: t.VideoList,
   id: "7",
   component_props: {
@@ -132,7 +133,7 @@ const n = {
       }
     ]
   }
-}, p = {
+}, k = {
   key: t.VideoListMini,
   id: "8",
   component_props: {
@@ -151,7 +152,7 @@ const n = {
       }
     ]
   }
-}, g = {
+}, c = {
   key: t.ContentCardList,
   id: "9",
   component_props: {
@@ -214,7 +215,7 @@ const n = {
       }
     ]
   }
-}, k = {
+}, _ = {
   key: t.Partners,
   id: "10",
   component_props: {
@@ -265,7 +266,7 @@ const n = {
       ]
     }
   }
-}, c = {
+}, b = {
   key: t.CardIconList,
   id: "11",
   component_props: {
@@ -310,7 +311,7 @@ const n = {
     ],
     size: "medium"
   }
-}, _ = {
+}, u = {
   key: t.CardIconList,
   id: "12",
   component_props: {
@@ -326,7 +327,14 @@ const n = {
         link_text: "Text1",
         is_black: !0,
         is_promo: !1,
-        is_yellow: !1
+        is_yellow: !1,
+        badge: "Promo",
+        badge_bg_hex: a.white,
+        bg_hex: a.yellowLight,
+        button_link: "/",
+        button_text: "string",
+        button_type: "button",
+        button_variant: "primary"
       },
       {
         id: 2,
@@ -338,7 +346,13 @@ const n = {
         link_text: "Text1",
         is_black: !1,
         is_promo: !0,
-        is_yellow: !1
+        is_yellow: !1,
+        badge: "Promo",
+        badge_bg_hex: a.yellowLight,
+        button_link: "/",
+        button_text: "string",
+        button_type: "button",
+        button_variant: "primary"
       },
       {
         id: 3,
@@ -350,12 +364,16 @@ const n = {
         link_text: "Text1",
         is_black: !1,
         is_promo: !1,
-        is_yellow: !0
+        is_yellow: !0,
+        button_link: "/",
+        button_text: "string",
+        button_type: "button",
+        button_variant: "primary"
       }
     ],
     size: "large"
   }
-}, b = {
+}, h = {
   key: t.MultiCards,
   id: "13",
   component_props: {
@@ -409,7 +427,7 @@ const n = {
     is_banner_first: !0,
     is_cards_first: !0
   }
-}, u = {
+}, F = {
   key: t.PartnersColors,
   id: "14",
   component_props: {
@@ -646,7 +664,7 @@ const n = {
       }
     ]
   }
-}, h = {
+}, y = {
   key: t.MainBanner,
   id: "15",
   component_props: {
@@ -670,7 +688,7 @@ const n = {
     logo: "https://mbank.kg/media/market/item-hero-image-logos.svg",
     grid: 2
   }
-}, F = {
+}, w = {
   key: t.WarningCard,
   id: "16",
   component_props: {
@@ -679,7 +697,7 @@ const n = {
     button_text: "button text",
     variant: "orange"
   }
-}, y = {
+}, D = {
   key: t.WarningCard,
   id: "17",
   component_props: {
@@ -688,7 +706,7 @@ const n = {
     button_text: "button text",
     variant: "gray"
   }
-}, w = {
+}, v = {
   key: t.WarningCard,
   id: "18",
   component_props: {
@@ -697,7 +715,7 @@ const n = {
     button_text: "button text",
     variant: "black"
   }
-}, D = {
+}, B = {
   key: t.Faq,
   id: "19",
   component_props: {
@@ -717,7 +735,7 @@ const n = {
       }
     ]
   }
-}, v = {
+}, f = {
   key: t.DownloadFileHalf,
   id: "20",
   component_props: {
@@ -736,7 +754,7 @@ const n = {
       }
     ]
   }
-}, B = {
+}, x = {
   key: t.DownloadFileBanner,
   id: "21",
   component_props: {
@@ -745,7 +763,7 @@ const n = {
     text: "Помогает научить ребенка контролировать свои траты, копить и обращаться с деньгами",
     link: "#"
   }
-}, f = {
+}, q = {
   key: t.DownloadFileFull,
   id: "22",
   component_props: {
@@ -770,7 +788,7 @@ const n = {
       }
     ]
   }
-}, x = {
+}, M = {
   key: t.DownloadFileMini,
   id: "23",
   component_props: {
@@ -801,7 +819,7 @@ const n = {
       }
     ]
   }
-}, q = {
+}, I = {
   key: t.InstructionList,
   id: "24",
   component_props: {
@@ -837,7 +855,7 @@ const n = {
       link: "https://www.youtube.com/"
     }
   }
-}, M = {
+}, L = {
   key: t.PreviewList,
   id: "25",
   component_props: {
@@ -866,7 +884,7 @@ const n = {
     ],
     grid: 2
   }
-}, I = {
+}, S = {
   key: t.SwiperList,
   id: "26",
   component_props: {
@@ -932,7 +950,7 @@ const n = {
     autoplayDelay: 2e3,
     perViewScreens: 4
   }
-}, S = {
+}, A = {
   key: t.AnimatedSwiper,
   id: "27",
   component_props: {
@@ -1028,7 +1046,7 @@ const n = {
     isLight: !1,
     isButton: !1
   }
-}, L = {
+}, V = {
   key: t.InfoBannerList,
   id: "28",
   component_props: {
@@ -1116,7 +1134,7 @@ const n = {
     isLight: !1,
     isLightTitle: !1
   }
-}, A = {
+}, P = {
   key: t.TasksBannerList,
   id: "29",
   component_props: {
@@ -1197,7 +1215,7 @@ const n = {
       }
     ]
   }
-}, V = {
+}, T = {
   key: t.VideoMainBanner,
   id: "30",
   component_props: {
@@ -1223,13 +1241,13 @@ const n = {
     grid: 2,
     isShadow: !0
   }
-}, P = {
+}, N = {
   key: t.EmptyBox,
   id: "31",
   component_props: {
     size: "100"
   }
-}, T = {
+}, C = {
   key: t.PromoPoster,
   id: "32",
   component_props: {
@@ -1255,7 +1273,7 @@ const n = {
       }
     ]
   }
-}, N = {
+}, E = {
   key: t.CardImageSecondaryList,
   id: "33",
   component_props: {
@@ -1285,7 +1303,7 @@ const n = {
     ],
     isHorizontal: !1
   }
-}, C = {
+}, G = {
   key: t.CardInfoTable,
   id: "34",
   component_props: {
@@ -1392,7 +1410,7 @@ const n = {
       }
     ]
   }
-}, E = {
+}, H = {
   key: t.StandartTable,
   id: "35",
   component_props: {
@@ -1641,7 +1659,7 @@ const n = {
       }
     ]
   }
-}, G = {
+}, U = {
   key: t.IntroBanner,
   id: "36",
   component_props: {
@@ -1656,7 +1674,7 @@ const n = {
     logo: "https://mbank.kg/media/standard/logo/Vector_1.svg",
     logo_second: "https://mbank.kg/media/standard/logo_second/mbank_logo_full_tNoEfG4.svg"
   }
-}, H = {
+}, R = {
   key: t.DownloadFileBright,
   id: "37",
   component_props: {
@@ -1671,41 +1689,41 @@ const n = {
 t.Header;
 t.Footer;
 export {
-  S as A,
-  n as B,
-  l as C,
-  B as D,
-  P as E,
-  D as F,
-  q as I,
-  h as M,
-  k as P,
-  r as S,
-  A as T,
-  m as V,
-  F as W,
-  o as a,
-  d as b,
-  p as c,
-  g as d,
-  c as e,
-  b as f,
-  u as g,
-  v as h,
-  f as i,
-  x as j,
-  M as k,
-  I as l,
-  L as m,
-  V as n,
-  T as o,
-  N as p,
-  C as q,
-  E as r,
-  G as s,
-  H as t,
-  s as u,
-  y as v,
-  w,
-  _ as x
+  A,
+  l as B,
+  o as C,
+  x as D,
+  N as E,
+  B as F,
+  I,
+  y as M,
+  _ as P,
+  m as S,
+  P as T,
+  p as V,
+  w as W,
+  d as a,
+  g as b,
+  k as c,
+  c as d,
+  b as e,
+  h as f,
+  F as g,
+  f as h,
+  q as i,
+  M as j,
+  L as k,
+  S as l,
+  V as m,
+  T as n,
+  C as o,
+  E as p,
+  G as q,
+  H as r,
+  U as s,
+  R as t,
+  r as u,
+  D as v,
+  v as w,
+  u as x
 };

package/dist/index-04224eb4.js

@@ -0,0 +1,106 @@
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { FieldTypes as o } from "./Types/FiledTypes.js";
+import { B as c } from "./index-875e92ce.js";
+import { I as x } from "./index-9384c6d6.js";
+import { c as m } from "./cn-6a4bf187.js";
+const r = {
+  SMALL: "small",
+  MEDIUM: "medium",
+  LARGE: "large"
+}, g = {
+  type: "data",
+  label: "Данные карточки функции",
+  dataType: "object",
+  data: {
+    keys: {
+      title: o.TITLE,
+      description: o.DESCRIPTION,
+      image: o.FILE,
+      link: o.LINK,
+      link_text: o.TITLE,
+      color_bg: o.COLOR,
+      item_color_text: o.COLOR,
+      color: o.COLOR,
+      color_text: o.COLOR
+    }
+  }
+}, b = [g, "size", "className"], f = ({ data: e, size: i, className: p }) => {
+  const n = i === r.SMALL ? 32 : 40;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: m(
+        "relative bg-white rounded-[20px] flex flex-col items-start justify-between gap-[32px] w-full box-border",
+        i === r.LARGE && "min-h-[300px]",
+        i === r.SMALL ? "p-[24px]" : "p-[32px]",
+        p
+      ),
+      style: { background: e == null ? void 0 : e.color_bg },
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex flex-col items-start gap-[32px]", children: [
+          (e == null ? void 0 : e.badge) && /* @__PURE__ */ l(
+            "div",
+            {
+              className: "absolute top-[32px] right-[32px] rounded-[24px] text-[16px] leading-[20px] font-bold py-[7px] px-[18px] bg-yellowLight",
+              style: {
+                background: e == null ? void 0 : e.color,
+                color: e == null ? void 0 : e.color_text
+              },
+              children: e == null ? void 0 : e.badge
+            }
+          ),
+          (e == null ? void 0 : e.image) && /* @__PURE__ */ l(
+            x,
+            {
+              src: e == null ? void 0 : e.image,
+              alt: e == null ? void 0 : e.title,
+              width: n,
+              height: n
+            }
+          ),
+          /* @__PURE__ */ s("div", { className: "flex items-start flex-col gap-[12px]", children: [
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: "text-[24px] leading-[32px] font-bold",
+                style: { color: e == null ? void 0 : e.item_color_text },
+                children: e == null ? void 0 : e.title
+              }
+            ),
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: "text-[14px] leading-[20px] text-graySoft",
+                style: { color: e == null ? void 0 : e.color_description },
+                children: e == null ? void 0 : e.description
+              }
+            )
+          ] })
+        ] }),
+        i === r.LARGE && ((e == null ? void 0 : e.button_type) === "button" ? /* @__PURE__ */ l(
+          "a",
+          {
+            href: e == null ? void 0 : e.link,
+            target: "_blank",
+            className: "font-inter text-[16px] leading-[24px] font-semibold",
+            children: /* @__PURE__ */ l(c, { variant: e == null ? void 0 : e.button_variant, children: e == null ? void 0 : e.button_text })
+          }
+        ) : /* @__PURE__ */ l(
+          "a",
+          {
+            href: e == null ? void 0 : e.link,
+            target: "_blank",
+            className: "text-deepBlue font-inter text-[16px] leading-[24px] font-semibold",
+            children: e == null ? void 0 : e.link_text
+          }
+        ))
+      ]
+    }
+  );
+};
+f.propsToEdit = b;
+export {
+  f as F,
+  r as S,
+  b as p
+};

package/dist/main.js

@@ -24,7 +24,7 @@ import { CardImage as O } from "./Cards/CardImage/CardImage.js";
 import { ContentCard as R } from "./Cards/ContentCard/ContentCard.js";
 import { WarningCard as X } from "./Cards/WarningCard/WarningCard.js";
 import { ColoredCard as _ } from "./Cards/ColoredCard/index.js";
-import { F as rr, S as or } from "./index-dbe5f044.js";
+import { F as rr, S as or } from "./index-04224eb4.js";
 import { DownloadFileBanner as tr } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";
 import { DownloadFileFull as pr } from "./DownloadFile/components/DownloadFileFull/DownloadFileFull.js";
 import { DownloadFileHalf as nr } from "./DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js";

package/dist/{palette-6c943596.js → palette-c2fe86ec.js}

@@ -35,7 +35,7 @@ const a = {
   grayBlue3: "#8b96b1",
   greenDark: "#01886F",
   lightGray3: "#f7f7f8",
-  gray3: "#838795",
+  gray4: "#838795",
   black6: "#181c1c",
   black9: "#1f2425",
   lightBlue9: "#45464b",

package/package.json

@@ -2,7 +2,7 @@
   "name": "md-components-mdigial-azamat",
   "author": "Azamat Raimbekov",
   "private": false,
-  "version": "0.0.64",
+  "version": "0.0.66",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/index-dbe5f044.js

@@ -1,67 +0,0 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { FieldTypes as i } from "./Types/FiledTypes.js";
-import { I as t } from "./index-9384c6d6.js";
-import { c as x } from "./cn-6a4bf187.js";
-const r = {
-  SMALL: "small",
-  MEDIUM: "medium",
-  LARGE: "large"
-}, m = {
-  type: "data",
-  label: "Данные карточки функции",
-  dataType: "object",
-  data: {
-    keys: {
-      title: i.TITLE,
-      description: i.DESCRIPTION,
-      image: i.FILE,
-      link: i.LINK,
-      link_text: i.TITLE
-    }
-  }
-}, c = [m, "size", "className"], f = ({ data: e, size: l, className: n }) => {
-  const o = l === r.SMALL ? 32 : 40;
-  return /* @__PURE__ */ p(
-    "div",
-    {
-      className: x(
-        "bg-white rounded-[20px] flex flex-col items-start justify-between gap-[32px] w-full box-border",
-        l === r.LARGE && "min-h-[300px]",
-        l === r.SMALL ? "p-[24px]" : "p-[32px]",
-        n
-      ),
-      children: [
-        /* @__PURE__ */ p("div", { className: "flex flex-col items-start gap-[32px]", children: [
-          (e == null ? void 0 : e.image) && /* @__PURE__ */ s(
-            t,
-            {
-              src: e == null ? void 0 : e.image,
-              alt: e == null ? void 0 : e.title,
-              width: o,
-              height: o
-            }
-          ),
-          /* @__PURE__ */ p("div", { className: "flex items-start flex-col gap-[12px]", children: [
-            /* @__PURE__ */ s("div", { className: "text-[24px] leading-[32px] font-bold", children: e == null ? void 0 : e.title }),
-            /* @__PURE__ */ s("div", { className: "text-[14px] leading-[20px] text-graySoft", children: e == null ? void 0 : e.description })
-          ] })
-        ] }),
-        l === r.LARGE && /* @__PURE__ */ s(
-          "a",
-          {
-            href: e == null ? void 0 : e.link,
-            target: "_blank",
-            className: "text-deepBlue font-inter text-[16px] leading-[24px] font-semibold",
-            children: e == null ? void 0 : e.link_text
-          }
-        )
-      ]
-    }
-  );
-};
-f.propsToEdit = c;
-export {
-  f as F,
-  r as S,
-  c as p
-};