@iit/precision-ui 0.8.24 → 0.8.26
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.
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
4
4
|
declare const buttonVariants: (props?: ({
|
|
5
5
|
variant?: "default" | "white" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
-
export type ButtonTextIconName = 'arrowRight' | 'plus' | 'minus' | 'download';
|
|
7
|
+
export type ButtonTextIconName = 'arrowRight' | 'arrowLeft' | 'plus' | 'minus' | 'download';
|
|
8
8
|
interface NewProps {
|
|
9
9
|
className?: string;
|
|
10
10
|
children?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/ButtonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/ButtonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,cAAc;;8EAUlB,CAAA;AA2BF,MAAM,MAAM,kBAAkB,GAC1B,YAAY,GACZ,WAAW,GACX,MAAM,GACN,OAAO,GACP,UAAU,CAAA;AAwBd,UAAU,QAAQ;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC,EACnC,QAAQ;CAAG;AAEf,MAAM,WAAW,oCACf,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,WAAW,CAAC;IAChD,IAAI,EAAE,MAAM,CAAA;CACb;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqCzC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
package/dist/index.es42.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import e from "react";
|
|
2
|
-
import { cva as
|
|
3
|
-
import { cn as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
const
|
|
2
|
+
import { cva as y } from "class-variance-authority";
|
|
3
|
+
import { cn as E } from "./index.es55.js";
|
|
4
|
+
import N from "./index.es46.js";
|
|
5
|
+
import b from "./index.es47.js";
|
|
6
|
+
import g from "./index.es4.js";
|
|
7
|
+
import l from "./index.es19.js";
|
|
8
|
+
const h = y("space-y-12", {
|
|
9
9
|
variants: {
|
|
10
10
|
variant: {
|
|
11
11
|
default: "py-[120px]",
|
|
@@ -21,41 +21,41 @@ const B = v("space-y-12", {
|
|
|
21
21
|
variant: "default",
|
|
22
22
|
corners: "default"
|
|
23
23
|
}
|
|
24
|
-
}),
|
|
24
|
+
}), B = ({
|
|
25
25
|
title: t,
|
|
26
|
-
sectionId:
|
|
26
|
+
sectionId: n,
|
|
27
27
|
desc: a,
|
|
28
|
-
children:
|
|
28
|
+
children: m,
|
|
29
29
|
moreLink: r,
|
|
30
|
-
moreText:
|
|
31
|
-
withTopMargin:
|
|
30
|
+
moreText: o = "Подробнее",
|
|
31
|
+
withTopMargin: c = !1,
|
|
32
32
|
withBottomMargin: s = !1,
|
|
33
|
-
withoutTopPadding:
|
|
34
|
-
withoutBottomPadding:
|
|
35
|
-
variant:
|
|
36
|
-
corners:
|
|
37
|
-
className:
|
|
33
|
+
withoutTopPadding: i = !1,
|
|
34
|
+
withoutBottomPadding: f = !1,
|
|
35
|
+
variant: d,
|
|
36
|
+
corners: p,
|
|
37
|
+
className: x
|
|
38
38
|
}) => {
|
|
39
|
-
const
|
|
39
|
+
const u = [
|
|
40
40
|
"container",
|
|
41
|
-
|
|
41
|
+
c && "mt-6",
|
|
42
42
|
s && "mb-6"
|
|
43
|
-
].filter(Boolean).map((
|
|
44
|
-
return /* @__PURE__ */ e.createElement("section", { className:
|
|
43
|
+
].filter(Boolean).map((v) => v).join(" ").trim();
|
|
44
|
+
return /* @__PURE__ */ e.createElement("section", { className: u, id: n }, /* @__PURE__ */ e.createElement(
|
|
45
45
|
"div",
|
|
46
46
|
{
|
|
47
|
-
className:
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
47
|
+
className: E(
|
|
48
|
+
h({ variant: d, corners: p }),
|
|
49
|
+
i && "pt-0",
|
|
50
|
+
f && "pb-0",
|
|
51
|
+
x
|
|
52
52
|
)
|
|
53
53
|
},
|
|
54
|
-
t && /* @__PURE__ */ e.createElement("div", { className: "space-y-4 flex flex-col items-center" }, /* @__PURE__ */ e.createElement(
|
|
55
|
-
|
|
56
|
-
r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(
|
|
54
|
+
t && /* @__PURE__ */ e.createElement("div", { className: "space-y-4 flex flex-col items-center" }, /* @__PURE__ */ e.createElement(N, { level: 2, className: "text-center max-w-[900px]" }, /* @__PURE__ */ e.createElement(l, { html: t })), a && /* @__PURE__ */ e.createElement(b, { className: "text-center max-w-5xl", as: "div" }, /* @__PURE__ */ e.createElement(l, { html: a }))),
|
|
55
|
+
m,
|
|
56
|
+
r && /* @__PURE__ */ e.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ e.createElement(g, { href: r }, o))
|
|
57
57
|
));
|
|
58
|
-
}, _ =
|
|
58
|
+
}, _ = B;
|
|
59
59
|
export {
|
|
60
60
|
_ as default
|
|
61
61
|
};
|
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\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}
|
|
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 <SafeHtmlRenderer html={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","SafeHtmlRenderer","Text","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,KACCe,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,uCACb,GAAAA,gBAAAA,EAAA,cAACE,GAAQ,EAAA,OAAO,GAAG,WAAU,4BAC3B,GAAAF,gBAAAA,EAAA,cAACG,GAAiB,EAAA,MAAMlB,EAAO,CAAA,CACjC,GACCE,KACEa,gBAAAA,EAAA,cAAAI,GAAA,EAAK,WAAU,yBAAwB,IAAI,MAAA,GACzCJ,gBAAAA,EAAA,cAAAG,GAAA,EAAiB,MAAMhB,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;"}
|
package/dist/index.es6.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import e from "react";
|
|
2
2
|
import { Button as m } from "./index.es2.js";
|
|
3
|
-
import { LessLink16X16 as d, MoreLink16X16 as f, ArrowLinkRight16X16 as
|
|
3
|
+
import { LessLink16X16 as d, MoreLink16X16 as h, ArrowLinkLeft16X16 as f, ArrowLinkRight16X16 as p } from "@iit/precision-ui-icons";
|
|
4
4
|
import { cva as i } from "class-variance-authority";
|
|
5
5
|
import { cn as n } from "./index.es55.js";
|
|
6
|
-
import { ArrowDownToLine as
|
|
6
|
+
import { ArrowDownToLine as w } from "lucide-react";
|
|
7
7
|
import { getAdapter as g } from "./index.es9.js";
|
|
8
|
-
const
|
|
8
|
+
const v = i("bg-link-gradient-container hover:cursor-pointer", {
|
|
9
9
|
variants: {
|
|
10
10
|
variant: {
|
|
11
11
|
default: "text-navy",
|
|
@@ -15,7 +15,7 @@ const w = i("bg-link-gradient-container hover:cursor-pointer", {
|
|
|
15
15
|
defaultVariants: {
|
|
16
16
|
variant: "default"
|
|
17
17
|
}
|
|
18
|
-
}),
|
|
18
|
+
}), E = i("rounded-full p-[8px]", {
|
|
19
19
|
variants: {
|
|
20
20
|
variant: {
|
|
21
21
|
default: "bg-navy-opacity-4",
|
|
@@ -26,7 +26,7 @@ const w = i("bg-link-gradient-container hover:cursor-pointer", {
|
|
|
26
26
|
defaultVariants: {
|
|
27
27
|
variant: "default"
|
|
28
28
|
}
|
|
29
|
-
}),
|
|
29
|
+
}), L = i("", {
|
|
30
30
|
variants: {
|
|
31
31
|
variant: {
|
|
32
32
|
default: "bg-link-gradient",
|
|
@@ -36,23 +36,25 @@ const w = i("bg-link-gradient-container hover:cursor-pointer", {
|
|
|
36
36
|
defaultVariants: {
|
|
37
37
|
variant: "default"
|
|
38
38
|
}
|
|
39
|
-
}), k = (
|
|
40
|
-
switch (
|
|
39
|
+
}), k = (r, t) => {
|
|
40
|
+
switch (r) {
|
|
41
41
|
case "arrowRight":
|
|
42
|
-
return /* @__PURE__ */ e.createElement(
|
|
43
|
-
case "
|
|
42
|
+
return /* @__PURE__ */ e.createElement(p, { width: t, height: t });
|
|
43
|
+
case "arrowLeft":
|
|
44
44
|
return /* @__PURE__ */ e.createElement(f, { width: t, height: t });
|
|
45
|
+
case "plus":
|
|
46
|
+
return /* @__PURE__ */ e.createElement(h, { width: t, height: t });
|
|
45
47
|
case "minus":
|
|
46
48
|
return /* @__PURE__ */ e.createElement(d, { width: t, height: t });
|
|
47
49
|
case "download":
|
|
48
|
-
return /* @__PURE__ */ e.createElement(
|
|
50
|
+
return /* @__PURE__ */ e.createElement(w, { size: 16, width: t, height: t });
|
|
49
51
|
default:
|
|
50
52
|
return null;
|
|
51
53
|
}
|
|
52
54
|
}, x = ({
|
|
53
|
-
className:
|
|
55
|
+
className: r,
|
|
54
56
|
children: t,
|
|
55
|
-
variant:
|
|
57
|
+
variant: a,
|
|
56
58
|
icon: o,
|
|
57
59
|
// asChild = false,
|
|
58
60
|
href: c,
|
|
@@ -61,11 +63,11 @@ const w = i("bg-link-gradient-container hover:cursor-pointer", {
|
|
|
61
63
|
const u = g("LinkWrapper"), l = /* @__PURE__ */ e.createElement(
|
|
62
64
|
m,
|
|
63
65
|
{
|
|
64
|
-
className: n(
|
|
66
|
+
className: n(v({ variant: a, className: r })),
|
|
65
67
|
asChild: !0,
|
|
66
68
|
...s
|
|
67
69
|
},
|
|
68
|
-
/* @__PURE__ */ e.createElement("div", { className: "gap-2 flex items-center" }, o && /* @__PURE__ */ e.createElement("div", { className: n(
|
|
70
|
+
/* @__PURE__ */ e.createElement("div", { className: "gap-2 flex items-center" }, o && /* @__PURE__ */ e.createElement("div", { className: n(E({ variant: a })) }, k(o, 16)), /* @__PURE__ */ e.createElement("div", { className: n(L({ variant: a })) }, t))
|
|
69
71
|
);
|
|
70
72
|
return c ? /* @__PURE__ */ e.createElement(u, { href: c, passHref: !0 }, l) : l;
|
|
71
73
|
}, C = x;
|
package/dist/index.es6.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es6.js","sources":["../src/components/ui/button/ButtonText.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport {\r\n ArrowLinkRight16X16,\r\n MoreLink16X16,\r\n LessLink16X16,\r\n} from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { ArrowDownToLine } from 'lucide-react'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst buttonVariants = cva('bg-link-gradient-container hover:cursor-pointer', {\r\n variants: {\r\n variant: {\r\n default: 'text-navy',\r\n white: 'text-white',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nconst iconContainerVariants = cva('rounded-full p-[8px]', {\r\n variants: {\r\n variant: {\r\n default: 'bg-navy-opacity-4',\r\n // default: \"bg-red-500\",\r\n white: 'bg-whitish-opacity-8',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nconst textContainerVariants = cva('', {\r\n variants: {\r\n variant: {\r\n default: 'bg-link-gradient',\r\n white: 'bg-link-white-gradient',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nexport type ButtonTextIconName
|
|
1
|
+
{"version":3,"file":"index.es6.js","sources":["../src/components/ui/button/ButtonText.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Button } from './button'\r\nimport {\r\n ArrowLinkRight16X16,\r\n ArrowLinkLeft16X16,\r\n MoreLink16X16,\r\n LessLink16X16,\r\n} from '@iit/precision-ui-icons'\r\n\r\nimport { cva, type VariantProps } from 'class-variance-authority'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { ArrowDownToLine } from 'lucide-react'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst buttonVariants = cva('bg-link-gradient-container hover:cursor-pointer', {\r\n variants: {\r\n variant: {\r\n default: 'text-navy',\r\n white: 'text-white',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nconst iconContainerVariants = cva('rounded-full p-[8px]', {\r\n variants: {\r\n variant: {\r\n default: 'bg-navy-opacity-4',\r\n // default: \"bg-red-500\",\r\n white: 'bg-whitish-opacity-8',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nconst textContainerVariants = cva('', {\r\n variants: {\r\n variant: {\r\n default: 'bg-link-gradient',\r\n white: 'bg-link-white-gradient',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n})\r\n\r\nexport type ButtonTextIconName =\r\n | 'arrowRight'\r\n | 'arrowLeft'\r\n | 'plus'\r\n | 'minus'\r\n | 'download'\r\n\r\nconst iconDefiner = (icon?: ButtonTextIconName, size?: number) => {\r\n switch (icon) {\r\n case 'arrowRight':\r\n return <ArrowLinkRight16X16 width={size} height={size} />\r\n\r\n case 'arrowLeft':\r\n return <ArrowLinkLeft16X16 width={size} height={size} />\r\n\r\n case 'plus':\r\n return <MoreLink16X16 width={size} height={size} />\r\n\r\n case 'minus':\r\n return <LessLink16X16 width={size} height={size} />\r\n\r\n case 'download':\r\n return <ArrowDownToLine size={16} width={size} height={size} />\r\n\r\n default:\r\n return null\r\n }\r\n}\r\n\r\ninterface NewProps {\r\n className?: string\r\n children?: React.ReactNode\r\n icon?: ButtonTextIconName\r\n asChild?: boolean\r\n href?: string\r\n}\r\n\r\nexport interface ButtonTextProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof buttonVariants>,\r\n NewProps {}\r\n\r\nexport interface ButtonTextPropsWithoutHTMLAttributes\r\n extends Omit<NewProps, 'children' | 'className'> {\r\n text: string\r\n}\r\n\r\nconst ButtonText: React.FC<ButtonTextProps> = ({\r\n className,\r\n children,\r\n variant,\r\n icon,\r\n // asChild = false,\r\n href,\r\n ...props\r\n}) => {\r\n const LinkWrapper = getAdapter('LinkWrapper')\r\n\r\n const component = (\r\n <Button\r\n className={cn(buttonVariants({ variant, className }))}\r\n asChild\r\n {...props}\r\n >\r\n <div className=\"gap-2 flex items-center\">\r\n {icon && (\r\n <div className={cn(iconContainerVariants({ variant }))}>\r\n {iconDefiner(icon, 16)}\r\n </div>\r\n )}\r\n <div className={cn(textContainerVariants({ variant }))}>{children}</div>\r\n </div>\r\n </Button>\r\n )\r\n\r\n if (href) {\r\n return (\r\n <LinkWrapper href={href} passHref>\r\n {component}\r\n </LinkWrapper>\r\n )\r\n }\r\n\r\n return component\r\n}\r\n\r\nexport default ButtonText\r\n"],"names":["buttonVariants","cva","iconContainerVariants","textContainerVariants","iconDefiner","icon","size","React","ArrowLinkRight16X16","ArrowLinkLeft16X16","MoreLink16X16","LessLink16X16","ArrowDownToLine","ButtonText","className","children","variant","href","props","LinkWrapper","getAdapter","component","Button","cn","ButtonText$1"],"mappings":";;;;;;;AAcA,MAAMA,IAAiBC,EAAI,mDAAmD;AAAA,EAC5E,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEKC,IAAwBD,EAAI,wBAAwB;AAAA,EACxD,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA;AAAA,MAET,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEKE,IAAwBF,EAAI,IAAI;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GASKG,IAAc,CAACC,GAA2BC,MAAkB;AAChE,UAAQD,GAAM;AAAA,IACZ,KAAK;AACH,aAAQE,gBAAAA,EAAA,cAAAC,GAAA,EAAoB,OAAOF,GAAM,QAAQA,EAAM,CAAA;AAAA,IAEzD,KAAK;AACH,aAAQC,gBAAAA,EAAA,cAAAE,GAAA,EAAmB,OAAOH,GAAM,QAAQA,EAAM,CAAA;AAAA,IAExD,KAAK;AACH,aAAQC,gBAAAA,EAAA,cAAAG,GAAA,EAAc,OAAOJ,GAAM,QAAQA,EAAM,CAAA;AAAA,IAEnD,KAAK;AACH,aAAQC,gBAAAA,EAAA,cAAAI,GAAA,EAAc,OAAOL,GAAM,QAAQA,EAAM,CAAA;AAAA,IAEnD,KAAK;AACH,6CAAQM,GAAgB,EAAA,MAAM,IAAI,OAAON,GAAM,QAAQA,EAAM,CAAA;AAAA,IAE/D;AACS,aAAA;AAAA,EACX;AACF,GAoBMO,IAAwC,CAAC;AAAA,EAC7C,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAX;AAAA;AAAA,EAEA,MAAAY;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAcC,EAAW,aAAa,GAEtCC,IACJd,gBAAAA,EAAA;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGvB,EAAe,EAAE,SAAAgB,GAAS,WAAAF,EAAW,CAAA,CAAC;AAAA,MACpD,SAAO;AAAA,MACN,GAAGI;AAAA,IAAA;AAAA,IAEHX,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,0BAAA,GACZF,KACCE,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWgB,EAAGrB,EAAsB,EAAE,SAAAc,GAAS,CAAC,EAAA,GAClDZ,EAAYC,GAAM,EAAE,CACvB,GAEFE,gBAAAA,EAAA,cAAC,SAAI,WAAWgB,EAAGpB,EAAsB,EAAE,SAAAa,EAAS,CAAA,CAAC,EAAA,GAAID,CAAS,CACpE;AAAA,EAAA;AAIJ,SAAIE,IAECV,gBAAAA,EAAA,cAAAY,GAAA,EAAY,MAAAF,GAAY,UAAQ,MAC9BI,CACH,IAIGA;AACT,GAEAG,IAAeX;"}
|
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"type": "git",
|
|
14
14
|
"url": "git+https://github.com/wowxoxo/precision-ui.git"
|
|
15
15
|
},
|
|
16
|
-
"version": "0.8.
|
|
16
|
+
"version": "0.8.26",
|
|
17
17
|
"type": "module",
|
|
18
18
|
"module": "./dist/index.es.js",
|
|
19
19
|
"types": "./dist/index.d.ts",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@hookform/resolvers": "^3.10.0",
|
|
49
|
-
"@iit/precision-ui-icons": "^0.4.
|
|
49
|
+
"@iit/precision-ui-icons": "^0.4.1",
|
|
50
50
|
"@radix-ui/react-accordion": "^1.2.3",
|
|
51
51
|
"@radix-ui/react-checkbox": "^1.1.3",
|
|
52
52
|
"@radix-ui/react-dialog": "^1.1.6",
|