@iit/precision-ui 0.10.11 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,9 +1,11 @@
1
+ import { TagItemProps } from '../ui/Tag';
1
2
  import { default as React } from 'react';
2
3
 
3
4
  export interface AdvantageProps {
4
5
  title: string;
5
6
  desc?: string;
6
- icon: string;
7
+ icon?: string;
8
+ tags: TagItemProps[];
7
9
  }
8
10
  declare const Advantage: React.FC<AdvantageProps>;
9
11
  export default Advantage;
@@ -1 +1 @@
1
- {"version":3,"file":"Advantage.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Advantage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwBvC,CAAA;AAED,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"Advantage.d.ts","sourceRoot":"","sources":["../../../src/components/cards/Advantage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,WAAW,CAAA;AAG7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,YAAY,EAAE,CAAA;CACrB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmCvC,CAAA;AAED,eAAe,SAAS,CAAA"}
@@ -7,6 +7,7 @@ export interface DocCardProps {
7
7
  target?: '_blank';
8
8
  date?: string;
9
9
  download?: boolean;
10
+ titleClassName?: string;
10
11
  }
11
12
  declare const DocCard: React.FC<DocCardProps>;
12
13
  export default DocCard;
@@ -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,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"}
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;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8BnC,CAAA;AAED,eAAe,OAAO,CAAA"}
@@ -1,22 +1,23 @@
1
- import l from "./index.es46.js";
1
+ import { Tag as c } from "./index.es22.js";
2
+ import i from "./index.es46.js";
2
3
  import e from "react";
3
- import n from "./index.es19.js";
4
- import o from "./index.es47.js";
5
- import { getAdapter as i } from "./index.es9.js";
6
- const c = ({ title: t, desc: a, icon: r }) => {
7
- const m = i("ImageWrapper");
8
- return /* @__PURE__ */ e.createElement("div", { className: "p-6 bg-whitish rounded-lg h-full" }, /* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-12 inline-flex" }, /* @__PURE__ */ e.createElement(
9
- m,
4
+ import s from "./index.es19.js";
5
+ import p from "./index.es47.js";
6
+ import { getAdapter as d } from "./index.es9.js";
7
+ const f = ({ title: a, desc: t, icon: r, tags: m }) => {
8
+ const o = d("ImageWrapper");
9
+ return /* @__PURE__ */ e.createElement("div", { className: "p-6 bg-whitish rounded-lg h-full" }, m && /* @__PURE__ */ e.createElement("div", { className: "flex space-x-2 mb-4" }, m.map((l, n) => /* @__PURE__ */ e.createElement(c, { key: n, variant: l.color }, l.title))), r && /* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-12 inline-flex" }, /* @__PURE__ */ e.createElement(
10
+ o,
10
11
  {
11
12
  src: r,
12
- alt: `Изображение для ${t}`,
13
+ alt: `Изображение для ${a}`,
13
14
  width: 32,
14
15
  height: 32,
15
16
  className: "object-contain"
16
17
  }
17
- )), /* @__PURE__ */ e.createElement(l, { level: 5, as: "div", className: "mb-2" }, t), a && /* @__PURE__ */ e.createElement(o, { variant: "small-body", className: "text-navy-opacity-60", as: "div" }, /* @__PURE__ */ e.createElement(n, { html: a })));
18
- }, v = c;
18
+ )), /* @__PURE__ */ e.createElement(i, { level: 5, as: "div", className: "mb-2" }, a), t && /* @__PURE__ */ e.createElement(p, { variant: "small-body", className: "text-navy-opacity-60", as: "div" }, /* @__PURE__ */ e.createElement(s, { html: t })));
19
+ }, x = f;
19
20
  export {
20
- v as default
21
+ x as default
21
22
  };
22
23
  //# sourceMappingURL=index.es23.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es23.js","sources":["../src/components/cards/Advantage.tsx"],"sourcesContent":["import Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface AdvantageProps {\r\n title: string\r\n desc?: string\r\n icon: string\r\n}\r\n\r\nconst Advantage: React.FC<AdvantageProps> = ({ title, desc, icon }) => {\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <div className=\"p-6 bg-whitish rounded-lg h-full\">\r\n <div className=\"p-4 bg-turquoise-opacity-20 rounded-lg mb-12 inline-flex\">\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 <Heading level={5} as=\"div\" className=\"mb-2\">\r\n {title}\r\n </Heading>\r\n {desc && (\r\n <Text variant=\"small-body\" className=\"text-navy-opacity-60\" as={'div'}>\r\n <SafeHtmlRenderer html={desc} />\r\n </Text>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default Advantage\r\n"],"names":["Advantage","title","desc","icon","ImageWrapper","getAdapter","React","Heading","Text","SafeHtmlRenderer","Advantage$1"],"mappings":";;;;;AAYA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,QAAW;AAC/D,QAAAC,IAAeC,EAAW,cAAc;AAE9C,yCACG,OAAI,EAAA,WAAU,sCACZC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,2DACb,GAAAA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd,GACAK,gBAAAA,EAAA,cAACC,GAAQ,EAAA,OAAO,GAAG,IAAG,OAAM,WAAU,OACnC,GAAAN,CACH,GACCC,qCACEM,GAAK,EAAA,SAAQ,cAAa,WAAU,wBAAuB,IAAI,MAC9D,GAAAF,gBAAAA,EAAA,cAACG,GAAiB,EAAA,MAAMP,EAAM,CAAA,CAChC,CAEJ;AAEJ,GAEAQ,IAAeV;"}
1
+ {"version":3,"file":"index.es23.js","sources":["../src/components/cards/Advantage.tsx"],"sourcesContent":["import { Tag, TagItemProps } from '../ui/Tag'\r\n\r\nimport Heading from '@/components/core/typography/Heading'\r\nimport React from 'react'\r\nimport SafeHtmlRenderer from '../SafeHtml'\r\nimport Text from '@/components/core/typography/Text'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nexport interface AdvantageProps {\r\n title: string\r\n desc?: string\r\n icon?: string\r\n tags: TagItemProps[]\r\n}\r\n\r\nconst Advantage: React.FC<AdvantageProps> = ({ title, desc, icon, tags }) => {\r\n const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n return (\r\n <div className=\"p-6 bg-whitish rounded-lg h-full\">\r\n {tags && (\r\n <div className=\"flex space-x-2 mb-4\">\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 {icon && (\r\n <div className=\"p-4 bg-turquoise-opacity-20 rounded-lg mb-12 inline-flex\">\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 <Heading level={5} as=\"div\" className=\"mb-2\">\r\n {title}\r\n </Heading>\r\n {desc && (\r\n <Text variant=\"small-body\" className=\"text-navy-opacity-60\" as={'div'}>\r\n <SafeHtmlRenderer html={desc} />\r\n </Text>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nexport default Advantage\r\n"],"names":["Advantage","title","desc","icon","tags","ImageWrapper","getAdapter","React","tag","index","Tag","Heading","Text","SafeHtmlRenderer","Advantage$1"],"mappings":";;;;;;AAeA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,GAAM,MAAAC,QAAW;AACrE,QAAAC,IAAeC,EAAW,cAAc;AAE9C,SACGC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,mCAAA,GACZH,KACCG,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,yBACZH,EAAK,IAAI,CAACI,GAAKC,MACdF,gBAAAA,EAAA,cAACG,GAAI,EAAA,KAAKD,GAAO,SAASD,EAAI,MAAA,GAC3BA,EAAI,KACP,CACD,CACH,GAEDL,KACEI,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,8DACbA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKF;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd,GAEFM,gBAAAA,EAAA,cAACI,GAAQ,EAAA,OAAO,GAAG,IAAG,OAAM,WAAU,OACnC,GAAAV,CACH,GACCC,qCACEU,GAAK,EAAA,SAAQ,cAAa,WAAU,wBAAuB,IAAI,MAC9D,GAAAL,gBAAAA,EAAA,cAACM,GAAiB,EAAA,MAAMX,EAAM,CAAA,CAChC,CAEJ;AAEJ,GAEAY,IAAed;"}
@@ -1,7 +1,15 @@
1
- import { FileDownIcon as i } from "lucide-react";
1
+ import { FileDownIcon as l } from "lucide-react";
2
2
  import e from "react";
3
3
  import t from "./index.es47.js";
4
- const l = ({ title: o, format: r, link: c, target: n, date: a, download: s = !0 }) => /* @__PURE__ */ e.createElement(
4
+ const m = ({
5
+ title: o,
6
+ format: a,
7
+ link: c,
8
+ target: n,
9
+ date: r,
10
+ download: s = !0,
11
+ titleClassName: i
12
+ }) => /* @__PURE__ */ e.createElement(
5
13
  "a",
6
14
  {
7
15
  href: c,
@@ -9,10 +17,10 @@ const l = ({ title: o, format: r, link: c, target: n, date: a, download: s = !0
9
17
  download: s,
10
18
  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"
11
19
  },
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;
20
+ /* @__PURE__ */ e.createElement(l, { className: "w-8 h-8 shrink-0" }),
21
+ /* @__PURE__ */ e.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ e.createElement(t, { variant: "body", as: "div", className: i || "" }, o), (a || r) && /* @__PURE__ */ e.createElement(t, { variant: "caption", className: "text-navy-opacity-40" }, a && r ? `${a} · ${r}` : a || r))
22
+ ), y = m;
15
23
  export {
16
- v as default
24
+ y as default
17
25
  };
18
26
  //# sourceMappingURL=index.es27.js.map
@@ -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 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;"}
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 titleClassName?: string\r\n}\r\n\r\nconst DocCard: React.FC<DocCardProps> = ({\r\n title,\r\n format,\r\n link,\r\n target,\r\n date,\r\n download = true,\r\n titleClassName,\r\n}) => {\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\" className={titleClassName || ''}>\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","titleClassName","React","FileDownIcon","Text","DocCard$1"],"mappings":";;;AAcA,MAAMA,IAAkC,CAAC;AAAA,EACvC,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,gBAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAML;AAAA,IACN,QAAAC;AAAA,IACA,UAAAE;AAAA,IACA,WAAU;AAAA,EAAA;AAAA,EAGVE,gBAAAA,EAAA,cAACC,GAAa,EAAA,WAAU,mBAAmB,CAAA;AAAA,EAC1CD,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,+CACZE,GAAK,EAAA,SAAQ,QAAO,IAAG,OAAM,WAAWH,KAAkB,GAAA,GACxDN,CACH,IACEC,KAAUG,MACVG,gBAAAA,EAAA,cAACE,GAAK,EAAA,SAAQ,WAAU,WAAU,0BAC/BR,KAAUG,IAAO,GAAGH,CAAM,MAAMG,CAAI,KAAKH,KAAUG,CACtD,CAEJ;AAAA,GAKNM,IAAeX;"}
package/dist/styles.css CHANGED
@@ -605,6 +605,9 @@ body{
605
605
  .mb-24{
606
606
  margin-bottom: 6rem;
607
607
  }
608
+ .mb-4{
609
+ margin-bottom: 1rem;
610
+ }
608
611
  .mb-5{
609
612
  margin-bottom: 1.25rem;
610
613
  }
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.10.11",
16
+ "version": "0.11.0",
17
17
  "type": "module",
18
18
  "module": "./dist/index.es.js",
19
19
  "types": "./dist/index.d.ts",