@iit/precision-ui 0.8.9 → 0.8.10
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,10 +1,10 @@
|
|
|
1
|
-
import { TagItemProps } from '../ui/Tag';
|
|
2
1
|
import { default as React } from 'react';
|
|
2
|
+
import { TagItemProps } from '../ui/Tag';
|
|
3
3
|
|
|
4
4
|
export interface FeaturedCardProps {
|
|
5
5
|
size: 1 | 2 | 3 | 4;
|
|
6
6
|
tags: TagItemProps[];
|
|
7
|
-
link
|
|
7
|
+
link?: string;
|
|
8
8
|
title: string;
|
|
9
9
|
desc?: string;
|
|
10
10
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeaturedCard.d.ts","sourceRoot":"","sources":["../../../src/components/cards/FeaturedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"FeaturedCard.d.ts","sourceRoot":"","sources":["../../../src/components/cards/FeaturedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAO,YAAY,EAAE,MAAM,WAAW,CAAA;AAS7C,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACnB,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+F7C,CAAA;AAED,eAAe,YAAY,CAAA"}
|
package/dist/index.es29.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { cn as
|
|
7
|
-
import { cva as
|
|
8
|
-
import { getAdapter as
|
|
9
|
-
const
|
|
10
|
-
size:
|
|
11
|
-
tags:
|
|
12
|
-
link:
|
|
13
|
-
title:
|
|
14
|
-
desc:
|
|
15
|
-
className:
|
|
16
|
-
showDivider:
|
|
17
|
-
price:
|
|
18
|
-
oldPrice:
|
|
19
|
-
detailsText:
|
|
1
|
+
import e, { Fragment as h } from "react";
|
|
2
|
+
import { Tag as y } from "./index.es22.js";
|
|
3
|
+
import g from "./index.es6.js";
|
|
4
|
+
import c from "./index.es46.js";
|
|
5
|
+
import i from "./index.es47.js";
|
|
6
|
+
import { cn as p } from "./index.es55.js";
|
|
7
|
+
import { cva as N } from "class-variance-authority";
|
|
8
|
+
import { getAdapter as w } from "./index.es9.js";
|
|
9
|
+
const F = ({
|
|
10
|
+
size: a,
|
|
11
|
+
tags: d,
|
|
12
|
+
link: t,
|
|
13
|
+
title: v,
|
|
14
|
+
desc: r,
|
|
15
|
+
className: m,
|
|
16
|
+
showDivider: f,
|
|
17
|
+
price: u,
|
|
18
|
+
oldPrice: n,
|
|
19
|
+
detailsText: E
|
|
20
20
|
}) => {
|
|
21
|
-
const
|
|
22
|
-
"p-6 pb-4 bg-whitish rounded-lg transition-all bottom-0 transform duration-300 hover:scale1-[1.015] border border-transparent hover:border-sapphire1 relative
|
|
21
|
+
const o = N(
|
|
22
|
+
"p-6 pb-4 bg-whitish rounded-lg transition-all bottom-0 transform duration-300 hover:scale1-[1.015] border border-transparent hover:border-sapphire1 relative col-span-1 flex flex-col justify-between items-start sm:min-h-[264px] h-full",
|
|
23
23
|
{
|
|
24
24
|
variants: {
|
|
25
25
|
size: {
|
|
@@ -33,24 +33,34 @@ const g = ({
|
|
|
33
33
|
size: 1
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
-
),
|
|
37
|
-
|
|
38
|
-
m,
|
|
36
|
+
), x = w("LinkWrapper"), s = /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement("div", { "data-test-id": "content-container" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2" }, d.map((l, b) => /* @__PURE__ */ e.createElement(y, { key: b, variant: l.color }, l.title))), /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ e.createElement(c, { level: 5, className: "mt-6 lg:max-w-sm", as: "div" }, v), r && /* @__PURE__ */ e.createElement(
|
|
37
|
+
i,
|
|
39
38
|
{
|
|
40
39
|
variant: "small-body",
|
|
41
40
|
className: "text-navy-opacity-60 lg:max-w-sm"
|
|
42
41
|
},
|
|
43
|
-
|
|
44
|
-
))), /* @__PURE__ */ e.createElement("div", { className: "mt-2 sm:mt-6 space-y-6 w-full" },
|
|
45
|
-
|
|
42
|
+
r
|
|
43
|
+
))), /* @__PURE__ */ e.createElement("div", { className: "mt-2 sm:mt-6 space-y-6 w-full" }, f && /* @__PURE__ */ e.createElement("div", { className: "border-t border-navy-opacity-16" }), /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4 items-baseline" }, n && /* @__PURE__ */ e.createElement(
|
|
44
|
+
i,
|
|
46
45
|
{
|
|
47
46
|
variant: "caption",
|
|
48
47
|
className: "text-navy-opacity-40 line-through"
|
|
49
48
|
},
|
|
50
|
-
|
|
51
|
-
), /* @__PURE__ */ e.createElement(
|
|
52
|
-
|
|
49
|
+
n
|
|
50
|
+
), /* @__PURE__ */ e.createElement(c, { level: 4, as: "div" }, u)), t && /* @__PURE__ */ e.createElement(g, { icon: "arrowRight" }, E || "Подробнее")));
|
|
51
|
+
return t ? /* @__PURE__ */ e.createElement(
|
|
52
|
+
x,
|
|
53
|
+
{
|
|
54
|
+
href: t,
|
|
55
|
+
className: p(
|
|
56
|
+
o({ size: a, className: m }),
|
|
57
|
+
"cursor-pointer hover:bottom-1"
|
|
58
|
+
)
|
|
59
|
+
},
|
|
60
|
+
s
|
|
61
|
+
) : /* @__PURE__ */ e.createElement("div", { className: p(o({ size: a, className: m })) }, s);
|
|
62
|
+
}, z = F;
|
|
53
63
|
export {
|
|
54
|
-
|
|
64
|
+
z as default
|
|
55
65
|
};
|
|
56
66
|
//# sourceMappingURL=index.es29.js.map
|
package/dist/index.es29.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es29.js","sources":["../src/components/cards/FeaturedCard.tsx"],"sourcesContent":["import { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport
|
|
1
|
+
{"version":3,"file":"index.es29.js","sources":["../src/components/cards/FeaturedCard.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { cva } from 'class-variance-authority'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface FeaturedCardProps {\r\n size: 1 | 2 | 3 | 4\r\n tags: TagItemProps[]\r\n link?: string\r\n title: string\r\n desc?: string\r\n className?: string\r\n showDivider?: boolean\r\n price?: string\r\n oldPrice?: string\r\n detailsText?: string\r\n}\r\n\r\nconst FeaturedCard: React.FC<FeaturedCardProps> = ({\r\n size,\r\n tags,\r\n link,\r\n title,\r\n desc,\r\n className,\r\n showDivider,\r\n price,\r\n oldPrice,\r\n detailsText,\r\n}) => {\r\n const cardStyles = cva(\r\n 'p-6 pb-4 bg-whitish rounded-lg transition-all bottom-0 transform duration-300 hover:scale1-[1.015] border border-transparent hover:border-sapphire1 relative col-span-1 flex flex-col justify-between items-start sm:min-h-[264px] h-full',\r\n {\r\n variants: {\r\n size: {\r\n 1: 'sm:col-span-1',\r\n 2: 'sm:col-span-2',\r\n 3: 'sm:col-span-3',\r\n 4: 'sm:col-span-4',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 1,\r\n },\r\n }\r\n )\r\n\r\n const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n const component = (\r\n <Fragment>\r\n <div data-test-id=\"content-container\">\r\n <div className=\"flex space-x-2\">\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 <div className=\"space-y-2\">\r\n <Heading level={5} className=\"mt-6 lg:max-w-sm\" as={'div'}>\r\n {title}\r\n </Heading>\r\n {desc && (\r\n <Text\r\n variant=\"small-body\"\r\n className=\"text-navy-opacity-60 lg:max-w-sm\"\r\n >\r\n {desc}\r\n </Text>\r\n )}\r\n </div>\r\n </div>\r\n {/* TODO: here is the button, should be a link */}\r\n <div className=\"mt-2 sm:mt-6 space-y-6 w-full\">\r\n {showDivider && <div className=\"border-t border-navy-opacity-16\"></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={4} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n {link && (\r\n <ButtonText icon=\"arrowRight\">\r\n {detailsText || 'Подробнее'}\r\n </ButtonText>\r\n )}\r\n </div>\r\n </Fragment>\r\n )\r\n\r\n if (link) {\r\n return (\r\n <LinkWrapper\r\n href={link}\r\n className={cn(\r\n cardStyles({ size, className }),\r\n 'cursor-pointer hover:bottom-1'\r\n )}\r\n >\r\n {component}\r\n </LinkWrapper>\r\n )\r\n }\r\n\r\n return <div className={cn(cardStyles({ size, className }))}>{component}</div>\r\n}\r\n\r\nexport default FeaturedCard\r\n"],"names":["FeaturedCard","size","tags","link","title","desc","className","showDivider","price","oldPrice","detailsText","cardStyles","cva","LinkWrapper","getAdapter","component","React","Fragment","tag","index","Tag","Heading","Text","ButtonText","cn","FeaturedCard$1"],"mappings":";;;;;;;;AAuBA,MAAMA,IAA4C,CAAC;AAAA,EACjD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAaC;AAAA,IACjB;AAAA,IACA;AAAA,MACE,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,QACL;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,QACf,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EAAA,GAGIC,IAAcC,EAAW,aAAa,GAEtCC,IACHC,gBAAAA,EAAA,cAAAC,GAAA,sCACE,OAAI,EAAA,gBAAa,uBACfD,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,oBACZd,EAAK,IAAI,CAACgB,GAAKC,MACbH,gBAAAA,EAAA,cAAAI,GAAA,EAAI,KAAKD,GAAO,SAASD,EAAI,MAAA,GAC3BA,EAAI,KACP,CACD,CACH,GACAF,gBAAAA,EAAA,cAAC,SAAI,WAAU,YAAA,mCACZK,GAAQ,EAAA,OAAO,GAAG,WAAU,oBAAmB,IAAI,MACjD,GAAAjB,CACH,GACCC,KACCW,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETjB;AAAA,EAGP,CAAA,CACF,GAECW,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mCACZT,KAAgBS,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,kCAAkC,CAAA,mCAChE,OAAI,EAAA,WAAU,mCACZP,KACCO,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETb;AAAA,EAAA,GAGJO,gBAAAA,EAAA,cAAAK,GAAA,EAAQ,OAAO,GAAG,IAAI,SACpBb,CACH,CACF,GACCL,qCACEoB,GAAW,EAAA,MAAK,gBACdb,KAAe,WAClB,CAEJ,CACF;AAGF,SAAIP,IAEAa,gBAAAA,EAAA;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,WAAWqB;AAAA,QACTb,EAAW,EAAE,MAAAV,GAAM,WAAAK,GAAW;AAAA,QAC9B;AAAA,MACF;AAAA,IAAA;AAAA,IAECS;AAAA,EAAA,IAKAC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWQ,EAAGb,EAAW,EAAE,MAAAV,GAAM,WAAAK,EAAU,CAAC,CAAC,EAAA,GAAIS,CAAU;AACzE,GAEAU,IAAezB;"}
|