@iit/precision-ui 0.8.17 → 0.8.18
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/AdvantageWithAccordion.d.ts.map +1 -1
- package/dist/components/cards/Doc.d.ts +2 -0
- package/dist/components/cards/Doc.d.ts.map +1 -1
- package/dist/index.es25.js +24 -24
- package/dist/index.es25.js.map +1 -1
- package/dist/index.es27.js +9 -8
- package/dist/index.es27.js.map +1 -1
- package/dist/styles.css +3 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdvantageWithAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/cards/AdvantageWithAccordion.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAOpC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,
|
|
1
|
+
{"version":3,"file":"AdvantageWithAccordion.d.ts","sourceRoot":"","sources":["../../../src/components/cards/AdvantageWithAccordion.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAOpC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2DjE,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Doc.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Doc.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"Doc.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Doc.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsBnC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
package/dist/index.es25.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { Accordion as
|
|
1
|
+
import { Accordion as p, AccordionItem as d, AccordionContent as f, AccordionTrigger as u } from "./index.es51.js";
|
|
2
2
|
import e, { useId as g } from "react";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { cn as
|
|
6
|
-
import { getAdapter as
|
|
7
|
-
const
|
|
3
|
+
import n from "./index.es46.js";
|
|
4
|
+
import v from "./index.es19.js";
|
|
5
|
+
import { cn as E } from "./index.es55.js";
|
|
6
|
+
import { getAdapter as b } from "./index.es9.js";
|
|
7
|
+
const y = ({
|
|
8
8
|
title: t,
|
|
9
|
-
desc:
|
|
10
|
-
icon:
|
|
11
|
-
heightMode:
|
|
9
|
+
desc: r,
|
|
10
|
+
icon: c,
|
|
11
|
+
heightMode: a,
|
|
12
12
|
className: o
|
|
13
13
|
}) => {
|
|
14
|
-
const
|
|
14
|
+
const i = g(), m = a === "full" ? "h-full flex flex-col justify-between" : "h-fit", s = b("ImageWrapper"), l = /* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex self-start" }, /* @__PURE__ */ e.createElement(
|
|
15
|
+
s,
|
|
16
|
+
{
|
|
17
|
+
src: c,
|
|
18
|
+
alt: `Изображение для ${t}`,
|
|
19
|
+
width: 32,
|
|
20
|
+
height: 32,
|
|
21
|
+
className: "object-contain"
|
|
22
|
+
}
|
|
23
|
+
));
|
|
15
24
|
return /* @__PURE__ */ e.createElement(
|
|
16
25
|
"div",
|
|
17
26
|
{
|
|
18
|
-
className:
|
|
27
|
+
className: E(
|
|
19
28
|
"p-6 bg-whitish text-navy rounded-lg",
|
|
20
|
-
|
|
29
|
+
m,
|
|
21
30
|
o
|
|
22
31
|
)
|
|
23
32
|
},
|
|
24
|
-
/* @__PURE__ */ e.createElement("div",
|
|
25
|
-
|
|
26
|
-
{
|
|
27
|
-
src: r,
|
|
28
|
-
alt: `Изображение для ${t}`,
|
|
29
|
-
width: 32,
|
|
30
|
-
height: 32,
|
|
31
|
-
className: "object-contain"
|
|
32
|
-
}
|
|
33
|
-
)),
|
|
34
|
-
/* @__PURE__ */ e.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ e.createElement(f, { level: 5 }, t), a && /* @__PURE__ */ e.createElement(m, { type: "single", collapsible: !0 }, /* @__PURE__ */ e.createElement(s, { value: c, className: "p-0" }, /* @__PURE__ */ e.createElement(p, { className: "p-0 pb-6 text-navy-opacity-60 typo_variant_small-body" }, /* @__PURE__ */ e.createElement(u, { html: a })), /* @__PURE__ */ e.createElement(d, { className: "border-none flex-initial [&[data-state=open]]:bg-transparent p-0 [&>.icon-wrapper>svg]:hover:bg-navy-opacity-8" }))))
|
|
33
|
+
a === "full" ? /* @__PURE__ */ e.createElement("div", null, l, /* @__PURE__ */ e.createElement(n, { level: 5 }, t)) : l,
|
|
34
|
+
/* @__PURE__ */ e.createElement("div", { className: "space-y-6" }, a !== "full" && /* @__PURE__ */ e.createElement(n, { level: 5 }, t), r && /* @__PURE__ */ e.createElement(p, { type: "single", collapsible: !0 }, /* @__PURE__ */ e.createElement(d, { value: i, className: "p-0" }, /* @__PURE__ */ e.createElement(f, { className: "p-0 pb-6 text-navy-opacity-60 typo_variant_small-body" }, /* @__PURE__ */ e.createElement(v, { html: r })), /* @__PURE__ */ e.createElement(u, { className: "border-none flex-initial [&[data-state=open]]:bg-transparent p-0 [&>.icon-wrapper>svg]:hover:bg-navy-opacity-8" }))))
|
|
35
35
|
);
|
|
36
|
-
}, W =
|
|
36
|
+
}, W = y;
|
|
37
37
|
export {
|
|
38
38
|
W as default
|
|
39
39
|
};
|
package/dist/index.es25.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es25.js","sources":["../src/components/cards/AdvantageWithAccordion.tsx"],"sourcesContent":["import {\r\n Accordion,\r\n AccordionContent,\r\n AccordionItem,\r\n AccordionTrigger,\r\n} from '../ui/accordion'\r\nimport React, { useId } from 'react'\r\n\r\nimport Heading from '../core/typography/Heading'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface AdvantageWithAccordionProps {\r\n title: string\r\n desc?: string\r\n icon: string\r\n heightMode?: 'fit' | 'full'\r\n className?: string\r\n}\r\n\r\nconst AdvantageWithAccordion: React.FC<AdvantageWithAccordionProps> = ({\r\n title,\r\n desc,\r\n icon,\r\n heightMode,\r\n className,\r\n}) => {\r\n const uniqueId = useId()\r\n\r\n const heightModeClass
|
|
1
|
+
{"version":3,"file":"index.es25.js","sources":["../src/components/cards/AdvantageWithAccordion.tsx"],"sourcesContent":["import {\r\n Accordion,\r\n AccordionContent,\r\n AccordionItem,\r\n AccordionTrigger,\r\n} from '../ui/accordion'\r\nimport React, { useId } from 'react'\r\n\r\nimport Heading from '../core/typography/Heading'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface AdvantageWithAccordionProps {\r\n title: string\r\n desc?: string\r\n icon: string\r\n heightMode?: 'fit' | 'full'\r\n className?: string\r\n}\r\n\r\nconst AdvantageWithAccordion: React.FC<AdvantageWithAccordionProps> = ({\r\n title,\r\n desc,\r\n icon,\r\n heightMode,\r\n className,\r\n}) => {\r\n const uniqueId = useId()\r\n\r\n const heightModeClass =\r\n heightMode === 'full' ? 'h-full flex flex-col justify-between' : 'h-fit'\r\n\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n const image = (\r\n <div className=\"p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex self-start\">\r\n <ImageWrapper\r\n src={icon}\r\n alt={`Изображение для ${title}`}\r\n width={32}\r\n height={32}\r\n className=\"object-contain\"\r\n />\r\n </div>\r\n )\r\n\r\n return (\r\n <div\r\n className={cn(\r\n `p-6 bg-whitish text-navy rounded-lg`,\r\n heightModeClass,\r\n className\r\n )}\r\n >\r\n {heightMode === 'full' ? (\r\n <div>\r\n {image}\r\n <Heading level={5}>{title}</Heading>\r\n </div>\r\n ) : (\r\n image\r\n )}\r\n\r\n <div className=\"space-y-6\">\r\n {heightMode !== 'full' && <Heading level={5}>{title}</Heading>}\r\n\r\n {desc && (\r\n <Accordion type=\"single\" collapsible>\r\n <AccordionItem value={uniqueId} className=\"p-0\">\r\n <AccordionContent className=\"p-0 pb-6 text-navy-opacity-60 typo_variant_small-body\">\r\n <SafeHtmlRenderer html={desc} />\r\n </AccordionContent>\r\n <AccordionTrigger className=\"border-none flex-initial [&[data-state=open]]:bg-transparent p-0 [&>.icon-wrapper>svg]:hover:bg-navy-opacity-8\"></AccordionTrigger>\r\n </AccordionItem>\r\n </Accordion>\r\n )}\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default AdvantageWithAccordion\r\n"],"names":["AdvantageWithAccordion","title","desc","icon","heightMode","className","uniqueId","useId","heightModeClass","ImageWrapper","getAdapter","image","React","cn","Heading","Accordion","AccordionItem","AccordionContent","SafeHtmlRenderer","AccordionTrigger","AdvantageWithAccordion$1"],"mappings":";;;;;;AAqBA,MAAMA,IAAgE,CAAC;AAAA,EACrE,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAWC,KAEXC,IACJJ,MAAe,SAAS,yCAAyC,SAE7DK,IAAeC,EAAW,cAAc,GAExCC,IACJC,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,wEACbA,gBAAAA,EAAA;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd;AAIA,SAAAW,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL;AAAA,QACAH;AAAA,MACF;AAAA,IAAA;AAAA,IAECD,MAAe,SACdQ,gBAAAA,EAAA,cAAC,OACE,MAAAD,GACAC,gBAAAA,EAAA,cAAAE,GAAA,EAAQ,OAAO,EAAA,GAAIb,CAAM,CAC5B,IAEAU;AAAA,oCAGD,OAAI,EAAA,WAAU,eACZP,MAAe,0CAAWU,GAAQ,EAAA,OAAO,EAAI,GAAAb,CAAM,GAEnDC,KACCU,gBAAAA,EAAA,cAACG,KAAU,MAAK,UAAS,aAAW,GAClC,GAAAH,gBAAAA,EAAA,cAACI,GAAc,EAAA,OAAOV,GAAU,WAAU,MAAA,mCACvCW,GAAiB,EAAA,WAAU,2DACzBL,gBAAAA,EAAA,cAAAM,GAAA,EAAiB,MAAMhB,EAAM,CAAA,CAChC,GACCU,gBAAAA,EAAA,cAAAO,GAAA,EAAiB,WAAU,iHAAiH,CAAA,CAC/I,CACF,CAEJ;AAAA,EAAA;AAGN,GAEAC,IAAepB;"}
|
package/dist/index.es27.js
CHANGED
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { FileDownIcon as
|
|
1
|
+
import { FileDownIcon as i } from "lucide-react";
|
|
2
2
|
import e from "react";
|
|
3
3
|
import t from "./index.es47.js";
|
|
4
|
-
const
|
|
4
|
+
const l = ({ title: o, format: r, link: c, target: n, date: a, download: s = !0 }) => /* @__PURE__ */ e.createElement(
|
|
5
5
|
"a",
|
|
6
6
|
{
|
|
7
|
-
href:
|
|
8
|
-
|
|
7
|
+
href: c,
|
|
8
|
+
target: n,
|
|
9
|
+
download: s,
|
|
9
10
|
className: "flex bg-whitish p-4 pr-8 rounded-lg space-x-2 transition-colors border border-transparent hover:bg-navy-opacity-41 hover:border-navy-opacity-16"
|
|
10
11
|
},
|
|
11
|
-
/* @__PURE__ */ e.createElement(
|
|
12
|
-
/* @__PURE__ */ e.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ e.createElement(t, { variant: "body", as: "div" }, o), (
|
|
13
|
-
),
|
|
12
|
+
/* @__PURE__ */ e.createElement(i, { className: "w-8 h-8 shrink-0" }),
|
|
13
|
+
/* @__PURE__ */ e.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ e.createElement(t, { variant: "body", as: "div" }, o), (r || a) && /* @__PURE__ */ e.createElement(t, { variant: "caption", className: "text-navy-opacity-40" }, r && a ? `${r} · ${a}` : r || a))
|
|
14
|
+
), v = l;
|
|
14
15
|
export {
|
|
15
|
-
|
|
16
|
+
v as default
|
|
16
17
|
};
|
|
17
18
|
//# sourceMappingURL=index.es27.js.map
|
package/dist/index.es27.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es27.js","sources":["../src/components/cards/Doc.tsx"],"sourcesContent":["import { FileDownIcon } from 'lucide-react'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\n\r\nexport interface DocCardProps {\r\n title: string\r\n format?: string\r\n link: string\r\n date?: string\r\n}\r\n\r\nconst DocCard: React.FC<DocCardProps> = ({ title, format, link, date }) => {\r\n return (\r\n <a\r\n href={link}\r\n download\r\n className=\"flex bg-whitish p-4 pr-8 rounded-lg space-x-2 transition-colors border border-transparent hover:bg-navy-opacity-41 hover:border-navy-opacity-16\"\r\n >\r\n {/* TODO: Add correct icon from ui kit */}\r\n <FileDownIcon className=\"w-8 h-8 shrink-0\" />\r\n <div className=\"space-y-1\">\r\n <Text variant=\"body\" as=\"div\">\r\n {title}\r\n </Text>\r\n {(format || date) && (\r\n <Text variant=\"caption\" className=\"text-navy-opacity-40\">\r\n {format && date ? `${format} · ${date}` : format || date}\r\n </Text>\r\n )}\r\n </div>\r\n </a>\r\n )\r\n}\r\n\r\nexport default DocCard\r\n"],"names":["DocCard","title","format","link","date","React","FileDownIcon","Text","DocCard$1"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.es27.js","sources":["../src/components/cards/Doc.tsx"],"sourcesContent":["import { FileDownIcon } from 'lucide-react'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\n\r\nexport interface DocCardProps {\r\n title: string\r\n format?: string\r\n link: string\r\n target?: '_blank'\r\n date?: string\r\n download?: boolean\r\n}\r\n\r\nconst DocCard: React.FC<DocCardProps> = ({ title, format, link, target, date, download = true }) => {\r\n return (\r\n <a\r\n href={link}\r\n target={target}\r\n download={download}\r\n className=\"flex bg-whitish p-4 pr-8 rounded-lg space-x-2 transition-colors border border-transparent hover:bg-navy-opacity-41 hover:border-navy-opacity-16\"\r\n >\r\n {/* TODO: Add correct icon from ui kit */}\r\n <FileDownIcon className=\"w-8 h-8 shrink-0\" />\r\n <div className=\"space-y-1\">\r\n <Text variant=\"body\" as=\"div\">\r\n {title}\r\n </Text>\r\n {(format || date) && (\r\n <Text variant=\"caption\" className=\"text-navy-opacity-40\">\r\n {format && date ? `${format} · ${date}` : format || date}\r\n </Text>\r\n )}\r\n </div>\r\n </a>\r\n )\r\n}\r\n\r\nexport default DocCard\r\n"],"names":["DocCard","title","format","link","target","date","download","React","FileDownIcon","Text","DocCard$1"],"mappings":";;;AAaA,MAAMA,IAAkC,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,QAAAC,GAAQ,MAAAC,GAAM,UAAAC,IAAW,SAErFC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAMJ;AAAA,IACN,QAAAC;AAAA,IACA,UAAAE;AAAA,IACA,WAAU;AAAA,EAAA;AAAA,EAGVC,gBAAAA,EAAA,cAACC,GAAa,EAAA,WAAU,mBAAmB,CAAA;AAAA,EAC1CD,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,YAAA,GACZA,gBAAAA,EAAA,cAAAE,GAAA,EAAK,SAAQ,QAAO,IAAG,MAAA,GACrBR,CACH,IACEC,KAAUG,MACTE,gBAAAA,EAAA,cAAAE,GAAA,EAAK,SAAQ,WAAU,WAAU,0BAC/BP,KAAUG,IAAO,GAAGH,CAAM,MAAMG,CAAI,KAAKH,KAAUG,CACtD,CAEJ;AAAA,GAKNK,IAAeV;"}
|
package/dist/styles.css
CHANGED
|
@@ -1000,6 +1000,9 @@ body{
|
|
|
1000
1000
|
margin-top: calc(2rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
|
|
1001
1001
|
margin-bottom: calc(2rem * var(--precision-ui-tw-space-y-reverse));
|
|
1002
1002
|
}
|
|
1003
|
+
.self-start{
|
|
1004
|
+
align-self: flex-start;
|
|
1005
|
+
}
|
|
1003
1006
|
.overflow-hidden{
|
|
1004
1007
|
overflow: hidden;
|
|
1005
1008
|
}
|