md-components-mdigial-azamat 0.0.63 → 0.0.65

package/dist/componentsMap-7fd0c870.js

@@ -0,0 +1,97 @@
+import r from "./AnimatedSwiper/index.js";
+import { Banner as o } from "./Banner/Banner.js";
+import { BannerAndText as m } from "./BannerAndText/index.js";
+import { CardIconList as t } from "./CardIconList/CardIconList.js";
+import { CardImageList as i } from "./CardImageList/CardImageList.js";
+import { CardImageSecondary as n } from "./CardImageSecondary/CardImageSecondary.js";
+import { CardImageSecondaryList as a } from "./CardImageSecondaryList/CardImageSecondaryList.js";
+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-50634e2b.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";
+import { DownloadFileBright as F } from "./DownloadFile/components/DownloadFileBright/index.js";
+import { DownloadFileFull as L } from "./DownloadFile/components/DownloadFileFull/DownloadFileFull.js";
+import { DownloadFileHalf as I } from "./DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js";
+import { DownloadFileMini as c } from "./DownloadFile/components/DownloadFileMini/DownloadFileMini.js";
+import { Faq as w } from "./Faq/Faq.js";
+import { Footer as S } from "./Footer/Footer.js";
+import { FormDefault as g } from "./Forms/FormDefault/index.js";
+import { Header as u } from "./Header/Header.js";
+import { HeroPossibilityBanner as D } from "./HeroPossibilityBanner/index.js";
+import { HtmlContent as M } from "./HtmlContent/HtmlContent.js";
+import { InfoBanner as P } from "./InfoBanner/index.js";
+import { InfoBannerList as T } from "./InfoBannerList/InfoBannerList.js";
+import { InstructionList as H } from "./InstructionList/InstructionList.js";
+import { IntroBanner as V } from "./IntroBanner/IntroBanner.js";
+import { MainBanner as b } from "./MainBanner/MainBanner.js";
+import { MultiCards as y } from "./MultiCards/index.js";
+import { Partners as k } from "./Partners/Partners.js";
+import { PartnersColors as x } from "./PartnersColors/PartnersColors.js";
+import { PreviewList as A } from "./PreviewList/PreviewList.js";
+import { PromoPoster as h } from "./PromoPoster/PromoPoster.js";
+import { Segments as q } from "./Segments/Segments.js";
+import { Space as v } from "./Space/Space.js";
+import { StandartTable as W } from "./StandartTable/index.js";
+import { Stepper as j } from "./Stepper/Stepper.js";
+import { SwiperList as z } from "./SwiperList/SwiperList.js";
+import { TasksBanner as E } from "./TasksBanner/TasksBanner.js";
+import { TasksBannerList as G } from "./TasksBannerList/TasksBannerList.js";
+import { VideoFull as J } from "./Video/VideoFull/VideoFull.js";
+import { VideoList as K } from "./Video/VideoList/VideoList.js";
+import { VideoListMini as N } from "./Video/VideoListMini/VideoListMini.js";
+import { VideoMainBanner as O } from "./VideoMainBanner/VideoMainBanner.js";
+const jr = {
+  Banner: o,
+  BannerAndText: m,
+  CardImageList: i,
+  Stepper: j,
+  Segments: q,
+  VideoFull: J,
+  VideoList: K,
+  VideoListMini: N,
+  ContentCardList: C,
+  CardIconList: t,
+  MultiCards: y,
+  Partners: k,
+  PartnersColors: x,
+  MainBanner: b,
+  WarningCard: l,
+  Faq: w,
+  DownloadFileBanner: B,
+  DownloadFileHalf: I,
+  DownloadFileFull: L,
+  DownloadFileMini: c,
+  InstructionList: H,
+  PreviewList: A,
+  SwiperList: z,
+  AnimatedSwiper: r,
+  InfoBannerList: T,
+  TasksBannerList: G,
+  VideoMainBanner: O,
+  Space: v,
+  PromoPoster: h,
+  CardImageSecondaryList: a,
+  CardInfoTable: e,
+  StandartTable: W,
+  IntroBanner: V,
+  DownloadFileBright: F,
+  FormDefault: g,
+  Header: u,
+  Footer: S,
+  HtmlContent: M,
+  HeroPossibilityBanner: D,
+  CardImage: p,
+  ContentCard: s,
+  ColoredCard: f,
+  FeaturesCard: d,
+  InfoBanner: P,
+  TasksBanner: E,
+  CardImageSecondary: n
+};
+export {
+  jr as c
+};

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-50634e2b.js

@@ -0,0 +1,110 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { FieldTypes as l } 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: l.TITLE,
+      description: l.DESCRIPTION,
+      image: l.FILE,
+      link: l.LINK,
+      link_text: l.TITLE
+    }
+  }
+}, b = [
+  g,
+  "size",
+  "className",
+  "color_bg",
+  "item_color_text",
+  "color",
+  "color_text"
+], 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__ */ o(
+            "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__ */ o(
+            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__ */ o(
+              "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__ */ o(
+              "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__ */ o(
+          "a",
+          {
+            href: e == null ? void 0 : e.link,
+            target: "_blank",
+            className: "font-inter text-[16px] leading-[24px] font-semibold",
+            children: /* @__PURE__ */ o(c, { variant: e == null ? void 0 : e.button_variant, children: e == null ? void 0 : e.button_text })
+          }
+        ) : /* @__PURE__ */ o(
+          "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-50634e2b.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.63",
+  "version": "0.0.65",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",