@iit/precision-ui 0.8.21 → 0.8.22
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/index.es31.js +6 -6
- package/dist/index.es31.js.map +1 -1
- package/dist/styles.css +15 -0
- package/package.json +1 -1
package/dist/index.es31.js
CHANGED
|
@@ -47,8 +47,8 @@ const B = c(
|
|
|
47
47
|
title: r,
|
|
48
48
|
oldPrice: o,
|
|
49
49
|
price: u,
|
|
50
|
-
priceDesc:
|
|
51
|
-
desc:
|
|
50
|
+
priceDesc: v,
|
|
51
|
+
desc: p,
|
|
52
52
|
link: d,
|
|
53
53
|
onClickBuyButton: g,
|
|
54
54
|
buttons: N,
|
|
@@ -56,7 +56,7 @@ const B = c(
|
|
|
56
56
|
titleInformer: y,
|
|
57
57
|
colSize: l
|
|
58
58
|
}) => {
|
|
59
|
-
const b = l === 1 ? "lg:
|
|
59
|
+
const b = l === 1 ? "lg:col-span-1" : l === 2 ? "lg:col-span-2" : l === 3 ? "lg:col-span-3" : l === 4 ? "sm:col-span-6 xl:col-span-4" : "";
|
|
60
60
|
return /* @__PURE__ */ e.createElement(
|
|
61
61
|
"div",
|
|
62
62
|
{
|
|
@@ -84,7 +84,7 @@ const B = c(
|
|
|
84
84
|
as: "div",
|
|
85
85
|
className: n(E({ variant: t }), "content")
|
|
86
86
|
},
|
|
87
|
-
|
|
87
|
+
p && /* @__PURE__ */ e.createElement(h, { html: p })
|
|
88
88
|
)))),
|
|
89
89
|
/* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: "space-y-6 mb-6" }, /* @__PURE__ */ e.createElement("div", { className: n(R({ variant: t })) }), /* @__PURE__ */ e.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ e.createElement("div", { className: "flex space-x-4 items-baseline" }, o && /* @__PURE__ */ e.createElement(
|
|
90
90
|
i,
|
|
@@ -93,14 +93,14 @@ const B = c(
|
|
|
93
93
|
className: "text-navy-opacity-40 line-through"
|
|
94
94
|
},
|
|
95
95
|
o
|
|
96
|
-
), /* @__PURE__ */ e.createElement(m, { level: 5, as: "div" }, u)),
|
|
96
|
+
), /* @__PURE__ */ e.createElement(m, { level: 5, as: "div" }, u)), v && /* @__PURE__ */ e.createElement(
|
|
97
97
|
i,
|
|
98
98
|
{
|
|
99
99
|
variant: "small-body",
|
|
100
100
|
as: "div",
|
|
101
101
|
className: n(E({ variant: t }), "content")
|
|
102
102
|
},
|
|
103
|
-
/* @__PURE__ */ e.createElement(h, { html:
|
|
103
|
+
/* @__PURE__ */ e.createElement(h, { html: v })
|
|
104
104
|
))), /* @__PURE__ */ e.createElement("div", { className: "w-full gap-2 flex" }, N?.map((a, s) => /* @__PURE__ */ e.createElement(
|
|
105
105
|
w,
|
|
106
106
|
{
|
package/dist/index.es31.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es31.js","sources":["../src/components/cards/Package.tsx"],"sourcesContent":["import { RateButton, RateButtonProps } from './Rate'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport AppLink from '../ui/Link'\r\nimport Heading from '../core/typography/Heading'\r\nimport Informer from '../Informer'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst packageCardVariants = cva(\r\n 'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between',\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 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\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\nexport interface PackageCardProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof packageCardVariants> {\r\n className?: string\r\n title: string\r\n oldPrice?: string\r\n price: string\r\n priceDesc?: 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 colSize?: 1 | 2 | 3 | 4\r\n}\r\n\r\nexport interface PackageCardPropsWithoutHTMLAttributes\r\n extends Omit<PackageCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n className?: string\r\n title: string\r\n}\r\n\r\nconst PackageCard: React.FC<PackageCardProps> = ({\r\n variant,\r\n className,\r\n title,\r\n oldPrice,\r\n price,\r\n priceDesc,\r\n desc,\r\n link,\r\n onClickBuyButton,\r\n buttons,\r\n tags,\r\n titleInformer,\r\n colSize,\r\n}) => {\r\n const itemSizeClass =\r\n colSize === 1\r\n ? 'lg:
|
|
1
|
+
{"version":3,"file":"index.es31.js","sources":["../src/components/cards/Package.tsx"],"sourcesContent":["import { RateButton, RateButtonProps } from './Rate'\r\nimport { Tag, TagItemProps } from '../ui/Tag'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport AppLink from '../ui/Link'\r\nimport Heading from '../core/typography/Heading'\r\nimport Informer from '../Informer'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst packageCardVariants = cva(\r\n 'group p-6 rounded-lg min-h-[360px] flex flex-col justify-between',\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 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\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\nexport interface PackageCardProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof packageCardVariants> {\r\n className?: string\r\n title: string\r\n oldPrice?: string\r\n price: string\r\n priceDesc?: 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 colSize?: 1 | 2 | 3 | 4\r\n}\r\n\r\nexport interface PackageCardPropsWithoutHTMLAttributes\r\n extends Omit<PackageCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n className?: string\r\n title: string\r\n}\r\n\r\nconst PackageCard: React.FC<PackageCardProps> = ({\r\n variant,\r\n className,\r\n title,\r\n oldPrice,\r\n price,\r\n priceDesc,\r\n desc,\r\n link,\r\n onClickBuyButton,\r\n buttons,\r\n tags,\r\n titleInformer,\r\n colSize,\r\n}) => {\r\n const itemSizeClass =\r\n colSize === 1\r\n ? 'lg:col-span-1'\r\n : colSize === 2\r\n ? 'lg:col-span-2'\r\n : colSize === 3\r\n ? 'lg:col-span-3'\r\n : colSize === 4\r\n ? 'sm:col-span-6 xl:col-span-4'\r\n : ''\r\n return (\r\n <div\r\n className={cn(packageCardVariants({ variant, className }), itemSizeClass)}\r\n >\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\r\n <div className=\"space-y-12 mb-12\">\r\n <div className=\"space-y-6\">\r\n <div className=\"flex space-x-2 items-center relative\">\r\n {link ? (\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 ) : (\r\n <Heading\r\n level={4}\r\n as={'span'}\r\n className={variant === 'navy' ? 'text-whitish' : 'text-navy'}\r\n >\r\n {title}\r\n </Heading>\r\n )}\r\n {titleInformer && <Informer content={titleInformer} />}\r\n </div>\r\n <Text\r\n variant=\"small-body\"\r\n as=\"div\"\r\n className={cn(descVariants({ variant }), 'content')}\r\n >\r\n {desc && <SafeHtmlRenderer html={desc} />}\r\n </Text>\r\n </div>\r\n\r\n {/* <div className=\"space-y-6\">\r\n <div className={cn(dividerVariants({ variant }))}></div>\r\n <div className=\"space-y-3\">\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 {priceDesc && (\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={priceDesc} />\r\n </Text>\r\n )}\r\n </div>\r\n </div> */}\r\n </div>\r\n </div>\r\n\r\n <div>\r\n <div className=\"space-y-6 mb-6\">\r\n <div className={cn(dividerVariants({ variant }))}></div>\r\n <div className=\"space-y-3\">\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 {priceDesc && (\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={priceDesc} />\r\n </Text>\r\n )}\r\n </div>\r\n </div>\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 </div>\r\n )\r\n}\r\n\r\nexport default PackageCard\r\n"],"names":["packageCardVariants","cva","descVariants","dividerVariants","PackageCard","variant","className","title","oldPrice","price","priceDesc","desc","link","onClickBuyButton","buttons","tags","titleInformer","colSize","itemSizeClass","React","cn","tag","index","Tag","AppLink","Heading","Informer","Text","SafeHtmlRenderer","button","RateButton","PackageCard$1"],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -2699,6 +2699,9 @@ html {
|
|
|
2699
2699
|
.sm\:col-span-4{
|
|
2700
2700
|
grid-column: span 4 / span 4;
|
|
2701
2701
|
}
|
|
2702
|
+
.sm\:col-span-6{
|
|
2703
|
+
grid-column: span 6 / span 6;
|
|
2704
|
+
}
|
|
2702
2705
|
.sm\:mt-6{
|
|
2703
2706
|
margin-top: 1.5rem;
|
|
2704
2707
|
}
|
|
@@ -2784,6 +2787,15 @@ html {
|
|
|
2784
2787
|
}
|
|
2785
2788
|
}
|
|
2786
2789
|
@media (min-width: 990px){
|
|
2790
|
+
.lg\:col-span-1{
|
|
2791
|
+
grid-column: span 1 / span 1;
|
|
2792
|
+
}
|
|
2793
|
+
.lg\:col-span-2{
|
|
2794
|
+
grid-column: span 2 / span 2;
|
|
2795
|
+
}
|
|
2796
|
+
.lg\:col-span-3{
|
|
2797
|
+
grid-column: span 3 / span 3;
|
|
2798
|
+
}
|
|
2787
2799
|
.lg\:block{
|
|
2788
2800
|
display: block;
|
|
2789
2801
|
}
|
|
@@ -2837,6 +2849,9 @@ html {
|
|
|
2837
2849
|
}
|
|
2838
2850
|
}
|
|
2839
2851
|
@media (min-width: 1280px){
|
|
2852
|
+
.xl\:col-span-4{
|
|
2853
|
+
grid-column: span 4 / span 4;
|
|
2854
|
+
}
|
|
2840
2855
|
.xl\:block{
|
|
2841
2856
|
display: block;
|
|
2842
2857
|
}
|