@iit/precision-ui 0.8.17 → 0.8.19
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.
- package/dist/components/cards/AdvantageWithAccordion.d.ts.map +1 -1
- package/dist/components/cards/Doc.d.ts +2 -0
- package/dist/components/cards/Doc.d.ts.map +1 -1
- package/dist/index.es25.js +24 -24
- package/dist/index.es25.js.map +1 -1
- package/dist/index.es27.js +9 -8
- package/dist/index.es27.js.map +1 -1
- package/dist/index.es42.js +25 -24
- package/dist/index.es42.js.map +1 -1
- package/dist/sections/Section.d.ts.map +1 -1
- package/dist/styles.css +5 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdvantageWithAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/cards/AdvantageWithAccordion.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAOpC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,
|
|
1
|
+
{"version":3,"file":"AdvantageWithAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/cards/AdvantageWithAccordion.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAOpC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA6DjE,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Doc.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Doc.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"Doc.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Doc.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsBnC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
package/dist/index.es25.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { Accordion as
|
|
1
|
+
import { Accordion as p, AccordionItem as d, AccordionContent as f, AccordionTrigger as u } from "./index.es51.js";
|
|
2
2
|
import e, { useId as g } from "react";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { cn as
|
|
6
|
-
import { getAdapter as
|
|
7
|
-
const
|
|
3
|
+
import n from "./index.es46.js";
|
|
4
|
+
import v from "./index.es19.js";
|
|
5
|
+
import { cn as b } from "./index.es55.js";
|
|
6
|
+
import { getAdapter as E } from "./index.es9.js";
|
|
7
|
+
const y = ({
|
|
8
8
|
title: t,
|
|
9
|
-
desc:
|
|
10
|
-
icon:
|
|
11
|
-
heightMode:
|
|
9
|
+
desc: r,
|
|
10
|
+
icon: c,
|
|
11
|
+
heightMode: a,
|
|
12
12
|
className: o
|
|
13
13
|
}) => {
|
|
14
|
-
const
|
|
14
|
+
const m = g(), i = a === "full" ? "h-full flex flex-col justify-between" : "h-fit", s = E("ImageWrapper"), l = /* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex self-start" }, /* @__PURE__ */ e.createElement(
|
|
15
|
+
s,
|
|
16
|
+
{
|
|
17
|
+
src: c,
|
|
18
|
+
alt: `Изображение для ${t}`,
|
|
19
|
+
width: 32,
|
|
20
|
+
height: 32,
|
|
21
|
+
className: "object-contain"
|
|
22
|
+
}
|
|
23
|
+
));
|
|
15
24
|
return /* @__PURE__ */ e.createElement(
|
|
16
25
|
"div",
|
|
17
26
|
{
|
|
18
|
-
className:
|
|
27
|
+
className: b(
|
|
19
28
|
"p-6 bg-whitish text-navy rounded-lg",
|
|
20
|
-
|
|
29
|
+
i,
|
|
21
30
|
o
|
|
22
31
|
)
|
|
23
32
|
},
|
|
24
|
-
/* @__PURE__ */ e.createElement("div", { className: "
|
|
25
|
-
|
|
26
|
-
{
|
|
27
|
-
src: r,
|
|
28
|
-
alt: `Изображение для ${t}`,
|
|
29
|
-
width: 32,
|
|
30
|
-
height: 32,
|
|
31
|
-
className: "object-contain"
|
|
32
|
-
}
|
|
33
|
-
)),
|
|
34
|
-
/* @__PURE__ */ e.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ e.createElement(f, { level: 5 }, t), a && /* @__PURE__ */ e.createElement(m, { type: "single", collapsible: !0 }, /* @__PURE__ */ e.createElement(s, { value: c, className: "p-0" }, /* @__PURE__ */ e.createElement(p, { className: "p-0 pb-6 text-navy-opacity-60 typo_variant_small-body" }, /* @__PURE__ */ e.createElement(u, { html: a })), /* @__PURE__ */ e.createElement(d, { className: "border-none flex-initial [&[data-state=open]]:bg-transparent p-0 [&>.icon-wrapper>svg]:hover:bg-navy-opacity-8" }))))
|
|
33
|
+
a === "full" ? /* @__PURE__ */ e.createElement("div", null, l, /* @__PURE__ */ e.createElement(n, { level: 5, className: "mb-5" }, t)) : l,
|
|
34
|
+
/* @__PURE__ */ e.createElement("div", { className: "space-y-6" }, a !== "full" && /* @__PURE__ */ e.createElement(n, { level: 5 }, t), r && /* @__PURE__ */ e.createElement(p, { type: "single", collapsible: !0 }, /* @__PURE__ */ e.createElement(d, { value: m, className: "p-0" }, /* @__PURE__ */ e.createElement(f, { className: "p-0 pb-6 text-navy-opacity-60 typo_variant_small-body" }, /* @__PURE__ */ e.createElement(v, { html: r })), /* @__PURE__ */ e.createElement(u, { className: "border-none flex-initial [&[data-state=open]]:bg-transparent p-0 [&>.icon-wrapper>svg]:hover:bg-navy-opacity-8" }))))
|
|
35
35
|
);
|
|
36
|
-
}, W =
|
|
36
|
+
}, W = y;
|
|
37
37
|
export {
|
|
38
38
|
W as default
|
|
39
39
|
};
|
package/dist/index.es25.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es25.js","sources":["../src/components/cards/AdvantageWithAccordion.tsx"],"sourcesContent":["import {\r\n Accordion,\r\n AccordionContent,\r\n AccordionItem,\r\n AccordionTrigger,\r\n} from '../ui/accordion'\r\nimport React, { useId } from 'react'\r\n\r\nimport Heading from '../core/typography/Heading'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface AdvantageWithAccordionProps {\r\n title: string\r\n desc?: string\r\n icon: string\r\n heightMode?: 'fit' | 'full'\r\n className?: string\r\n}\r\n\r\nconst AdvantageWithAccordion: React.FC<AdvantageWithAccordionProps> = ({\r\n title,\r\n desc,\r\n icon,\r\n heightMode,\r\n className,\r\n}) => {\r\n const uniqueId = useId()\r\n\r\n const heightModeClass
|
|
1
|
+
{"version":3,"file":"index.es25.js","sources":["../src/components/cards/AdvantageWithAccordion.tsx"],"sourcesContent":["import {\r\n Accordion,\r\n AccordionContent,\r\n AccordionItem,\r\n AccordionTrigger,\r\n} from '../ui/accordion'\r\nimport React, { useId } from 'react'\r\n\r\nimport Heading from '../core/typography/Heading'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface AdvantageWithAccordionProps {\r\n title: string\r\n desc?: string\r\n icon: string\r\n heightMode?: 'fit' | 'full'\r\n className?: string\r\n}\r\n\r\nconst AdvantageWithAccordion: React.FC<AdvantageWithAccordionProps> = ({\r\n title,\r\n desc,\r\n icon,\r\n heightMode,\r\n className,\r\n}) => {\r\n const uniqueId = useId()\r\n\r\n const heightModeClass =\r\n heightMode === 'full' ? 'h-full flex flex-col justify-between' : 'h-fit'\r\n\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n const image = (\r\n <div className=\"p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex self-start\">\r\n <ImageWrapper\r\n src={icon}\r\n alt={`Изображение для ${title}`}\r\n width={32}\r\n height={32}\r\n className=\"object-contain\"\r\n />\r\n </div>\r\n )\r\n\r\n return (\r\n <div\r\n className={cn(\r\n `p-6 bg-whitish text-navy rounded-lg`,\r\n heightModeClass,\r\n className\r\n )}\r\n >\r\n {heightMode === 'full' ? (\r\n <div>\r\n {image}\r\n <Heading level={5} className=\"mb-5\">\r\n {title}\r\n </Heading>\r\n </div>\r\n ) : (\r\n image\r\n )}\r\n\r\n <div className=\"space-y-6\">\r\n {heightMode !== 'full' && <Heading level={5}>{title}</Heading>}\r\n\r\n {desc && (\r\n <Accordion type=\"single\" collapsible>\r\n <AccordionItem value={uniqueId} className=\"p-0\">\r\n <AccordionContent className=\"p-0 pb-6 text-navy-opacity-60 typo_variant_small-body\">\r\n <SafeHtmlRenderer html={desc} />\r\n </AccordionContent>\r\n <AccordionTrigger className=\"border-none flex-initial [&[data-state=open]]:bg-transparent p-0 [&>.icon-wrapper>svg]:hover:bg-navy-opacity-8\"></AccordionTrigger>\r\n </AccordionItem>\r\n </Accordion>\r\n )}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default AdvantageWithAccordion\r\n"],"names":["AdvantageWithAccordion","title","desc","icon","heightMode","className","uniqueId","useId","heightModeClass","ImageWrapper","getAdapter","image","React","cn","Heading","Accordion","AccordionItem","AccordionContent","SafeHtmlRenderer","AccordionTrigger","AdvantageWithAccordion$1"],"mappings":";;;;;;AAqBA,MAAMA,IAAgE,CAAC;AAAA,EACrE,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAWC,KAEXC,IACJJ,MAAe,SAAS,yCAAyC,SAE7DK,IAAeC,EAAW,cAAc,GAExCC,IACJC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,wEACbA,gBAAAA,EAAA;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd;AAIA,SAAAW,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,QACAH;AAAA,MACF;AAAA,IAAA;AAAA,IAECD,MAAe,SACbQ,gBAAAA,EAAA,cAAA,OAAA,MACED,GACDC,gBAAAA,EAAA,cAACE,GAAQ,EAAA,OAAO,GAAG,WAAU,UAC1Bb,CACH,CACF,IAEAU;AAAA,oCAGD,OAAI,EAAA,WAAU,eACZP,MAAe,0CAAWU,GAAQ,EAAA,OAAO,EAAI,GAAAb,CAAM,GAEnDC,KACCU,gBAAAA,EAAA,cAACG,KAAU,MAAK,UAAS,aAAW,GAClC,GAAAH,gBAAAA,EAAA,cAACI,GAAc,EAAA,OAAOV,GAAU,WAAU,MAAA,mCACvCW,GAAiB,EAAA,WAAU,2DACzBL,gBAAAA,EAAA,cAAAM,GAAA,EAAiB,MAAMhB,EAAM,CAAA,CAChC,GACCU,gBAAAA,EAAA,cAAAO,GAAA,EAAiB,WAAU,iHAAiH,CAAA,CAC/I,CACF,CAEJ;AAAA,EAAA;AAGN,GAEAC,IAAepB;"}
|
package/dist/index.es27.js
CHANGED
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { FileDownIcon as
|
|
1
|
+
import { FileDownIcon as i } from "lucide-react";
|
|
2
2
|
import e from "react";
|
|
3
3
|
import t from "./index.es47.js";
|
|
4
|
-
const
|
|
4
|
+
const l = ({ title: o, format: r, link: c, target: n, date: a, download: s = !0 }) => /* @__PURE__ */ e.createElement(
|
|
5
5
|
"a",
|
|
6
6
|
{
|
|
7
|
-
href:
|
|
8
|
-
|
|
7
|
+
href: c,
|
|
8
|
+
target: n,
|
|
9
|
+
download: s,
|
|
9
10
|
className: "flex bg-whitish p-4 pr-8 rounded-lg space-x-2 transition-colors border border-transparent hover:bg-navy-opacity-41 hover:border-navy-opacity-16"
|
|
10
11
|
},
|
|
11
|
-
/* @__PURE__ */ e.createElement(
|
|
12
|
-
/* @__PURE__ */ e.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ e.createElement(t, { variant: "body", as: "div" }, o), (
|
|
13
|
-
),
|
|
12
|
+
/* @__PURE__ */ e.createElement(i, { className: "w-8 h-8 shrink-0" }),
|
|
13
|
+
/* @__PURE__ */ e.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ e.createElement(t, { variant: "body", as: "div" }, o), (r || a) && /* @__PURE__ */ e.createElement(t, { variant: "caption", className: "text-navy-opacity-40" }, r && a ? `${r} · ${a}` : r || a))
|
|
14
|
+
), v = l;
|
|
14
15
|
export {
|
|
15
|
-
|
|
16
|
+
v as default
|
|
16
17
|
};
|
|
17
18
|
//# sourceMappingURL=index.es27.js.map
|
package/dist/index.es27.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es27.js","sources":["../src/components/cards/Doc.tsx"],"sourcesContent":["import { FileDownIcon } from 'lucide-react'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\n\r\nexport interface DocCardProps {\r\n title: string\r\n format?: string\r\n link: string\r\n date?: string\r\n}\r\n\r\nconst DocCard: React.FC<DocCardProps> = ({ title, format, link, date }) => {\r\n return (\r\n <a\r\n href={link}\r\n download\r\n className=\"flex bg-whitish p-4 pr-8 rounded-lg space-x-2 transition-colors border border-transparent hover:bg-navy-opacity-41 hover:border-navy-opacity-16\"\r\n >\r\n {/* TODO: Add correct icon from ui kit */}\r\n <FileDownIcon className=\"w-8 h-8 shrink-0\" />\r\n <div className=\"space-y-1\">\r\n <Text variant=\"body\" as=\"div\">\r\n {title}\r\n </Text>\r\n {(format || date) && (\r\n <Text variant=\"caption\" className=\"text-navy-opacity-40\">\r\n {format && date ? `${format} · ${date}` : format || date}\r\n </Text>\r\n )}\r\n </div>\r\n </a>\r\n )\r\n}\r\n\r\nexport default DocCard\r\n"],"names":["DocCard","title","format","link","date","React","FileDownIcon","Text","DocCard$1"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.es27.js","sources":["../src/components/cards/Doc.tsx"],"sourcesContent":["import { FileDownIcon } from 'lucide-react'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\n\r\nexport interface DocCardProps {\r\n title: string\r\n format?: string\r\n link: string\r\n target?: '_blank'\r\n date?: string\r\n download?: boolean\r\n}\r\n\r\nconst DocCard: React.FC<DocCardProps> = ({ title, format, link, target, date, download = true }) => {\r\n return (\r\n <a\r\n href={link}\r\n target={target}\r\n download={download}\r\n className=\"flex bg-whitish p-4 pr-8 rounded-lg space-x-2 transition-colors border border-transparent hover:bg-navy-opacity-41 hover:border-navy-opacity-16\"\r\n >\r\n {/* TODO: Add correct icon from ui kit */}\r\n <FileDownIcon className=\"w-8 h-8 shrink-0\" />\r\n <div className=\"space-y-1\">\r\n <Text variant=\"body\" as=\"div\">\r\n {title}\r\n </Text>\r\n {(format || date) && (\r\n <Text variant=\"caption\" className=\"text-navy-opacity-40\">\r\n {format && date ? `${format} · ${date}` : format || date}\r\n </Text>\r\n )}\r\n </div>\r\n </a>\r\n )\r\n}\r\n\r\nexport default DocCard\r\n"],"names":["DocCard","title","format","link","target","date","download","React","FileDownIcon","Text","DocCard$1"],"mappings":";;;AAaA,MAAMA,IAAkC,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,QAAAC,GAAQ,MAAAC,GAAM,UAAAC,IAAW,SAErFC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAMJ;AAAA,IACN,QAAAC;AAAA,IACA,UAAAE;AAAA,IACA,WAAU;AAAA,EAAA;AAAA,EAGVC,gBAAAA,EAAA,cAACC,GAAa,EAAA,WAAU,mBAAmB,CAAA;AAAA,EAC1CD,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,YAAA,GACZA,gBAAAA,EAAA,cAAAE,GAAA,EAAK,SAAQ,QAAO,IAAG,MAAA,GACrBR,CACH,IACEC,KAAUG,MACTE,gBAAAA,EAAA,cAAAE,GAAA,EAAK,SAAQ,WAAU,WAAU,0BAC/BP,KAAUG,IAAO,GAAGH,CAAM,MAAMG,CAAI,KAAKH,KAAUG,CACtD,CAEJ;AAAA,GAKNK,IAAeV;"}
|
package/dist/index.es42.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import e from "react";
|
|
2
|
-
import { cva as
|
|
3
|
-
import { cn as
|
|
2
|
+
import { cva as v } from "class-variance-authority";
|
|
3
|
+
import { cn as y } from "./index.es55.js";
|
|
4
4
|
import E from "./index.es46.js";
|
|
5
5
|
import N from "./index.es47.js";
|
|
6
6
|
import b from "./index.es4.js";
|
|
7
|
-
|
|
7
|
+
import g from "./index.es19.js";
|
|
8
|
+
const B = v("space-y-12", {
|
|
8
9
|
variants: {
|
|
9
10
|
variant: {
|
|
10
11
|
default: "py-[120px]",
|
|
@@ -20,42 +21,42 @@ const g = y("space-y-12", {
|
|
|
20
21
|
variant: "default",
|
|
21
22
|
corners: "default"
|
|
22
23
|
}
|
|
23
|
-
}),
|
|
24
|
+
}), S = ({
|
|
24
25
|
title: t,
|
|
25
|
-
sectionId:
|
|
26
|
+
sectionId: l,
|
|
26
27
|
desc: a,
|
|
27
|
-
children:
|
|
28
|
+
children: n,
|
|
28
29
|
moreLink: r,
|
|
29
|
-
moreText:
|
|
30
|
-
withTopMargin:
|
|
31
|
-
withBottomMargin:
|
|
32
|
-
withoutTopPadding:
|
|
30
|
+
moreText: m = "Подробнее",
|
|
31
|
+
withTopMargin: o = !1,
|
|
32
|
+
withBottomMargin: s = !1,
|
|
33
|
+
withoutTopPadding: c = !1,
|
|
33
34
|
withoutBottomPadding: i = !1,
|
|
34
35
|
variant: f,
|
|
35
|
-
corners:
|
|
36
|
-
className:
|
|
36
|
+
corners: d,
|
|
37
|
+
className: p
|
|
37
38
|
}) => {
|
|
38
39
|
const x = [
|
|
39
40
|
"container",
|
|
40
|
-
|
|
41
|
-
|
|
41
|
+
o && "mt-6",
|
|
42
|
+
s && "mb-6"
|
|
42
43
|
].filter(Boolean).map((u) => u).join(" ").trim();
|
|
43
|
-
return /* @__PURE__ */ e.createElement("section", { className: x, id:
|
|
44
|
+
return /* @__PURE__ */ e.createElement("section", { className: x, id: l }, /* @__PURE__ */ e.createElement(
|
|
44
45
|
"div",
|
|
45
46
|
{
|
|
46
|
-
className:
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
className: y(
|
|
48
|
+
B({ variant: f, corners: d }),
|
|
49
|
+
c && "pt-0",
|
|
49
50
|
i && "pb-0",
|
|
50
|
-
|
|
51
|
+
p
|
|
51
52
|
)
|
|
52
53
|
},
|
|
53
|
-
t && /* @__PURE__ */ e.createElement("div", { className: "space-y-4 flex flex-col items-center" }, /* @__PURE__ */ e.createElement(E, { level: 2, className: "text-center max-w-[900px]" }, t), a && /* @__PURE__ */ e.createElement(N, { className: "text-center max-w-
|
|
54
|
-
|
|
55
|
-
r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(b, { href: r },
|
|
54
|
+
t && /* @__PURE__ */ e.createElement("div", { className: "space-y-4 flex flex-col items-center" }, /* @__PURE__ */ e.createElement(E, { level: 2, className: "text-center max-w-[900px]" }, t), a && /* @__PURE__ */ e.createElement(N, { className: "text-center max-w-5xl", as: "div" }, /* @__PURE__ */ e.createElement(g, { html: a }))),
|
|
55
|
+
n,
|
|
56
|
+
r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(b, { href: r }, m))
|
|
56
57
|
));
|
|
57
|
-
},
|
|
58
|
+
}, _ = S;
|
|
58
59
|
export {
|
|
59
|
-
|
|
60
|
+
_ as default
|
|
60
61
|
};
|
|
61
62
|
//# sourceMappingURL=index.es42.js.map
|
package/dist/index.es42.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es42.js","sources":["../src/sections/Section.tsx"],"sourcesContent":["import React from 'react'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport Text from '@/components/core/typography/Text'\r\nimport ButtonPrimary from '@/components/ui/button/ButtonPrimary'\r\n\r\nconst sectionVariants = cva('space-y-12', {\r\n variants: {\r\n variant: {\r\n default: 'py-[120px]',\r\n muted: 'bg-grey-2 py-[88px] px-6',\r\n },\r\n corners: {\r\n default: 'rounded-2xl',\r\n onlyTop: 'rounded-t-2xl',\r\n onlyBottom: 'rounded-b-2xl',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n corners: 'default',\r\n },\r\n})\r\n\r\nexport interface SectionProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof sectionVariants> {\r\n title: string\r\n sectionId?: string\r\n desc?: string\r\n children?: React.ReactNode\r\n moreLink?: string\r\n moreText?: string\r\n withTopMargin?: boolean\r\n withBottomMargin?: boolean\r\n withoutTopPadding?: boolean\r\n withoutBottomPadding?: boolean\r\n className?: string\r\n}\r\n\r\nconst Section: React.FC<SectionProps> = ({\r\n title,\r\n sectionId,\r\n desc,\r\n children,\r\n moreLink,\r\n moreText = 'Подробнее',\r\n withTopMargin = false,\r\n withBottomMargin = false,\r\n withoutTopPadding = false,\r\n withoutBottomPadding = false,\r\n variant,\r\n corners,\r\n className,\r\n}) => {\r\n const sectionClasses = [\r\n 'container',\r\n withTopMargin && 'mt-6',\r\n withBottomMargin && 'mb-6',\r\n ]\r\n .filter(Boolean)\r\n .map((item) => item)\r\n .join(' ')\r\n .trim()\r\n\r\n return (\r\n <section className={sectionClasses} id={sectionId}>\r\n <div\r\n className={cn(\r\n sectionVariants({ variant, corners }),\r\n withoutTopPadding && 'pt-0',\r\n withoutBottomPadding && 'pb-0',\r\n className\r\n )}\r\n >\r\n {title && (\r\n <div className=\"space-y-4 flex flex-col items-center\">\r\n <Heading level={2} className=\"text-center max-w-[900px]\">\r\n {title}\r\n </Heading>\r\n {desc && <Text className=\"text-center max-w-
|
|
1
|
+
{"version":3,"file":"index.es42.js","sources":["../src/sections/Section.tsx"],"sourcesContent":["import React from 'react'\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport Text from '@/components/core/typography/Text'\r\nimport ButtonPrimary from '@/components/ui/button/ButtonPrimary'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\n\r\nconst sectionVariants = cva('space-y-12', {\r\n variants: {\r\n variant: {\r\n default: 'py-[120px]',\r\n muted: 'bg-grey-2 py-[88px] px-6',\r\n },\r\n corners: {\r\n default: 'rounded-2xl',\r\n onlyTop: 'rounded-t-2xl',\r\n onlyBottom: 'rounded-b-2xl',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n corners: 'default',\r\n },\r\n})\r\n\r\nexport interface SectionProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof sectionVariants> {\r\n title: string\r\n sectionId?: string\r\n desc?: string\r\n children?: React.ReactNode\r\n moreLink?: string\r\n moreText?: string\r\n withTopMargin?: boolean\r\n withBottomMargin?: boolean\r\n withoutTopPadding?: boolean\r\n withoutBottomPadding?: boolean\r\n className?: string\r\n}\r\n\r\nconst Section: React.FC<SectionProps> = ({\r\n title,\r\n sectionId,\r\n desc,\r\n children,\r\n moreLink,\r\n moreText = 'Подробнее',\r\n withTopMargin = false,\r\n withBottomMargin = false,\r\n withoutTopPadding = false,\r\n withoutBottomPadding = false,\r\n variant,\r\n corners,\r\n className,\r\n}) => {\r\n const sectionClasses = [\r\n 'container',\r\n withTopMargin && 'mt-6',\r\n withBottomMargin && 'mb-6',\r\n ]\r\n .filter(Boolean)\r\n .map((item) => item)\r\n .join(' ')\r\n .trim()\r\n\r\n return (\r\n <section className={sectionClasses} id={sectionId}>\r\n <div\r\n className={cn(\r\n sectionVariants({ variant, corners }),\r\n withoutTopPadding && 'pt-0',\r\n withoutBottomPadding && 'pb-0',\r\n className\r\n )}\r\n >\r\n {title && (\r\n <div className=\"space-y-4 flex flex-col items-center\">\r\n <Heading level={2} className=\"text-center max-w-[900px]\">\r\n {title}\r\n </Heading>\r\n {desc && (\r\n <Text className=\"text-center max-w-5xl\" as={'div'}>\r\n <SafeHtmlRenderer html={desc} />\r\n </Text>\r\n )}\r\n </div>\r\n )}\r\n {children}\r\n {moreLink && (\r\n <div className=\"flex justify-center\">\r\n <ButtonPrimary href={moreLink}>{moreText}</ButtonPrimary>\r\n </div>\r\n )}\r\n </div>\r\n </section>\r\n )\r\n}\r\n\r\nexport default Section\r\n"],"names":["sectionVariants","cva","Section","title","sectionId","desc","children","moreLink","moreText","withTopMargin","withBottomMargin","withoutTopPadding","withoutBottomPadding","variant","corners","className","sectionClasses","item","React","cn","Heading","Text","SafeHtmlRenderer","ButtonPrimary","Section$1"],"mappings":";;;;;;;AAQA,MAAMA,IAAkBC,EAAI,cAAc;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC,GAkBKC,IAAkC,CAAC;AAAA,EACvC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAiB;AAAA,IACrB;AAAA,IACAP,KAAiB;AAAA,IACjBC,KAAoB;AAAA,EAEnB,EAAA,OAAO,OAAO,EACd,IAAI,CAACO,MAASA,CAAI,EAClB,KAAK,GAAG,EACR,KAAK;AAER,SACGC,gBAAAA,EAAA,cAAA,WAAA,EAAQ,WAAWF,GAAgB,IAAIZ,KACtCc,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTnB,EAAgB,EAAE,SAAAa,GAAS,SAAAC,GAAS;AAAA,QACpCH,KAAqB;AAAA,QACrBC,KAAwB;AAAA,QACxBG;AAAA,MACF;AAAA,IAAA;AAAA,IAECZ,KACEe,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,0EACZE,GAAQ,EAAA,OAAO,GAAG,WAAU,4BAC1B,GAAAjB,CACH,GACCE,KACCa,gBAAAA,EAAA,cAACG,GAAK,EAAA,WAAU,yBAAwB,IAAI,MAC1C,GAAAH,gBAAAA,EAAA,cAACI,GAAiB,EAAA,MAAMjB,EAAM,CAAA,CAChC,CAEJ;AAAA,IAEDC;AAAA,IACAC,KACEW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sBAAA,mCACZK,GAAc,EAAA,MAAMhB,EAAW,GAAAC,CAAS,CAC3C;AAAA,EAAA,CAGN;AAEJ,GAEAgB,IAAetB;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/sections/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/sections/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,eAAe;;;8EAgBnB,CAAA;AAEF,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwDnC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
package/dist/styles.css
CHANGED
|
@@ -821,8 +821,8 @@ body{
|
|
|
821
821
|
.max-w-32{
|
|
822
822
|
max-width: 8rem;
|
|
823
823
|
}
|
|
824
|
-
.max-w-
|
|
825
|
-
max-width:
|
|
824
|
+
.max-w-5xl{
|
|
825
|
+
max-width: 64rem;
|
|
826
826
|
}
|
|
827
827
|
.max-w-\[900px\]{
|
|
828
828
|
max-width: 900px;
|
|
@@ -1000,6 +1000,9 @@ body{
|
|
|
1000
1000
|
margin-top: calc(2rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
|
|
1001
1001
|
margin-bottom: calc(2rem * var(--precision-ui-tw-space-y-reverse));
|
|
1002
1002
|
}
|
|
1003
|
+
.self-start{
|
|
1004
|
+
align-self: flex-start;
|
|
1005
|
+
}
|
|
1003
1006
|
.overflow-hidden{
|
|
1004
1007
|
overflow: hidden;
|
|
1005
1008
|
}
|