md-components-mdigial-azamat 0.0.62 → 0.0.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,59 +1,69 @@
1
- import { jsx as l, jsxs as i } from "react/jsx-runtime";
2
- import { FieldTypes as o } from "../Types/FiledTypes.js";
3
- import { C as s } from "../ComponentContainer-cdb2528c.js";
4
- import { I as a } from "../index-9384c6d6.js";
5
- import { c as m } from "../cn-6a4bf187.js";
6
- const r = {
1
+ import { jsx as e, jsxs as o } from "react/jsx-runtime";
2
+ import { FieldTypes as i } from "../Types/FiledTypes.js";
3
+ import { C as m } from "../ComponentContainer-cdb2528c.js";
4
+ import { I as g } from "../index-9384c6d6.js";
5
+ import { c as s } from "../cn-6a4bf187.js";
6
+ const x = {
7
7
  type: "banner_card",
8
8
  label: "Баннер карточка",
9
9
  dataType: "object",
10
10
  data: {
11
11
  keys: {
12
- image: o.FILE
12
+ image: i.FILE
13
13
  }
14
14
  }
15
- }, x = {
15
+ }, f = {
16
16
  type: "banner_card",
17
17
  label: "Текстовая карточка",
18
18
  dataType: "object",
19
19
  data: {
20
20
  keys: {
21
- title: o.TITLE,
22
- description: o.DESCRIPTION,
23
- color_text: o.COLOR
21
+ title: i.TITLE,
22
+ description: i.DESCRIPTION,
23
+ color_text: i.COLOR
24
24
  }
25
25
  }
26
- }, c = [r, x, "turnover"], n = ({
27
- banner_card: e,
26
+ }, a = [x, f, "turnover"], c = ({
27
+ banner_card: l,
28
28
  text_card: t,
29
29
  is_banner_first: p
30
- }) => /* @__PURE__ */ l(s, { className: "p-0", children: /* @__PURE__ */ i("div", { className: "w-full h-full flex flex-col lg:flex-row items-stretch gap-[24px]", children: [
31
- (e == null ? void 0 : e.image) && /* @__PURE__ */ l("div", { className: "w-auto rounded-[20px] h-full object-cover", children: /* @__PURE__ */ l(
32
- a,
33
- {
34
- src: e == null ? void 0 : e.image,
35
- alt: t == null ? void 0 : t.title,
36
- className: "h-full"
37
- }
38
- ) }),
39
- t && /* @__PURE__ */ i(
40
- "div",
41
- {
42
- className: m(
43
- "w-full flex flex-col bg-white justify-center gap-[11px] rounded-[20px] p-[32px]",
30
+ }) => /* @__PURE__ */ e(m, { className: "p-0", children: /* @__PURE__ */ o(
31
+ "div",
32
+ {
33
+ className: s(
34
+ (l == null ? void 0 : l.image) && t && "grid grid-cols-2 max-tablet:grid-cols-1",
35
+ (!(l != null && l.image) || !t) && "grid grid-cols-1",
36
+ "w-full h-full items-stretch gap-[24px]"
37
+ ),
38
+ children: [
39
+ (l == null ? void 0 : l.image) && /* @__PURE__ */ e("div", { className: "w-full rounded-[20px] h-full object-cover", children: /* @__PURE__ */ e(
40
+ g,
44
41
  {
45
- "order-[-1]": !p
42
+ src: l == null ? void 0 : l.image,
43
+ alt: t == null ? void 0 : t.title,
44
+ className: "h-full"
46
45
  }
47
- ),
48
- children: [
49
- /* @__PURE__ */ l("p", { className: "font-inter text-[32px] leading-[40px] max-tablet:text-[24px] max-tablet:leading-[28px] font-bold", children: t.title }),
50
- /* @__PURE__ */ l("p", { className: "text-graySoft text-[16px] leading-[24px]", children: t.description })
51
- ]
52
- }
53
- )
54
- ] }) });
55
- n.propsToEdit = c;
46
+ ) }),
47
+ t && /* @__PURE__ */ o(
48
+ "div",
49
+ {
50
+ className: s(
51
+ "w-full flex flex-col bg-white justify-center gap-[11px] rounded-[20px] p-[32px]",
52
+ {
53
+ "order-[-1]": !p
54
+ }
55
+ ),
56
+ children: [
57
+ /* @__PURE__ */ e("p", { className: "font-inter text-[32px] leading-[40px] max-tablet:text-[24px] max-tablet:leading-[28px] font-bold", children: t.title }),
58
+ /* @__PURE__ */ e("p", { className: "text-graySoft text-[16px] leading-[24px]", children: t.description })
59
+ ]
60
+ }
61
+ )
62
+ ]
63
+ }
64
+ ) });
65
+ c.propsToEdit = a;
56
66
  export {
57
- n as BannerAndText,
58
- c as propsToEdit
67
+ c as BannerAndText,
68
+ a as propsToEdit
59
69
  };
@@ -1,46 +1,50 @@
1
- import { jsx as e, jsxs as o } from "react/jsx-runtime";
2
- import { downloadFile as n } from "../../../Actions/downloadFile/downloadFile.js";
3
- import { I as l } from "../../../Icon-70ea6cb8.js";
4
- import { p as t } from "../../../palette-6c943596.js";
5
- import { B as s } from "../../../index-875e92ce.js";
6
- import { C as p } from "../../../ComponentContainer-cdb2528c.js";
7
- const m = ["title", "text", "link"], c = ({
8
- title: i,
9
- text: r,
10
- link: a
11
- }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ o("div", { className: "p-[48px] bg-white rounded-[20px] flex justify-between gap-[64px] max-tablet:flex-col-reverse max-tablet:gap-8", children: [
12
- /* @__PURE__ */ e("div", { className: "flex flex-col ", children: /* @__PURE__ */ o("div", { children: [
13
- /* @__PURE__ */ e("p", { className: "text-[32px] leading-10 font-bold mb-4", children: i }),
14
- /* @__PURE__ */ e("p", { className: "text-[16px] leading-6", children: r }),
1
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
+ import { downloadFile as p } from "../../../Actions/downloadFile/downloadFile.js";
3
+ import { I as o } from "../../../Icon-70ea6cb8.js";
4
+ import { p as a } from "../../../palette-6c943596.js";
5
+ import { B as m } from "../../../index-875e92ce.js";
6
+ import { C as s } from "../../../ComponentContainer-cdb2528c.js";
7
+ import { u as x } from "../../../useScreenSize-c1b64c02.js";
8
+ const c = ["title", "text", "link"], d = ({
9
+ title: l,
10
+ text: i,
11
+ link: r
12
+ }) => {
13
+ const n = x(960);
14
+ return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ t("div", { className: "p-[48px] max-tablet:py-[32px] max-tablet:px-[48px] bg-white rounded-[20px] flex justify-between gap-[64px] max-tablet:flex-col-reverse max-tablet:gap-[32px]", children: [
15
+ /* @__PURE__ */ e("div", { className: "flex flex-col ", children: /* @__PURE__ */ t("div", { children: [
16
+ /* @__PURE__ */ e("p", { className: "text-[32px] max-tablet:text-[24px] leading-10 max-tablet:leading-[28px] font-bold mb-4 max-tablet:mb-[16px]", children: l }),
17
+ /* @__PURE__ */ e("p", { className: "text-[16px] leading-6", children: i }),
18
+ /* @__PURE__ */ e(
19
+ m,
20
+ {
21
+ onClick: () => p({ props: { link: r } }),
22
+ iconRight: /* @__PURE__ */ e(
23
+ o,
24
+ {
25
+ name: "download",
26
+ size: 20,
27
+ color: a.blackBG
28
+ }
29
+ ),
30
+ className: "mt-8",
31
+ children: "Скачать"
32
+ }
33
+ )
34
+ ] }) }),
15
35
  /* @__PURE__ */ e(
16
- s,
36
+ o,
17
37
  {
18
- onClick: () => n({ props: { link: a } }),
19
- iconRight: /* @__PURE__ */ e(
20
- l,
21
- {
22
- name: "download",
23
- size: 20,
24
- color: t.blackBG
25
- }
26
- ),
27
- className: "mt-8",
28
- children: "Скачать"
38
+ className: "flex-shrink-0",
39
+ name: "file",
40
+ color: a.greenLight,
41
+ size: n ? 56 : 82
29
42
  }
30
43
  )
31
- ] }) }),
32
- /* @__PURE__ */ e(
33
- l,
34
- {
35
- className: "flex-shrink-0",
36
- name: "file",
37
- color: t.greenLight,
38
- size: 82
39
- }
40
- )
41
- ] }) });
42
- c.propsToEdit = m;
44
+ ] }) });
45
+ };
46
+ d.propsToEdit = c;
43
47
  export {
44
- c as DownloadFileBanner,
45
- m as propsToEdit
48
+ d as DownloadFileBanner,
49
+ c as propsToEdit
46
50
  };