@iit/precision-ui 0.8.8 → 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.
- package/dist/components/cards/FeaturedCard.d.ts +2 -2
- package/dist/components/cards/FeaturedCard.d.ts.map +1 -1
- package/dist/components/ui/button/ButtonPrimary.d.ts +0 -1
- package/dist/components/ui/button/ButtonPrimary.d.ts.map +1 -1
- package/dist/index.es29.js +41 -31
- package/dist/index.es29.js.map +1 -1
- package/dist/index.es4.js +15 -16
- package/dist/index.es4.js.map +1 -1
- package/dist/index.es40.js +34 -37
- package/dist/index.es40.js.map +1 -1
- package/dist/sections/Hero.d.ts +1 -4
- package/dist/sections/Hero.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -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"}
|
|
@@ -15,7 +15,6 @@ interface ArrowContainerPropsToButton {
|
|
|
15
15
|
export interface ButtonPrimaryProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants>, ArrowContainerPropsToButton {
|
|
16
16
|
className?: string;
|
|
17
17
|
linkClassName?: string;
|
|
18
|
-
containerClassName?: string;
|
|
19
18
|
children?: React.ReactNode;
|
|
20
19
|
href?: string;
|
|
21
20
|
asChild?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonPrimary.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/ButtonPrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;;8EAmBnB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;8EAmB3B,CAAA;AAED,UAAU,2BAA2B;IACnC,aAAa,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC,eAAe,CAAC,CAAA;CAC7E;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC,EACnC,2BAA2B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,
|
|
1
|
+
{"version":3,"file":"ButtonPrimary.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/ButtonPrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;;8EAmBnB,CAAA;AAED,QAAA,MAAM,sBAAsB;;;8EAmB3B,CAAA;AAED,UAAU,2BAA2B;IACnC,aAAa,CAAC,EAAE,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC,eAAe,CAAC,CAAA;CAC7E;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC,EACnC,2BAA2B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4C/C,CAAA;AAED,eAAe,aAAa,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;"}
|
package/dist/index.es4.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import t from "react";
|
|
2
|
-
import { Button as
|
|
3
|
-
import { ArrowRight16X16 as
|
|
2
|
+
import { Button as c } from "./index.es2.js";
|
|
3
|
+
import { ArrowRight16X16 as u } from "@iit/precision-ui-icons";
|
|
4
4
|
import { cva as h } from "class-variance-authority";
|
|
5
5
|
import { cn as e } from "./index.es55.js";
|
|
6
|
-
const
|
|
6
|
+
const p = h(
|
|
7
7
|
"bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer",
|
|
8
8
|
{
|
|
9
9
|
variants: {
|
|
@@ -41,37 +41,36 @@ const u = h(
|
|
|
41
41
|
iconDirection: "default"
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
),
|
|
45
|
-
className:
|
|
44
|
+
), d = ({
|
|
45
|
+
className: r,
|
|
46
46
|
linkClassName: f,
|
|
47
|
-
|
|
48
|
-
children: r,
|
|
47
|
+
children: i,
|
|
49
48
|
theme: a,
|
|
50
49
|
iconDirection: n,
|
|
51
50
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
52
|
-
size:
|
|
51
|
+
size: y,
|
|
53
52
|
href: o,
|
|
54
53
|
// asChild = false,
|
|
55
54
|
...s
|
|
56
55
|
}) => {
|
|
57
|
-
const
|
|
58
|
-
return o ? /* @__PURE__ */ t.createElement("a", { href: o, className: f }, /* @__PURE__ */ t.createElement(
|
|
56
|
+
const l = "flex justify-between items-center gap-8";
|
|
57
|
+
return o ? /* @__PURE__ */ t.createElement("a", { href: o, className: f }, /* @__PURE__ */ t.createElement(c, { className: e(p({ theme: a, className: r })), ...s }, /* @__PURE__ */ t.createElement("div", { className: e(l, "w-full") }, i, /* @__PURE__ */ t.createElement(
|
|
59
58
|
"div",
|
|
60
59
|
{
|
|
61
60
|
className: e(m({ theme: a, iconDirection: n }))
|
|
62
61
|
},
|
|
63
|
-
/* @__PURE__ */ t.createElement(
|
|
62
|
+
/* @__PURE__ */ t.createElement(u, null)
|
|
64
63
|
)))) : /* @__PURE__ */ t.createElement(
|
|
65
|
-
|
|
64
|
+
c,
|
|
66
65
|
{
|
|
67
|
-
className: e(
|
|
66
|
+
className: e(p({ theme: a, className: r })),
|
|
68
67
|
asChild: !0,
|
|
69
68
|
...s
|
|
70
69
|
},
|
|
71
|
-
/* @__PURE__ */ t.createElement("div", { className:
|
|
70
|
+
/* @__PURE__ */ t.createElement("div", { className: e(l) }, i, /* @__PURE__ */ t.createElement("div", { className: e(m({ theme: a, iconDirection: n })) }, /* @__PURE__ */ t.createElement(u, null)))
|
|
72
71
|
);
|
|
73
|
-
},
|
|
72
|
+
}, x = d;
|
|
74
73
|
export {
|
|
75
|
-
|
|
74
|
+
x as default
|
|
76
75
|
};
|
|
77
76
|
//# sourceMappingURL=index.es4.js.map
|
package/dist/index.es4.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es4.js","sources":["../src/components/ui/button/ButtonPrimary.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport { ArrowRight16X16 } from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n 'bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer',\r\n {\r\n variants: {\r\n theme: {\r\n default: '',\r\n opacity: 'bg-whitish-opacity-16 text-white hover:bg-whitish-opacity-24',\r\n sapphire: 'bg-sapphire text-white hover:bg-sapphire-hover',\r\n },\r\n size: {\r\n default: 'h-14 px-8 py-4 pr-2 gap-8 group',\r\n defaultWithoutIcon: 'h-14 px-4 py-4',\r\n },\r\n },\r\n defaultVariants: {\r\n theme: 'default',\r\n size: 'default',\r\n },\r\n }\r\n)\r\n\r\nconst arrowContainerVariants = cva(\r\n 'rounded-full bg-navy-opacity-4 h-10 w-10 inline-flex items-center justify-center group-hover:bg-transparent duration-200',\r\n {\r\n variants: {\r\n theme: {\r\n default: '',\r\n opacity: 'bg-whitish-opacity-8',\r\n sapphire: 'bg-whitish-opacity-32',\r\n },\r\n iconDirection: {\r\n default: '',\r\n down: 'rotate-90',\r\n },\r\n },\r\n defaultVariants: {\r\n theme: 'default',\r\n iconDirection: 'default',\r\n },\r\n }\r\n)\r\n\r\ninterface ArrowContainerPropsToButton {\r\n iconDirection?: VariantProps<typeof arrowContainerVariants>['iconDirection']\r\n}\r\n\r\nexport interface ButtonPrimaryProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof buttonVariants>,\r\n ArrowContainerPropsToButton {\r\n className?: string\r\n linkClassName?: string\r\n
|
|
1
|
+
{"version":3,"file":"index.es4.js","sources":["../src/components/ui/button/ButtonPrimary.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport { ArrowRight16X16 } from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst buttonVariants = cva(\r\n 'bg-white text-navy hover:bg-whitish-opacity-80 cursor-pointer',\r\n {\r\n variants: {\r\n theme: {\r\n default: '',\r\n opacity: 'bg-whitish-opacity-16 text-white hover:bg-whitish-opacity-24',\r\n sapphire: 'bg-sapphire text-white hover:bg-sapphire-hover',\r\n },\r\n size: {\r\n default: 'h-14 px-8 py-4 pr-2 gap-8 group',\r\n defaultWithoutIcon: 'h-14 px-4 py-4',\r\n },\r\n },\r\n defaultVariants: {\r\n theme: 'default',\r\n size: 'default',\r\n },\r\n }\r\n)\r\n\r\nconst arrowContainerVariants = cva(\r\n 'rounded-full bg-navy-opacity-4 h-10 w-10 inline-flex items-center justify-center group-hover:bg-transparent duration-200',\r\n {\r\n variants: {\r\n theme: {\r\n default: '',\r\n opacity: 'bg-whitish-opacity-8',\r\n sapphire: 'bg-whitish-opacity-32',\r\n },\r\n iconDirection: {\r\n default: '',\r\n down: 'rotate-90',\r\n },\r\n },\r\n defaultVariants: {\r\n theme: 'default',\r\n iconDirection: 'default',\r\n },\r\n }\r\n)\r\n\r\ninterface ArrowContainerPropsToButton {\r\n iconDirection?: VariantProps<typeof arrowContainerVariants>['iconDirection']\r\n}\r\n\r\nexport interface ButtonPrimaryProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof buttonVariants>,\r\n ArrowContainerPropsToButton {\r\n className?: string\r\n linkClassName?: string\r\n children?: React.ReactNode\r\n // as?: 'button' | 'a'\r\n href?: string\r\n asChild?: boolean\r\n}\r\n\r\nconst ButtonPrimary: React.FC<ButtonPrimaryProps> = ({\r\n className,\r\n linkClassName,\r\n children,\r\n theme,\r\n iconDirection,\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n size,\r\n href,\r\n // asChild = false,\r\n ...props\r\n}) => {\r\n const containerStyles = 'flex justify-between items-center gap-8'\r\n if (href) {\r\n return (\r\n <a href={href} className={linkClassName}>\r\n <Button className={cn(buttonVariants({ theme, className }))} {...props}>\r\n <div className={cn(containerStyles, 'w-full')}>\r\n {children}\r\n <div\r\n className={cn(arrowContainerVariants({ theme, iconDirection }))}\r\n >\r\n <ArrowRight16X16 />\r\n </div>\r\n </div>\r\n </Button>\r\n </a>\r\n )\r\n }\r\n\r\n return (\r\n <Button\r\n className={cn(buttonVariants({ theme, className }))}\r\n asChild\r\n {...props}\r\n >\r\n <div className={cn(containerStyles)}>\r\n {children}\r\n <div className={cn(arrowContainerVariants({ theme, iconDirection }))}>\r\n <ArrowRight16X16 />\r\n </div>\r\n </div>\r\n </Button>\r\n )\r\n}\r\n\r\nexport default ButtonPrimary\r\n"],"names":["buttonVariants","cva","arrowContainerVariants","ButtonPrimary","className","linkClassName","children","theme","iconDirection","size","href","props","containerStyles","React","Button","cn","ArrowRight16X16","ButtonPrimary$1"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,oBAAoB;AAAA,MACtB;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAAyBD;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,QACb,SAAS;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,eAAe;AAAA,IACjB;AAAA,EACF;AACF,GAkBME,IAA8C,CAAC;AAAA,EACnD,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA;AAAA,EAEA,MAAAC;AAAA,EACA,MAAAC;AAAA;AAAA,EAEA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AACxB,SAAIF,IAEAG,gBAAAA,EAAA,cAAC,KAAE,EAAA,MAAAH,GAAY,WAAWL,EAAA,mCACvBS,GAAO,EAAA,WAAWC,EAAGf,EAAe,EAAE,OAAAO,GAAO,WAAAH,EAAW,CAAA,CAAC,GAAI,GAAGO,EAC/D,GAAAE,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWE,EAAGH,GAAiB,QAAQ,EAAA,GACzCN,GACDO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,EAAGb,EAAuB,EAAE,OAAAK,GAAO,eAAAC,EAAe,CAAA,CAAC;AAAA,IAAA;AAAA,oCAE7DQ,GAAgB,IAAA;AAAA,EAErB,CAAA,CACF,CACF,IAKFH,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGf,EAAe,EAAE,OAAAO,GAAO,WAAAH,EAAW,CAAA,CAAC;AAAA,MAClD,SAAO;AAAA,MACN,GAAGO;AAAA,IAAA;AAAA,IAEJE,gBAAAA,EAAA,cAAC,SAAI,WAAWE,EAAGH,CAAe,EAC/B,GAAAN,mCACA,OAAI,EAAA,WAAWS,EAAGb,EAAuB,EAAE,OAAAK,GAAO,eAAAC,EAAc,CAAC,CAAC,KACjEK,gBAAAA,EAAA,cAACG,GAAgB,IAAA,CACnB,CACF;AAAA,EAAA;AAGN,GAEAC,IAAed;"}
|
package/dist/index.es40.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import V from "./index.es54.js";
|
|
2
|
-
import
|
|
2
|
+
import f from "./index.es4.js";
|
|
3
3
|
import N from "./index.es46.js";
|
|
4
4
|
import e from "react";
|
|
5
5
|
import k from "./index.es19.js";
|
|
6
6
|
import H from "./index.es14.js";
|
|
7
7
|
import y from "./index.es47.js";
|
|
8
|
-
import { cn as
|
|
9
|
-
import { cva as
|
|
8
|
+
import { cn as n } from "./index.es55.js";
|
|
9
|
+
import { cva as h } from "class-variance-authority";
|
|
10
10
|
import { getAdapter as j } from "./index.es9.js";
|
|
11
|
-
const I =
|
|
11
|
+
const I = h("", {
|
|
12
12
|
variants: {
|
|
13
13
|
size: {
|
|
14
14
|
default: "sm:pb-32",
|
|
@@ -19,7 +19,7 @@ const I = x("", {
|
|
|
19
19
|
defaultVariants: {
|
|
20
20
|
size: "default"
|
|
21
21
|
}
|
|
22
|
-
}), W =
|
|
22
|
+
}), W = h("", {
|
|
23
23
|
variants: {
|
|
24
24
|
size: {
|
|
25
25
|
default: "sm:pb-[76px]",
|
|
@@ -30,7 +30,7 @@ const I = x("", {
|
|
|
30
30
|
defaultVariants: {
|
|
31
31
|
size: "default"
|
|
32
32
|
}
|
|
33
|
-
}), _ =
|
|
33
|
+
}), _ = h("", {
|
|
34
34
|
variants: {
|
|
35
35
|
contentContainerSize: {
|
|
36
36
|
default: "mb-5 lg:max-w-[700px]",
|
|
@@ -42,7 +42,7 @@ const I = x("", {
|
|
|
42
42
|
defaultVariants: {
|
|
43
43
|
contentContainerSize: "default"
|
|
44
44
|
}
|
|
45
|
-
}), q =
|
|
45
|
+
}), q = h("", {
|
|
46
46
|
variants: {
|
|
47
47
|
contentContainerSize: {
|
|
48
48
|
default: "lg:max-w-[460px]",
|
|
@@ -62,27 +62,25 @@ const I = x("", {
|
|
|
62
62
|
theme: l,
|
|
63
63
|
className: i,
|
|
64
64
|
linkClassName: d,
|
|
65
|
-
containerClassName: u,
|
|
66
65
|
iconDirection: s,
|
|
67
|
-
onClick:
|
|
66
|
+
onClick: u
|
|
68
67
|
}) => r ? /* @__PURE__ */ e.createElement(
|
|
69
|
-
|
|
68
|
+
f,
|
|
70
69
|
{
|
|
71
70
|
href: r,
|
|
72
71
|
theme: l,
|
|
73
|
-
className:
|
|
72
|
+
className: n(i),
|
|
74
73
|
linkClassName: d,
|
|
75
74
|
iconDirection: s
|
|
76
75
|
},
|
|
77
76
|
a
|
|
78
|
-
) : o ? /* @__PURE__ */ e.createElement(
|
|
79
|
-
|
|
77
|
+
) : o ? /* @__PURE__ */ e.createElement(f, { asChild: !0, theme: l, iconDirection: s }, /* @__PURE__ */ e.createElement("a", { href: r }, a)) : c ? /* @__PURE__ */ e.createElement(f, { asChild: !0, theme: l, iconDirection: s }, /* @__PURE__ */ e.createElement("a", { href: r, target: c, rel: "noopener noreferrer" }, a)) : /* @__PURE__ */ e.createElement(
|
|
78
|
+
f,
|
|
80
79
|
{
|
|
81
80
|
theme: l,
|
|
82
81
|
iconDirection: s,
|
|
83
|
-
onClick:
|
|
84
|
-
className:
|
|
85
|
-
containerClassName: u
|
|
82
|
+
onClick: u,
|
|
83
|
+
className: n(i)
|
|
86
84
|
},
|
|
87
85
|
a
|
|
88
86
|
), B = (a) => {
|
|
@@ -116,15 +114,15 @@ const I = x("", {
|
|
|
116
114
|
oldPrice: l,
|
|
117
115
|
image: i,
|
|
118
116
|
buttons: d,
|
|
119
|
-
childrenComponentType:
|
|
120
|
-
breadcrumbs:
|
|
121
|
-
bottomButtons:
|
|
122
|
-
size:
|
|
123
|
-
imageSize:
|
|
117
|
+
childrenComponentType: s,
|
|
118
|
+
breadcrumbs: u,
|
|
119
|
+
bottomButtons: x,
|
|
120
|
+
size: m = "default",
|
|
121
|
+
imageSize: p,
|
|
124
122
|
linesImage: g,
|
|
125
123
|
onButtonClick: v
|
|
126
124
|
}) => {
|
|
127
|
-
const
|
|
125
|
+
const E = (t) => {
|
|
128
126
|
switch (t) {
|
|
129
127
|
case "small":
|
|
130
128
|
return 448;
|
|
@@ -133,7 +131,7 @@ const I = x("", {
|
|
|
133
131
|
default:
|
|
134
132
|
return 664;
|
|
135
133
|
}
|
|
136
|
-
},
|
|
134
|
+
}, w = (t) => {
|
|
137
135
|
switch (t) {
|
|
138
136
|
case "small":
|
|
139
137
|
return 336;
|
|
@@ -147,18 +145,18 @@ const I = x("", {
|
|
|
147
145
|
"div",
|
|
148
146
|
{
|
|
149
147
|
"data-test-id": "content-container",
|
|
150
|
-
className:
|
|
148
|
+
className: n(
|
|
151
149
|
"w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12",
|
|
152
|
-
I({ size:
|
|
150
|
+
I({ size: m })
|
|
153
151
|
)
|
|
154
152
|
},
|
|
155
|
-
/* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" },
|
|
153
|
+
/* @__PURE__ */ e.createElement("div", { className: "right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block" }, u && /* @__PURE__ */ e.createElement(V, { list: u })),
|
|
156
154
|
/* @__PURE__ */ e.createElement(
|
|
157
155
|
"div",
|
|
158
156
|
{
|
|
159
|
-
className:
|
|
157
|
+
className: n(
|
|
160
158
|
"w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4",
|
|
161
|
-
W({ size:
|
|
159
|
+
W({ size: m })
|
|
162
160
|
)
|
|
163
161
|
},
|
|
164
162
|
/* @__PURE__ */ e.createElement(
|
|
@@ -166,7 +164,7 @@ const I = x("", {
|
|
|
166
164
|
{
|
|
167
165
|
level: 1,
|
|
168
166
|
as: "h1",
|
|
169
|
-
className:
|
|
167
|
+
className: n("", _({ contentContainerSize: r }))
|
|
170
168
|
},
|
|
171
169
|
/* @__PURE__ */ e.createElement(k, { html: a })
|
|
172
170
|
),
|
|
@@ -174,7 +172,7 @@ const I = x("", {
|
|
|
174
172
|
y,
|
|
175
173
|
{
|
|
176
174
|
variant: "body",
|
|
177
|
-
className:
|
|
175
|
+
className: n(
|
|
178
176
|
q({ contentContainerSize: r }),
|
|
179
177
|
"text-whitish-opacity-60 mt-5"
|
|
180
178
|
)
|
|
@@ -197,9 +195,9 @@ const I = x("", {
|
|
|
197
195
|
onClick: () => v?.(t.uniqId)
|
|
198
196
|
}
|
|
199
197
|
)))),
|
|
200
|
-
|
|
198
|
+
s && /* @__PURE__ */ e.createElement("div", { className: "mt-5" }, B(s))
|
|
201
199
|
)
|
|
202
|
-
),
|
|
200
|
+
), x && /* @__PURE__ */ e.createElement("div", { className: "flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto" }, x.map((t) => /* @__PURE__ */ e.createElement(
|
|
203
201
|
C,
|
|
204
202
|
{
|
|
205
203
|
key: t.text,
|
|
@@ -207,7 +205,6 @@ const I = x("", {
|
|
|
207
205
|
...t,
|
|
208
206
|
className: "w-full backdrop-blur-[8px]",
|
|
209
207
|
linkClassName: "w-full",
|
|
210
|
-
containerClassName: "w-full",
|
|
211
208
|
onClick: () => v?.(t.uniqId)
|
|
212
209
|
}
|
|
213
210
|
))), i && /* @__PURE__ */ e.createElement("div", { className: "hidden sm:block absolute bottom-0 right-6 floating" }, /* @__PURE__ */ e.createElement(
|
|
@@ -215,8 +212,8 @@ const I = x("", {
|
|
|
215
212
|
{
|
|
216
213
|
src: i,
|
|
217
214
|
alt: a,
|
|
218
|
-
width:
|
|
219
|
-
height:
|
|
215
|
+
width: E(p || m),
|
|
216
|
+
height: w(p || m),
|
|
220
217
|
objectFit: "contain"
|
|
221
218
|
}
|
|
222
219
|
)), g && /* @__PURE__ */ e.createElement("div", { className: "absolute bottom-0 right-6 fadeLines" }, /* @__PURE__ */ e.createElement(
|
|
@@ -224,8 +221,8 @@ const I = x("", {
|
|
|
224
221
|
{
|
|
225
222
|
src: g,
|
|
226
223
|
alt: a,
|
|
227
|
-
width:
|
|
228
|
-
height:
|
|
224
|
+
width: E(p || m),
|
|
225
|
+
height: w(p || m),
|
|
229
226
|
objectFit: "contain"
|
|
230
227
|
}
|
|
231
228
|
))));
|
package/dist/index.es40.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es40.js","sources":["../src/sections/Hero.tsx"],"sourcesContent":["import { BreadcrumbProps, Breadcrumbs } from '@/components/breadcrumbs'\r\n\r\nimport { ButtonPrimary } from '@/components/ui/button'\r\nimport { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport SearchInputWithButton from '@/components/ui/input/SearchInputWithButton'\r\nimport Text from '@/components/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\n// import { SearchInput } from '@/components/ui/input'\r\n\r\nconst contentContainerVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-32',\r\n medium: 'sm:pb-[116px]',\r\n small: 'sm:pb-10',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst sliderContentVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-[76px]',\r\n medium: 'sm:pb-6',\r\n small: 'sm:pb-6',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst titleVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'mb-5 lg:max-w-[700px]',\r\n medium: 'lg:max-w-[590px]',\r\n large: 'lg:max-w-5xl',\r\n // small: \"\",\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'lg:max-w-[460px]',\r\n medium: 'lg:max-w-[370px]',\r\n large: 'lg:max-w-2xl',\r\n // small: \"\",\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nexport interface HeroProps {\r\n title: string\r\n desc?: string\r\n price?: string\r\n oldPrice?: string\r\n image?: string\r\n buttons?: CommonButtonProps[]\r\n childrenComponentType?: 'search-news'\r\n breadcrumbs?: BreadcrumbProps[]\r\n bottomButtons?: CommonButtonProps[]\r\n size?: 'default' | 'small' | 'medium'\r\n contentContainerSize?: 'default' | 'medium' | 'large'\r\n imageSize?: 'default' | 'small' | 'medium'\r\n linesImage?: string\r\n onButtonClick?: (uniqId?: string) => void\r\n}\r\n\r\ninterface HeroButtonProps extends CommonButtonProps {\r\n containerClassName?: string\r\n}\r\n\r\nexport const HeroButton: React.FC<HeroButtonProps> = ({\r\n text,\r\n href,\r\n target,\r\n anchor,\r\n theme,\r\n className,\r\n linkClassName,\r\n containerClassName,\r\n iconDirection,\r\n onClick,\r\n}) => {\r\n if (href) {\r\n return (\r\n <ButtonPrimary\r\n href={href}\r\n theme={theme}\r\n className={cn(className)}\r\n linkClassName={linkClassName}\r\n iconDirection={iconDirection}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (anchor) {\r\n // TODO: the whole button is not clickable, but it should be\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href}>{text}</a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (target) {\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href} target={target} rel=\"noopener noreferrer\">\r\n {text}\r\n </a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n return (\r\n <ButtonPrimary\r\n theme={theme}\r\n iconDirection={iconDirection}\r\n onClick={onClick}\r\n className={cn(className)}\r\n containerClassName={containerClassName}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n}\r\n\r\nconst childrenComponent = (componentType: 'search-news') => {\r\n switch (componentType) {\r\n case 'search-news':\r\n return (\r\n <div\r\n data-test-id=\"search-news\"\r\n className=\"w-full h-full flex justify-center items-center\"\r\n >\r\n <SearchInputWithButton\r\n placeholder=\"Фильтр по тарифам\"\r\n onChange={(event) => {\r\n console.log(event.target.value)\r\n }}\r\n className=\"w-[456px]\"\r\n // className=\"h-16 w-72 mt-2 bg-whitish\"\r\n />\r\n </div>\r\n )\r\n\r\n default:\r\n return null\r\n }\r\n}\r\n\r\nconst Hero: React.FC<HeroProps> = ({\r\n title,\r\n contentContainerSize,\r\n desc,\r\n price,\r\n oldPrice,\r\n image,\r\n buttons,\r\n childrenComponentType,\r\n breadcrumbs,\r\n bottomButtons,\r\n size = 'default',\r\n imageSize,\r\n linesImage,\r\n onButtonClick,\r\n}) => {\r\n const imageWidth = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 448\r\n case 'medium':\r\n return 552\r\n default:\r\n return 664\r\n }\r\n }\r\n const imageHeight = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 336\r\n case 'medium':\r\n return 456\r\n default:\r\n return 544\r\n }\r\n }\r\n\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <section className=\"container relative\">\r\n <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative overflow-hidden\">\r\n <div\r\n data-test-id=\"content-container\"\r\n className={cn(\r\n 'w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12',\r\n contentContainerVariants({ size })\r\n )}\r\n >\r\n {/* Navigation */}\r\n <div className=\"right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block\">\r\n {breadcrumbs && <Breadcrumbs list={breadcrumbs} />}\r\n </div>\r\n\r\n {/* Slider Content */}\r\n <div\r\n className={cn(\r\n 'w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4',\r\n sliderContentVariants({ size })\r\n )}\r\n >\r\n <Heading\r\n level={1}\r\n as={'h1'}\r\n className={cn('', titleVariants({ contentContainerSize }))}\r\n >\r\n <SafeHtmlRenderer html={title} />\r\n </Heading>\r\n\r\n <div className=\"space-y-10\">\r\n <Text\r\n variant=\"body\"\r\n className={cn(\r\n descVariants({ contentContainerSize }),\r\n 'text-whitish-opacity-60 mt-5'\r\n )}\r\n >\r\n {desc}\r\n </Text>\r\n\r\n {(price || oldPrice) && (\r\n <div className=\"flex space-x-5 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"lead-text\"\r\n className=\"text-whitish-opacity-32 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={3} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n )}\r\n\r\n {buttons && (\r\n <div className=\"flex gap-4 mt-12 w-full\">\r\n {buttons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n className=\"w-fit\"\r\n target={button.target}\r\n {...button}\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {childrenComponentType && (\r\n <div className=\"mt-5\">\r\n {childrenComponent(childrenComponentType)}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {bottomButtons && (\r\n <div className=\"flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto\">\r\n {bottomButtons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n theme=\"opacity\"\r\n {...button}\r\n className=\"w-full backdrop-blur-[8px]\"\r\n linkClassName=\"w-full\"\r\n containerClassName=\"w-full\"\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n\r\n {image && (\r\n <div className=\"hidden sm:block absolute bottom-0 right-6 floating\">\r\n <ImageWrapper\r\n src={image}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n\r\n {linesImage && (\r\n <div className=\"absolute bottom-0 right-6 fadeLines\">\r\n <ImageWrapper\r\n src={linesImage}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </section>\r\n )\r\n}\r\n\r\nexport default Hero\r\n"],"names":["contentContainerVariants","cva","sliderContentVariants","titleVariants","descVariants","HeroButton","text","href","target","anchor","theme","className","linkClassName","containerClassName","iconDirection","onClick","React","ButtonPrimary","cn","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","onButtonClick","imageWidth","imageHeight","ImageWrapper","getAdapter","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es40.js","sources":["../src/sections/Hero.tsx"],"sourcesContent":["import { BreadcrumbProps, Breadcrumbs } from '@/components/breadcrumbs'\r\n\r\nimport { ButtonPrimary } from '@/components/ui/button'\r\nimport { CommonButtonProps } from './common'\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '@/components/SafeHtml'\r\nimport SearchInputWithButton from '@/components/ui/input/SearchInputWithButton'\r\nimport Text from '@/components/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\n// import { SearchInput } from '@/components/ui/input'\r\n\r\nconst contentContainerVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-32',\r\n medium: 'sm:pb-[116px]',\r\n small: 'sm:pb-10',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst sliderContentVariants = cva('', {\r\n variants: {\r\n size: {\r\n default: 'sm:pb-[76px]',\r\n medium: 'sm:pb-6',\r\n small: 'sm:pb-6',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'default',\r\n },\r\n})\r\n\r\nconst titleVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'mb-5 lg:max-w-[700px]',\r\n medium: 'lg:max-w-[590px]',\r\n large: 'lg:max-w-5xl',\r\n // small: \"\",\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nconst descVariants = cva('', {\r\n variants: {\r\n contentContainerSize: {\r\n default: 'lg:max-w-[460px]',\r\n medium: 'lg:max-w-[370px]',\r\n large: 'lg:max-w-2xl',\r\n // small: \"\",\r\n },\r\n },\r\n defaultVariants: {\r\n contentContainerSize: 'default',\r\n },\r\n})\r\n\r\nexport interface HeroProps {\r\n title: string\r\n desc?: string\r\n price?: string\r\n oldPrice?: string\r\n image?: string\r\n buttons?: CommonButtonProps[]\r\n childrenComponentType?: 'search-news'\r\n breadcrumbs?: BreadcrumbProps[]\r\n bottomButtons?: CommonButtonProps[]\r\n size?: 'default' | 'small' | 'medium'\r\n contentContainerSize?: 'default' | 'medium' | 'large'\r\n imageSize?: 'default' | 'small' | 'medium'\r\n linesImage?: string\r\n onButtonClick?: (uniqId?: string) => void\r\n}\r\n\r\nexport const HeroButton: React.FC<CommonButtonProps> = ({\r\n text,\r\n href,\r\n target,\r\n anchor,\r\n theme,\r\n className,\r\n linkClassName,\r\n iconDirection,\r\n onClick,\r\n}) => {\r\n if (href) {\r\n return (\r\n <ButtonPrimary\r\n href={href}\r\n theme={theme}\r\n className={cn(className)}\r\n linkClassName={linkClassName}\r\n iconDirection={iconDirection}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (anchor) {\r\n // TODO: the whole button is not clickable, but it should be\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href}>{text}</a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n if (target) {\r\n return (\r\n <ButtonPrimary asChild theme={theme} iconDirection={iconDirection}>\r\n <a href={href} target={target} rel=\"noopener noreferrer\">\r\n {text}\r\n </a>\r\n </ButtonPrimary>\r\n )\r\n }\r\n\r\n return (\r\n <ButtonPrimary\r\n theme={theme}\r\n iconDirection={iconDirection}\r\n onClick={onClick}\r\n className={cn(className)}\r\n >\r\n {text}\r\n </ButtonPrimary>\r\n )\r\n}\r\n\r\nconst childrenComponent = (componentType: 'search-news') => {\r\n switch (componentType) {\r\n case 'search-news':\r\n return (\r\n <div\r\n data-test-id=\"search-news\"\r\n className=\"w-full h-full flex justify-center items-center\"\r\n >\r\n <SearchInputWithButton\r\n placeholder=\"Фильтр по тарифам\"\r\n onChange={(event) => {\r\n console.log(event.target.value)\r\n }}\r\n className=\"w-[456px]\"\r\n // className=\"h-16 w-72 mt-2 bg-whitish\"\r\n />\r\n </div>\r\n )\r\n\r\n default:\r\n return null\r\n }\r\n}\r\n\r\nconst Hero: React.FC<HeroProps> = ({\r\n title,\r\n contentContainerSize,\r\n desc,\r\n price,\r\n oldPrice,\r\n image,\r\n buttons,\r\n childrenComponentType,\r\n breadcrumbs,\r\n bottomButtons,\r\n size = 'default',\r\n imageSize,\r\n linesImage,\r\n onButtonClick,\r\n}) => {\r\n const imageWidth = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 448\r\n case 'medium':\r\n return 552\r\n default:\r\n return 664\r\n }\r\n }\r\n const imageHeight = (size: 'small' | 'medium' | 'default') => {\r\n switch (size) {\r\n case 'small':\r\n return 336\r\n case 'medium':\r\n return 456\r\n default:\r\n return 544\r\n }\r\n }\r\n\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <section className=\"container relative\">\r\n <div className=\"mx-auto w-full h-[606px]1 bg-gradient-to-b from-navy to-sapphire text-white rounded-2xl px-6 relative overflow-hidden\">\r\n <div\r\n data-test-id=\"content-container\"\r\n className={cn(\r\n 'w-full relative z-20 grid grid-cols-1 sm:grid-cols-9 pb-12',\r\n contentContainerVariants({ size })\r\n )}\r\n >\r\n {/* Navigation */}\r\n <div className=\"right-divider_with-tongue1 col-span-2 mt-6 pr-4 relative hidden lg:block\">\r\n {breadcrumbs && <Breadcrumbs list={breadcrumbs} />}\r\n </div>\r\n\r\n {/* Slider Content */}\r\n <div\r\n className={cn(\r\n 'w-auto sm:p-10 pt-10 sm:pt-32 flex flex-col justify-center items-start col-span-7 border-[1px] border-t-0 border-r-0 border-b-0 border-l-0 lg:border-l-[1px] border-whitish-opacity-16 border-solid pb-4',\r\n sliderContentVariants({ size })\r\n )}\r\n >\r\n <Heading\r\n level={1}\r\n as={'h1'}\r\n className={cn('', titleVariants({ contentContainerSize }))}\r\n >\r\n <SafeHtmlRenderer html={title} />\r\n </Heading>\r\n\r\n <div className=\"space-y-10\">\r\n <Text\r\n variant=\"body\"\r\n className={cn(\r\n descVariants({ contentContainerSize }),\r\n 'text-whitish-opacity-60 mt-5'\r\n )}\r\n >\r\n {desc}\r\n </Text>\r\n\r\n {(price || oldPrice) && (\r\n <div className=\"flex space-x-5 items-baseline\">\r\n {oldPrice && (\r\n <Text\r\n variant=\"lead-text\"\r\n className=\"text-whitish-opacity-32 line-through\"\r\n >\r\n {oldPrice}\r\n </Text>\r\n )}\r\n <Heading level={3} as={'div'}>\r\n {price}\r\n </Heading>\r\n </div>\r\n )}\r\n\r\n {buttons && (\r\n <div className=\"flex gap-4 mt-12 w-full\">\r\n {buttons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n className=\"w-fit\"\r\n target={button.target}\r\n {...button}\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {childrenComponentType && (\r\n <div className=\"mt-5\">\r\n {childrenComponent(childrenComponentType)}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {bottomButtons && (\r\n <div className=\"flex gap-4 absolute bottom-8 z-30 w-[96%] mx-auto\">\r\n {bottomButtons.map((button) => (\r\n <HeroButton\r\n key={button.text}\r\n theme=\"opacity\"\r\n {...button}\r\n className=\"w-full backdrop-blur-[8px]\"\r\n linkClassName=\"w-full\"\r\n onClick={() => onButtonClick?.(button.uniqId)}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n\r\n {image && (\r\n <div className=\"hidden sm:block absolute bottom-0 right-6 floating\">\r\n <ImageWrapper\r\n src={image}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n\r\n {linesImage && (\r\n <div className=\"absolute bottom-0 right-6 fadeLines\">\r\n <ImageWrapper\r\n src={linesImage}\r\n alt={title}\r\n // width={size === \"default\" ? 664 : 448}\r\n // height={size === \"default\" ? 544 : 336}\r\n width={imageWidth(imageSize || size)}\r\n height={imageHeight(imageSize || size)}\r\n objectFit=\"contain\"\r\n />\r\n </div>\r\n )}\r\n </div>\r\n </section>\r\n )\r\n}\r\n\r\nexport default Hero\r\n"],"names":["contentContainerVariants","cva","sliderContentVariants","titleVariants","descVariants","HeroButton","text","href","target","anchor","theme","className","linkClassName","iconDirection","onClick","React","ButtonPrimary","cn","childrenComponent","componentType","SearchInputWithButton","event","Hero","title","contentContainerSize","desc","price","oldPrice","image","buttons","childrenComponentType","breadcrumbs","bottomButtons","size","imageSize","linesImage","onButtonClick","imageWidth","imageHeight","ImageWrapper","getAdapter","Breadcrumbs","Heading","SafeHtmlRenderer","Text","button","Hero$1"],"mappings":"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"}
|
package/dist/sections/Hero.d.ts
CHANGED
|
@@ -18,10 +18,7 @@ export interface HeroProps {
|
|
|
18
18
|
linesImage?: string;
|
|
19
19
|
onButtonClick?: (uniqId?: string) => void;
|
|
20
20
|
}
|
|
21
|
-
|
|
22
|
-
containerClassName?: string;
|
|
23
|
-
}
|
|
24
|
-
export declare const HeroButton: React.FC<HeroButtonProps>;
|
|
21
|
+
export declare const HeroButton: React.FC<CommonButtonProps>;
|
|
25
22
|
declare const Hero: React.FC<HeroProps>;
|
|
26
23
|
export default Hero;
|
|
27
24
|
//# sourceMappingURL=Hero.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAgEzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACrD,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,
|
|
1
|
+
{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAgEzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACrD,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoK7B,CAAA;AAED,eAAe,IAAI,CAAA"}
|