@iit/precision-ui 0.2.0 → 0.3.0
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/Adapters.d.ts +0 -7
- package/dist/Adapters.d.ts.map +1 -1
- package/dist/components/GridIterator.d.ts.map +1 -1
- package/dist/components/ui/checkbox/CheckboxWithLabel.d.ts.map +1 -1
- package/dist/decorators/CarouselWrapper.d.ts +4 -4
- package/dist/decorators/CarouselWrapper.d.ts.map +1 -1
- package/dist/index.es12.js +12 -13
- package/dist/index.es12.js.map +1 -1
- package/dist/index.es13.js +2 -2
- package/dist/index.es15.js.map +1 -1
- package/dist/index.es16.js +9 -10
- package/dist/index.es16.js.map +1 -1
- package/dist/index.es19.js +2 -2
- package/dist/index.es22.js +7 -7
- package/dist/index.es23.js +1 -1
- package/dist/index.es24.js +1 -1
- package/dist/index.es27.js.map +1 -1
- package/dist/index.es28.js +20 -2
- package/dist/index.es28.js.map +1 -1
- package/dist/index.es29.js +17 -17
- package/dist/index.es29.js.map +1 -1
- package/dist/index.es30.js +10 -19
- package/dist/index.es30.js.map +1 -1
- package/dist/index.es31.js +85 -11
- package/dist/index.es31.js.map +1 -1
- package/dist/index.es32.js +17 -83
- package/dist/index.es32.js.map +1 -1
- package/dist/index.es33.js +41 -14
- package/dist/index.es33.js.map +1 -1
- package/dist/index.es34.js +39 -40
- package/dist/index.es34.js.map +1 -1
- package/dist/index.es35.js +33 -41
- package/dist/index.es35.js.map +1 -1
- package/dist/index.es36.js +53 -34
- package/dist/index.es36.js.map +1 -1
- package/dist/index.es37.js +73 -37
- package/dist/index.es37.js.map +1 -1
- package/dist/index.es38.js +78 -72
- package/dist/index.es38.js.map +1 -1
- package/dist/index.es39.js +21 -92
- package/dist/index.es39.js.map +1 -1
- package/dist/index.es40.js +44 -26
- package/dist/index.es40.js.map +1 -1
- package/dist/index.es41.js +220 -14
- package/dist/index.es41.js.map +1 -1
- package/dist/index.es42.js +16 -4
- package/dist/index.es42.js.map +1 -1
- package/dist/index.es43.js +7 -0
- package/dist/index.es43.js.map +1 -0
- package/dist/index.es9.js.map +1 -1
- package/dist/styles.css +32 -2
- package/package.json +1 -1
- package/dist/utils/unique.d.ts +0 -2
- package/dist/utils/unique.d.ts.map +0 -1
package/dist/index.es37.js
CHANGED
|
@@ -1,59 +1,95 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { cva as d } from "class-variance-authority";
|
|
2
|
+
import c from "./index.es6.js";
|
|
3
|
+
import g from "./index.es23.js";
|
|
4
4
|
import e from "react";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
5
|
+
import u from "./index.es24.js";
|
|
6
|
+
import { cn as o } from "./index.es25.js";
|
|
7
|
+
import { getAdapter as m } from "./index.es9.js";
|
|
8
|
+
const x = d(
|
|
9
|
+
"group p-6 rounded-lg min-h-[300px] flex flex-col justify-between gap-12 items-start relative hover:scale1-[1.005] h-full",
|
|
10
|
+
{
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {
|
|
13
|
+
default: "text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy",
|
|
14
|
+
// navy: "text-whitish bg-gradient-to-b from-navy to-sapphire hover:from-sapphire hover:to-navy",
|
|
15
|
+
navy: "text-whitish primary-gradient"
|
|
16
|
+
},
|
|
17
|
+
size: {
|
|
18
|
+
1: "sm:col-span-1",
|
|
19
|
+
2: "sm:col-span-2"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
variant: "default",
|
|
24
|
+
size: 1
|
|
14
25
|
}
|
|
15
|
-
},
|
|
16
|
-
defaultVariants: {
|
|
17
|
-
variant: "default"
|
|
18
26
|
}
|
|
19
|
-
|
|
27
|
+
), E = d("", {
|
|
20
28
|
variants: {
|
|
21
29
|
variant: {
|
|
22
30
|
default: "text-navy-opacity-60",
|
|
23
|
-
|
|
31
|
+
navy: "text-whitish-opacity-60"
|
|
24
32
|
}
|
|
25
33
|
},
|
|
26
34
|
defaultVariants: {
|
|
27
35
|
variant: "default"
|
|
28
36
|
}
|
|
29
|
-
}),
|
|
30
|
-
title:
|
|
31
|
-
desc:
|
|
37
|
+
}), j = ({
|
|
38
|
+
title: i,
|
|
39
|
+
desc: p,
|
|
40
|
+
icon: v,
|
|
41
|
+
link: l,
|
|
32
42
|
variant: t,
|
|
33
|
-
|
|
34
|
-
|
|
43
|
+
size: s,
|
|
44
|
+
buttons: r
|
|
35
45
|
}) => {
|
|
36
|
-
const
|
|
37
|
-
|
|
46
|
+
const f = m("LinkWrapper"), h = m("ImageWrapper");
|
|
47
|
+
let n = /* @__PURE__ */ e.createElement("div", { className: o(x({ variant: t, size: s })) }, /* @__PURE__ */ e.createElement("div", { className: "rounded-lg p-4 bg-turquoise-opacity-20" }, /* @__PURE__ */ e.createElement(
|
|
48
|
+
h,
|
|
49
|
+
{
|
|
50
|
+
src: v,
|
|
51
|
+
alt: `Изображение для ${i}`,
|
|
52
|
+
width: 32,
|
|
53
|
+
height: 32,
|
|
54
|
+
className: "object-contain"
|
|
55
|
+
}
|
|
56
|
+
)), /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ e.createElement(g, { level: 5, className: "mt-4 mb-2" }, i), /* @__PURE__ */ e.createElement(u, { variant: "small-body", className: o(E({ variant: t })) }, p)), !(r && r.length) && /* @__PURE__ */ e.createElement(
|
|
38
57
|
c,
|
|
39
58
|
{
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
59
|
+
icon: "arrowRight",
|
|
60
|
+
variant: t === "navy" ? "white" : "default"
|
|
61
|
+
},
|
|
62
|
+
"Подробнее"
|
|
63
|
+
), r && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-3" }, r?.map((a, y) => /* @__PURE__ */ e.createElement("div", { key: y }, /* @__PURE__ */ e.createElement(
|
|
64
|
+
c,
|
|
65
|
+
{
|
|
66
|
+
variant: t === "navy" ? "white" : "default",
|
|
67
|
+
icon: a.icon,
|
|
68
|
+
asChild: !0
|
|
45
69
|
},
|
|
46
|
-
/* @__PURE__ */ e.createElement(
|
|
47
|
-
|
|
70
|
+
/* @__PURE__ */ e.createElement(
|
|
71
|
+
"a",
|
|
48
72
|
{
|
|
49
|
-
|
|
50
|
-
|
|
73
|
+
href: a.href,
|
|
74
|
+
target: a.target || "_self",
|
|
75
|
+
download: a.download
|
|
51
76
|
},
|
|
52
|
-
|
|
53
|
-
)
|
|
54
|
-
)
|
|
77
|
+
a.text
|
|
78
|
+
)
|
|
79
|
+
)))));
|
|
80
|
+
return l && (n = /* @__PURE__ */ e.createElement(
|
|
81
|
+
f,
|
|
82
|
+
{
|
|
83
|
+
href: l,
|
|
84
|
+
className: o(
|
|
85
|
+
"relative transition-all bottom-0 hover:bottom-2 transform duration-300 border border-transparent rounded-lg hover1:border-navy-opacity-16",
|
|
86
|
+
s === 2 ? "sm:col-span-2" : "sm:col-span-1"
|
|
87
|
+
)
|
|
88
|
+
},
|
|
89
|
+
n
|
|
90
|
+
)), n;
|
|
55
91
|
};
|
|
56
92
|
export {
|
|
57
|
-
|
|
93
|
+
j as default
|
|
58
94
|
};
|
|
59
95
|
//# sourceMappingURL=index.es37.js.map
|
package/dist/index.es37.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es37.js","sources":["../src/components/cards/
|
|
1
|
+
{"version":3,"file":"index.es37.js","sources":["../src/components/cards/Product.tsx"],"sourcesContent":["import {\r\n ButtonTextIconName,\r\n ButtonTextPropsWithoutHTMLAttributes,\r\n} from '../ui/button/ButtonText'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst productCardVariants = cva(\r\n 'group p-6 rounded-lg min-h-[300px] flex flex-col justify-between gap-12 items-start relative hover:scale1-[1.005] h-full',\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n 'text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy',\r\n // navy: \"text-whitish bg-gradient-to-b from-navy to-sapphire hover:from-sapphire hover:to-navy\",\r\n navy: 'text-whitish primary-gradient',\r\n },\r\n size: {\r\n 1: 'sm:col-span-1',\r\n 2: 'sm:col-span-2',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n size: 1,\r\n },\r\n }\r\n)\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n variant: {\r\n default: 'text-navy-opacity-60',\r\n navy: 'text-whitish-opacity-60',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nexport interface ProductCardButtonProps\r\n extends ButtonTextPropsWithoutHTMLAttributes {\r\n href?: string\r\n target?: '_blank' | '_self'\r\n icon?: ButtonTextIconName\r\n download?: boolean\r\n}\r\n\r\nexport interface ProductCardProps\r\n extends React.HTMLAttributes<HTMLAnchorElement>,\r\n VariantProps<typeof productCardVariants> {\r\n title: string\r\n desc: string\r\n icon: string\r\n link?: string\r\n size?: 1 | 2\r\n buttons?: ProductCardButtonProps[]\r\n}\r\n\r\nexport interface ProductCardPropsWithoutHtmlAttributes\r\n extends Omit<ProductCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n title: string\r\n}\r\n\r\nconst ProductCard: React.FC<ProductCardProps> = ({\r\n title,\r\n desc,\r\n icon,\r\n link,\r\n variant,\r\n size,\r\n buttons,\r\n}) => {\r\n const LinkWrapper = getAdapter('LinkWrapper')\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n let component = (\r\n <div className={cn(productCardVariants({ variant, size }))}>\r\n <div className=\"rounded-lg p-4 bg-turquoise-opacity-20\">\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 <div className=\"space-y-2\">\r\n <Heading level={5} className=\"mt-4 mb-2\">\r\n {title}\r\n </Heading>\r\n <Text variant=\"small-body\" className={cn(descVariants({ variant }))}>\r\n {desc}\r\n </Text>\r\n </div>\r\n {/* TODO: here is the button, should be a link */}\r\n\r\n {!(buttons && buttons.length) && (\r\n <ButtonText\r\n icon=\"arrowRight\"\r\n variant={variant === 'navy' ? 'white' : 'default'}\r\n >\r\n Подробнее\r\n </ButtonText>\r\n )}\r\n\r\n {buttons && (\r\n <div className=\"flex space-x-3\">\r\n {buttons?.map((button, index) => (\r\n <div key={index}>\r\n <ButtonText\r\n variant={variant === 'navy' ? 'white' : 'default'}\r\n icon={button.icon}\r\n asChild\r\n >\r\n <a\r\n href={button.href}\r\n target={button.target || '_self'}\r\n download={button.download}\r\n >\r\n {button.text}\r\n </a>\r\n </ButtonText>\r\n {/* <ButtonSecondary asChild variant={\"outline\"}>\r\n <a href={button.href} target={button.target}>\r\n {button.text}\r\n </a>\r\n </ButtonSecondary> */}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n )\r\n\r\n if (link) {\r\n component = (\r\n <LinkWrapper\r\n href={link}\r\n className={cn(\r\n 'relative transition-all bottom-0 hover:bottom-2 transform duration-300 border border-transparent rounded-lg hover1:border-navy-opacity-16',\r\n size === 2 ? 'sm:col-span-2' : 'sm:col-span-1'\r\n )}\r\n >\r\n {component}\r\n </LinkWrapper>\r\n )\r\n }\r\n\r\n return component\r\n}\r\n\r\nexport default ProductCard\r\n"],"names":["productCardVariants","cva","descVariants","ProductCard","title","desc","icon","link","variant","size","buttons","LinkWrapper","getAdapter","ImageWrapper","component","React","cn","Heading","Text","ButtonText","button","index"],"mappings":";;;;;;;AAaA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA;AAAA,QAEF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAAeD,EAAI,IAAI;AAAA,EAC3B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GA0BKE,IAA0C,CAAC;AAAA,EAC/C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAW,aAAa,GACtCC,IAAeD,EAAW,cAAc;AAE9C,MAAIE,IACFC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWC,EAAGhB,EAAoB,EAAE,SAAAQ,GAAS,MAAAC,EAAA,CAAM,CAAC,EAAA,GACtDM,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,4CACbA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd,GACCW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACE,GAAQ,EAAA,OAAO,GAAG,WAAU,YAC1B,GAAAb,CACH,GACCW,gBAAAA,EAAA,cAAAG,GAAA,EAAK,SAAQ,cAAa,WAAWF,EAAGd,EAAa,EAAE,SAAAM,EAAS,CAAA,CAAC,EAC/D,GAAAH,CACH,CACF,GAGC,EAAEK,KAAWA,EAAQ,WACpBK,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASX,MAAY,SAAS,UAAU;AAAA,IAAA;AAAA,IACzC;AAAA,EAAA,GAKFE,KACEK,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,oBACZL,GAAS,IAAI,CAACU,GAAQC,MACpBN,gBAAAA,EAAA,cAAA,OAAA,EAAI,KAAKM,KACRN,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAASX,MAAY,SAAS,UAAU;AAAA,MACxC,MAAMY,EAAO;AAAA,MACb,SAAO;AAAA,IAAA;AAAA,IAEPL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMK,EAAO;AAAA,QACb,QAAQA,EAAO,UAAU;AAAA,QACzB,UAAUA,EAAO;AAAA,MAAA;AAAA,MAEhBA,EAAO;AAAA,IACV;AAAA,EAAA,CAOJ,CACD,CACH,CAEJ;AAGF,SAAIb,MAEAO,IAAAC,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,MAAMJ;AAAA,MACN,WAAWS;AAAA,QACT;AAAA,QACAP,MAAS,IAAI,kBAAkB;AAAA,MACjC;AAAA,IAAA;AAAA,IAECK;AAAA,EAAA,IAKAA;AACT;"}
|
package/dist/index.es38.js
CHANGED
|
@@ -1,30 +1,38 @@
|
|
|
1
|
-
import { cva as d } from "class-variance-authority";
|
|
2
|
-
import c from "./index.es6.js";
|
|
3
|
-
import g from "./index.es23.js";
|
|
4
1
|
import e from "react";
|
|
5
|
-
import
|
|
6
|
-
import { cn as
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
import { cva as o } from "class-variance-authority";
|
|
3
|
+
import { cn as s } from "./index.es25.js";
|
|
4
|
+
import f from "./index.es23.js";
|
|
5
|
+
import d from "./index.es24.js";
|
|
6
|
+
import E from "./index.es5.js";
|
|
7
|
+
import x from "./index.es8.js";
|
|
8
|
+
import { Tag as g } from "./index.es17.js";
|
|
9
|
+
import N from "./index.es14.js";
|
|
10
|
+
import { getAdapter as b } from "./index.es9.js";
|
|
11
|
+
import w from "./index.es13.js";
|
|
12
|
+
const k = o(
|
|
13
|
+
"group p-6 rounded-lg min-h-[360px] flex flex-col justify-between h-full",
|
|
10
14
|
{
|
|
11
15
|
variants: {
|
|
12
16
|
variant: {
|
|
13
17
|
default: "text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy",
|
|
14
|
-
|
|
15
|
-
navy: "text-whitish primary-gradient"
|
|
16
|
-
},
|
|
17
|
-
size: {
|
|
18
|
-
1: "sm:col-span-1",
|
|
19
|
-
2: "sm:col-span-2"
|
|
18
|
+
navy: "text-whitish bg-gradient-to-b from-navy to-sapphire hover1:from-sapphire hover1:to-navy"
|
|
20
19
|
}
|
|
21
20
|
},
|
|
22
21
|
defaultVariants: {
|
|
23
|
-
variant: "default"
|
|
24
|
-
size: 1
|
|
22
|
+
variant: "default"
|
|
25
23
|
}
|
|
26
24
|
}
|
|
27
|
-
),
|
|
25
|
+
), V = o("w-full h-[1px]", {
|
|
26
|
+
variants: {
|
|
27
|
+
variant: {
|
|
28
|
+
default: "bg-grey-1",
|
|
29
|
+
navy: "bg-whitish-opacity-16"
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
defaultVariants: {
|
|
33
|
+
variant: "default"
|
|
34
|
+
}
|
|
35
|
+
}), B = o("", {
|
|
28
36
|
variants: {
|
|
29
37
|
variant: {
|
|
30
38
|
default: "text-navy-opacity-60",
|
|
@@ -34,62 +42,60 @@ const x = d(
|
|
|
34
42
|
defaultVariants: {
|
|
35
43
|
variant: "default"
|
|
36
44
|
}
|
|
37
|
-
}),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
variant: t,
|
|
43
|
-
size: s,
|
|
44
|
-
buttons: r
|
|
45
|
+
}), R = ({
|
|
46
|
+
variant: a,
|
|
47
|
+
title: l,
|
|
48
|
+
link: r,
|
|
49
|
+
onClick: n
|
|
45
50
|
}) => {
|
|
46
|
-
const
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
51
|
+
const m = b("LinkWrapper"), i = /* @__PURE__ */ e.createElement(E, { variant: a, onClick: n }, l || "Подробнее");
|
|
52
|
+
return r ? /* @__PURE__ */ e.createElement(m, { href: r }, i) : i;
|
|
53
|
+
}, D = ({
|
|
54
|
+
variant: a,
|
|
55
|
+
className: l,
|
|
56
|
+
title: r,
|
|
57
|
+
oldPrice: n,
|
|
58
|
+
price: m,
|
|
59
|
+
desc: i,
|
|
60
|
+
link: y,
|
|
61
|
+
onClickBuyButton: u,
|
|
62
|
+
buttons: h,
|
|
63
|
+
tags: v,
|
|
64
|
+
titleInformer: p
|
|
65
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: s(k({ variant: a, className: l })) }, /* @__PURE__ */ e.createElement("div", null, v && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 mb-6" }, v.map((t, c) => /* @__PURE__ */ e.createElement(g, { key: c, variant: t.color }, t.title))), /* @__PURE__ */ e.createElement("div", { className: "space-y-12 mb-6" }, /* @__PURE__ */ e.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 items-center relative" }, /* @__PURE__ */ e.createElement(
|
|
66
|
+
x,
|
|
67
|
+
{
|
|
68
|
+
href: y,
|
|
69
|
+
variant: a === "navy" ? "white" : "navy"
|
|
70
|
+
},
|
|
71
|
+
/* @__PURE__ */ e.createElement(f, { level: 4, as: "span" }, r)
|
|
72
|
+
), p && /* @__PURE__ */ e.createElement(w, { content: p })), /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4 items-baseline" }, n && /* @__PURE__ */ e.createElement(
|
|
73
|
+
d,
|
|
74
|
+
{
|
|
75
|
+
variant: "caption",
|
|
76
|
+
className: "text-navy-opacity-40 line-through"
|
|
77
|
+
},
|
|
78
|
+
n
|
|
79
|
+
), /* @__PURE__ */ e.createElement(f, { level: 5, as: "div" }, m))), /* @__PURE__ */ e.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ e.createElement("div", { className: s(V({ variant: a })) }), /* @__PURE__ */ e.createElement(
|
|
80
|
+
d,
|
|
81
|
+
{
|
|
82
|
+
variant: "small-body",
|
|
83
|
+
as: "div",
|
|
84
|
+
className: s(B({ variant: a }), "content")
|
|
85
|
+
},
|
|
86
|
+
/* @__PURE__ */ e.createElement(N, { html: i })
|
|
87
|
+
)))), /* @__PURE__ */ e.createElement("div", { className: "w-full gap-2 flex" }, h?.map((t, c) => /* @__PURE__ */ e.createElement(
|
|
88
|
+
R,
|
|
89
|
+
{
|
|
90
|
+
key: c,
|
|
91
|
+
variant: t.variant,
|
|
92
|
+
title: t.title,
|
|
93
|
+
link: t.link,
|
|
94
|
+
onClick: () => t.isBuyButton && u?.(r)
|
|
95
|
+
}
|
|
96
|
+
))));
|
|
92
97
|
export {
|
|
93
|
-
|
|
98
|
+
R as RateButton,
|
|
99
|
+
D as default
|
|
94
100
|
};
|
|
95
101
|
//# sourceMappingURL=index.es38.js.map
|
package/dist/index.es38.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es38.js","sources":["../src/components/cards/
|
|
1
|
+
{"version":3,"file":"index.es38.js","sources":["../src/components/cards/Rate.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport Heading from '../core/typography/Heading'\r\nimport Text from '../core/typography/Text'\r\nimport { ButtonSecondary } from '../ui/button'\r\nimport AppLink from '../ui/Link'\r\nimport { ButtonSecondaryProps } from '../ui/button/ButtonSecondary'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport { getAdapter } from '@/Adapters'\r\nimport Informer from '../Informer'\r\n\r\nconst rateCardVariants = cva(\r\n 'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between h-full',\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n 'text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy',\r\n navy: 'text-whitish bg-gradient-to-b from-navy to-sapphire hover1:from-sapphire hover1:to-navy',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n }\r\n)\r\n\r\nconst dividerVariants = cva('w-full h-[1px]', {\r\n variants: {\r\n variant: {\r\n default: 'bg-grey-1',\r\n navy: 'bg-whitish-opacity-16',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n variant: {\r\n default: 'text-navy-opacity-60',\r\n navy: 'text-whitish-opacity-60',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nexport interface RateButtonProps {\r\n variant?: ButtonSecondaryProps['variant']\r\n title?: string\r\n link?: string\r\n isBuyButton?: boolean\r\n onClick?: () => void\r\n}\r\n\r\nexport const RateButton: React.FC<RateButtonProps> = ({\r\n variant,\r\n title,\r\n link,\r\n onClick,\r\n}) => {\r\n const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n const button = (\r\n <ButtonSecondary variant={variant} onClick={onClick}>\r\n {title || 'Подробнее'}\r\n </ButtonSecondary>\r\n )\r\n\r\n if (link) {\r\n return <LinkWrapper href={link}>{button}</LinkWrapper>\r\n }\r\n\r\n return button\r\n}\r\n\r\nexport interface RateCardProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof rateCardVariants> {\r\n className?: string\r\n title: string\r\n oldPrice?: string\r\n price: string\r\n desc: string\r\n link: string\r\n onClickBuyButton?: (title: string) => void\r\n buttons?: RateButtonProps[]\r\n tags?: TagItemProps[]\r\n titleInformer?: string\r\n}\r\n\r\nexport interface RateCardPropsWithoutHTMLAttributes\r\n extends Omit<RateCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n className?: string\r\n title: string\r\n}\r\n\r\nconst RateCard: React.FC<RateCardProps> = ({\r\n variant,\r\n className,\r\n title,\r\n oldPrice,\r\n price,\r\n desc,\r\n link,\r\n onClickBuyButton,\r\n buttons,\r\n tags,\r\n titleInformer,\r\n}) => {\r\n return (\r\n <div className={cn(rateCardVariants({ variant, className }))}>\r\n <div>\r\n {tags && (\r\n <div className=\"flex space-x-2 mb-6\">\r\n {tags.map((tag, index) => (\r\n <Tag key={index} variant={tag.color}>\r\n {tag.title}\r\n </Tag>\r\n ))}\r\n </div>\r\n )}\r\n <div className=\"space-y-12 mb-6\">\r\n <div className=\"space-y-4\">\r\n <div className=\"flex space-x-2 items-center relative\">\r\n <AppLink\r\n href={link}\r\n variant={variant === 'navy' ? 'white' : 'navy'}\r\n >\r\n <Heading level={4} as={'span'}>\r\n {title}\r\n </Heading>\r\n </AppLink>\r\n {titleInformer && <Informer content={titleInformer} />}\r\n </div>\r\n <div className=\"flex space-x-4 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"caption\"\r\n className=\"text-navy-opacity-40 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={5} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n </div>\r\n <div className=\"space-y-4\">\r\n <div className={cn(dividerVariants({ variant }))}></div>\r\n <Text\r\n variant=\"small-body\"\r\n as=\"div\"\r\n className={cn(descVariants({ variant }), 'content')}\r\n >\r\n <SafeHtmlRenderer html={desc} />\r\n </Text>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"w-full gap-2 flex\">\r\n {buttons?.map((button, index) => (\r\n <RateButton\r\n key={index}\r\n variant={button.variant}\r\n title={button.title}\r\n link={button.link}\r\n onClick={() => button.isBuyButton && onClickBuyButton?.(title)}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default RateCard\r\n"],"names":["rateCardVariants","cva","dividerVariants","descVariants","RateButton","variant","title","link","onClick","LinkWrapper","getAdapter","button","React","ButtonSecondary","RateCard","className","oldPrice","price","desc","onClickBuyButton","buttons","tags","titleInformer","cn","tag","index","Tag","AppLink","Heading","Informer","Text","SafeHtmlRenderer"],"mappings":"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"}
|
package/dist/index.es39.js
CHANGED
|
@@ -1,101 +1,30 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import { cn as s } from "./index.es25.js";
|
|
4
|
-
import f from "./index.es23.js";
|
|
5
|
-
import d from "./index.es24.js";
|
|
6
|
-
import E from "./index.es5.js";
|
|
7
|
-
import x from "./index.es8.js";
|
|
8
|
-
import { Tag as g } from "./index.es17.js";
|
|
9
|
-
import N from "./index.es14.js";
|
|
10
|
-
import { getAdapter as b } from "./index.es9.js";
|
|
11
|
-
import w from "./index.es13.js";
|
|
12
|
-
const k = o(
|
|
13
|
-
"group p-6 rounded-lg min-h-[360px] flex flex-col justify-between h-full",
|
|
14
|
-
{
|
|
15
|
-
variants: {
|
|
16
|
-
variant: {
|
|
17
|
-
default: "text-navy bg-whitish hover1:bg-navy-opacity-4 hover1:text-navy",
|
|
18
|
-
navy: "text-whitish bg-gradient-to-b from-navy to-sapphire hover1:from-sapphire hover1:to-navy"
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
defaultVariants: {
|
|
22
|
-
variant: "default"
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
), V = o("w-full h-[1px]", {
|
|
26
|
-
variants: {
|
|
27
|
-
variant: {
|
|
28
|
-
default: "bg-grey-1",
|
|
29
|
-
navy: "bg-whitish-opacity-16"
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
defaultVariants: {
|
|
33
|
-
variant: "default"
|
|
34
|
-
}
|
|
35
|
-
}), B = o("", {
|
|
1
|
+
import { cva as t } from "class-variance-authority";
|
|
2
|
+
const i = t("", {
|
|
36
3
|
variants: {
|
|
37
4
|
variant: {
|
|
38
|
-
|
|
39
|
-
|
|
5
|
+
factoid: "typo_variant_factoid",
|
|
6
|
+
h1: "typo_variant_h1",
|
|
7
|
+
h2: "typo_variant_h2",
|
|
8
|
+
h3: "typo_variant_h3",
|
|
9
|
+
h4: "typo_variant_h4",
|
|
10
|
+
h5: "typo_variant_h5",
|
|
11
|
+
h6: "typo_variant_h6",
|
|
12
|
+
"subtitle-1": "typo_variant_subtitle-1",
|
|
13
|
+
"subtitle-2": "typo_variant_subtitle-2",
|
|
14
|
+
overline: "typo_variant_overline",
|
|
15
|
+
"lead-text": "typo_variant_lead-text",
|
|
16
|
+
body: "typo_variant_body",
|
|
17
|
+
"small-body": "typo_variant_small-body",
|
|
18
|
+
caption: "typo_variant_caption",
|
|
19
|
+
button: "typo_variant_button",
|
|
20
|
+
link: "typo_variant_link"
|
|
40
21
|
}
|
|
41
22
|
},
|
|
42
23
|
defaultVariants: {
|
|
43
|
-
variant: "
|
|
44
|
-
}
|
|
45
|
-
}), R = ({
|
|
46
|
-
variant: a,
|
|
47
|
-
title: l,
|
|
48
|
-
link: r,
|
|
49
|
-
onClick: n
|
|
50
|
-
}) => {
|
|
51
|
-
const m = b("LinkWrapper"), i = /* @__PURE__ */ e.createElement(E, { variant: a, onClick: n }, l || "Подробнее");
|
|
52
|
-
return r ? /* @__PURE__ */ e.createElement(m, { href: r }, i) : i;
|
|
53
|
-
}, D = ({
|
|
54
|
-
variant: a,
|
|
55
|
-
className: l,
|
|
56
|
-
title: r,
|
|
57
|
-
oldPrice: n,
|
|
58
|
-
price: m,
|
|
59
|
-
desc: i,
|
|
60
|
-
link: y,
|
|
61
|
-
onClickBuyButton: u,
|
|
62
|
-
buttons: h,
|
|
63
|
-
tags: v,
|
|
64
|
-
titleInformer: p
|
|
65
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: s(k({ variant: a, className: l })) }, /* @__PURE__ */ e.createElement("div", null, v && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 mb-6" }, v.map((t, c) => /* @__PURE__ */ e.createElement(g, { key: c, variant: t.color }, t.title))), /* @__PURE__ */ e.createElement("div", { className: "space-y-12 mb-6" }, /* @__PURE__ */ e.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 items-center relative" }, /* @__PURE__ */ e.createElement(
|
|
66
|
-
x,
|
|
67
|
-
{
|
|
68
|
-
href: y,
|
|
69
|
-
variant: a === "navy" ? "white" : "navy"
|
|
70
|
-
},
|
|
71
|
-
/* @__PURE__ */ e.createElement(f, { level: 4, as: "span" }, r)
|
|
72
|
-
), p && /* @__PURE__ */ e.createElement(w, { content: p })), /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4 items-baseline" }, n && /* @__PURE__ */ e.createElement(
|
|
73
|
-
d,
|
|
74
|
-
{
|
|
75
|
-
variant: "caption",
|
|
76
|
-
className: "text-navy-opacity-40 line-through"
|
|
77
|
-
},
|
|
78
|
-
n
|
|
79
|
-
), /* @__PURE__ */ e.createElement(f, { level: 5, as: "div" }, m))), /* @__PURE__ */ e.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ e.createElement("div", { className: s(V({ variant: a })) }), /* @__PURE__ */ e.createElement(
|
|
80
|
-
d,
|
|
81
|
-
{
|
|
82
|
-
variant: "small-body",
|
|
83
|
-
as: "div",
|
|
84
|
-
className: s(B({ variant: a }), "content")
|
|
85
|
-
},
|
|
86
|
-
/* @__PURE__ */ e.createElement(N, { html: i })
|
|
87
|
-
)))), /* @__PURE__ */ e.createElement("div", { className: "w-full gap-2 flex" }, h?.map((t, c) => /* @__PURE__ */ e.createElement(
|
|
88
|
-
R,
|
|
89
|
-
{
|
|
90
|
-
key: c,
|
|
91
|
-
variant: t.variant,
|
|
92
|
-
title: t.title,
|
|
93
|
-
link: t.link,
|
|
94
|
-
onClick: () => t.isBuyButton && u?.(r)
|
|
24
|
+
variant: "body"
|
|
95
25
|
}
|
|
96
|
-
)
|
|
26
|
+
});
|
|
97
27
|
export {
|
|
98
|
-
|
|
99
|
-
D as default
|
|
28
|
+
i as typeVariants
|
|
100
29
|
};
|
|
101
30
|
//# sourceMappingURL=index.es39.js.map
|
package/dist/index.es39.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es39.js","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"index.es39.js","sources":["../src/components/core/typography/typeVariants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\r\n\r\nexport const typeVariants = cva(\"\", {\r\n variants: {\r\n variant: {\r\n factoid: \"typo_variant_factoid\",\r\n h1: \"typo_variant_h1\",\r\n h2: \"typo_variant_h2\",\r\n h3: \"typo_variant_h3\",\r\n h4: \"typo_variant_h4\",\r\n h5: \"typo_variant_h5\",\r\n h6: \"typo_variant_h6\",\r\n \"subtitle-1\": \"typo_variant_subtitle-1\",\r\n \"subtitle-2\": \"typo_variant_subtitle-2\",\r\n overline: \"typo_variant_overline\",\r\n \"lead-text\": \"typo_variant_lead-text\",\r\n body: \"typo_variant_body\",\r\n \"small-body\": \"typo_variant_small-body\",\r\n caption: \"typo_variant_caption\",\r\n button: \"typo_variant_button\",\r\n link: \"typo_variant_link\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"body\",\r\n },\r\n});\r\n"],"names":["typeVariants","cva"],"mappings":";AAEa,MAAAA,IAAeC,EAAI,IAAI;AAAA,EAClC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,cAAc;AAAA,MACd,cAAc;AAAA,MACd,UAAU;AAAA,MACV,aAAa;AAAA,MACb,MAAM;AAAA,MACN,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;"}
|