@iit/precision-ui 0.8.30 → 0.8.32

package/dist/components/cards/AdvantageWithAccordion.d.ts.map

@@ -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,CA6DjE,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"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,CAiEjE,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/index.es23.js

@@ -2,9 +2,9 @@ import l from "./index.es46.js";
 import e from "react";
 import n from "./index.es19.js";
 import o from "./index.es47.js";
-import { getAdapter as c } from "./index.es9.js";
-const i = ({ title: t, desc: a, icon: r }) => {
-  const m = c("ImageWrapper");
+import { getAdapter as i } from "./index.es9.js";
+const c = ({ title: t, desc: a, icon: r }) => {
+  const m = i("ImageWrapper");
   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(
     m,
     {
@@ -14,9 +14,9 @@ const i = ({ title: t, desc: a, icon: r }) => {
       height: 32,
       className: "object-contain"
     }
-  )), /* @__PURE__ */ e.createElement(l, { level: 5, 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 })));
-}, u = i;
+  )), /* @__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 })));
+}, v = c;
 export {
-  u as default
+  v as default
 };
 //# sourceMappingURL=index.es23.js.map

package/dist/index.es23.js.map

@@ -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} 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,EAEd,CAAA,GACAK,gBAAAA,EAAA,cAACC,GAAQ,EAAA,OAAO,GAAG,WAAU,OAAA,GAC1BN,CACH,GACCC,KACCI,gBAAAA,EAAA,cAACE,KAAK,SAAQ,cAAa,WAAU,wBAAuB,IAAI,MAAA,mCAC7DC,GAAiB,EAAA,MAAMP,EAAM,CAAA,CAChC,CAEJ;AAEJ,GAEAQ,IAAeV;"}
+{"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;"}

package/dist/index.es25.js

@@ -11,7 +11,7 @@ const y = ({
   heightMode: a,
   className: o
 }) => {
-  const m = g(), i = a === "full" ? "h-full flex flex-col justify-between" : "h-fit", s = E("ImageWrapper"), l = /* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex self-start" }, /* @__PURE__ */ e.createElement(
+  const i = g(), m = a === "full" ? "h-full flex flex-col justify-between" : "h-fit", s = E("ImageWrapper"), l = /* @__PURE__ */ e.createElement("div", { className: "p-4 bg-turquoise-opacity-20 rounded-lg mb-6 inline-flex self-start" }, /* @__PURE__ */ e.createElement(
     s,
     {
       src: c,
@@ -26,12 +26,12 @@ const y = ({
     {
       className: b(
         "p-6 bg-whitish text-navy rounded-lg",
-        i,
+        m,
         o
       )
     },
-    a === "full" ? /* @__PURE__ */ e.createElement("div", null, l, /* @__PURE__ */ e.createElement(n, { level: 5, className: "mb-5" }, t)) : l,
-    /* @__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: m, 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" }))))
+    a === "full" ? /* @__PURE__ */ e.createElement("div", null, l, /* @__PURE__ */ e.createElement(n, { level: 5, as: "div", className: "mb-5" }, t)) : l,
+    /* @__PURE__ */ e.createElement("div", { className: "space-y-6" }, a !== "full" && /* @__PURE__ */ e.createElement(n, { level: 5, as: "div" }, 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" }))))
   );
 }, W = y;
 export {

package/dist/index.es25.js.map

@@ -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 =\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} className=\"mb-5\">\r\n            {title}\r\n          </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,SACbQ,gBAAAA,EAAA,cAAA,OAAA,MACED,GACDC,gBAAAA,EAAA,cAACE,GAAQ,EAAA,OAAO,GAAG,WAAU,UAC1Bb,CACH,CACF,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;"}
+{"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} as=\"div\" className=\"mb-5\">\r\n            {title}\r\n          </Heading>\r\n        </div>\r\n      ) : (\r\n        image\r\n      )}\r\n\r\n      <div className=\"space-y-6\">\r\n        {heightMode !== 'full' && (\r\n          <Heading level={5} as=\"div\">\r\n            {title}\r\n          </Heading>\r\n        )}\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,SACbQ,gBAAAA,EAAA,cAAA,OAAA,MACED,GACAC,gBAAAA,EAAA,cAAAE,GAAA,EAAQ,OAAO,GAAG,IAAG,OAAM,WAAU,OACnC,GAAAb,CACH,CACF,IAEAU;AAAA,oCAGD,OAAI,EAAA,WAAU,eACZP,MAAe,0CACbU,GAAQ,EAAA,OAAO,GAAG,IAAG,MAAA,GACnBb,CACH,GAGDC,qCACEa,GAAU,EAAA,MAAK,UAAS,aAAW,GAAA,mCACjCC,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.es33.js

@@ -54,7 +54,7 @@ const E = d(
       height: 32,
       className: "object-contain"
     }
-  )), /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ e.createElement(g, { level: 5, className: "mt-4 mb-2" }, n), /* @__PURE__ */ e.createElement(x, { variant: "small-body", className: o(w({ variant: t })) }, p)), !(r && r.length) && /* @__PURE__ */ e.createElement(
+  )), /* @__PURE__ */ e.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ e.createElement(g, { level: 5, className: "mt-4 mb-2", as: "div" }, n), /* @__PURE__ */ e.createElement(x, { variant: "small-body", className: o(w({ variant: t })) }, p)), !(r && r.length) && /* @__PURE__ */ e.createElement(
     s,
     {
       icon: "arrowRight",

package/dist/index.es33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es33.js","sources":["../src/components/cards/Product.tsx"],"sourcesContent":["import {\r\n  ButtonTextIconName,\r\n  ButtonTextPropsWithoutHTMLAttributes,\r\n} from '../ui/button/ButtonText'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst productCardVariants = cva(\r\n  'group p-6 rounded-lg min-h-[300px] flex flex-col justify-between gap-12 items-start relative hover:scale1-[1.005] h-full',\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 hover:from-sapphire hover:to-navy\",\r\n        navy: 'text-whitish primary-gradient',\r\n      },\r\n      size: {\r\n        1: 'sm:col-span-1',\r\n        2: 'sm:col-span-2',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n      size: 1,\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\nexport interface ProductCardButtonProps\r\n  extends ButtonTextPropsWithoutHTMLAttributes {\r\n  href?: string\r\n  target?: '_blank' | '_self'\r\n  icon?: ButtonTextIconName\r\n  download?: boolean\r\n}\r\n\r\nexport interface ProductCardProps\r\n  extends React.HTMLAttributes<HTMLAnchorElement>,\r\n    VariantProps<typeof productCardVariants> {\r\n  title: string\r\n  desc: string\r\n  icon: string\r\n  link?: string\r\n  target?: '_blank' | '_self'\r\n  size?: 1 | 2\r\n  buttons?: ProductCardButtonProps[]\r\n}\r\n\r\nexport interface ProductCardPropsWithoutHtmlAttributes\r\n  extends Omit<ProductCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n  title: string\r\n}\r\n\r\nconst ProductCard: React.FC<ProductCardProps> = ({\r\n  title,\r\n  desc,\r\n  icon,\r\n  link,\r\n  target,\r\n  variant,\r\n  size,\r\n  buttons,\r\n}) => {\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  let component = (\r\n    <div className={cn(productCardVariants({ variant, size }), 'h-full')}>\r\n      <div className=\"rounded-lg p-4 bg-turquoise-opacity-20\">\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      <div className=\"space-y-2\">\r\n        <Heading level={5} className=\"mt-4 mb-2\">\r\n          {title}\r\n        </Heading>\r\n        <Text variant=\"small-body\" className={cn(descVariants({ variant }))}>\r\n          {desc}\r\n        </Text>\r\n      </div>\r\n      {/* TODO: here is the button, should be a link */}\r\n\r\n      {!(buttons && buttons.length) && (\r\n        <ButtonText\r\n          icon=\"arrowRight\"\r\n          variant={variant === 'navy' ? 'white' : 'default'}\r\n        >\r\n          Подробнее\r\n        </ButtonText>\r\n      )}\r\n\r\n      {buttons && (\r\n        <div className=\"flex space-x-3\">\r\n          {buttons?.map((button, index) => (\r\n            <div key={index}>\r\n              <ButtonText\r\n                variant={variant === 'navy' ? 'white' : 'default'}\r\n                icon={button.icon}\r\n                asChild\r\n              >\r\n                <a\r\n                  href={button.href}\r\n                  target={button.target || '_self'}\r\n                  download={button.download}\r\n                >\r\n                  {button.text}\r\n                </a>\r\n              </ButtonText>\r\n              {/* <ButtonSecondary asChild variant={\"outline\"}>\r\n                <a href={button.href} target={button.target}>\r\n                  {button.text}\r\n                </a>\r\n              </ButtonSecondary> */}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n\r\n  if (link) {\r\n    component = (\r\n      <LinkWrapper\r\n        href={link}\r\n        target={target}\r\n        className={cn(\r\n          'block h-full relative transition-all bottom-0 hover:bottom-2 transform duration-300 border border-transparent rounded-lg hover1:border-navy-opacity-16',\r\n          size === 2 ? 'sm:col-span-2' : 'sm:col-span-1'\r\n        )}\r\n      >\r\n        {component}\r\n      </LinkWrapper>\r\n    )\r\n  }\r\n\r\n  return component\r\n}\r\n\r\nexport default ProductCard\r\n"],"names":["productCardVariants","cva","descVariants","ProductCard","title","desc","icon","link","target","variant","size","buttons","LinkWrapper","getAdapter","ImageWrapper","component","React","cn","Heading","Text","ButtonText","button","index","Product"],"mappings":";;;;;;;AAaA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA;AAAA,QAEF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAAeD,EAAI,IAAI;AAAA,EAC3B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GA2BKE,IAA0C,CAAC;AAAA,EAC/C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAW,aAAa,GACtCC,IAAeD,EAAW,cAAc;AAE9C,MAAIE,IACDC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWC,EAAGjB,EAAoB,EAAE,SAAAS,GAAS,MAAAC,EAAM,CAAA,GAAG,QAAQ,KAChEM,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,4CACbA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd,GACCY,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACE,GAAQ,EAAA,OAAO,GAAG,WAAU,YAC1B,GAAAd,CACH,GACCY,gBAAAA,EAAA,cAAAG,GAAA,EAAK,SAAQ,cAAa,WAAWF,EAAGf,EAAa,EAAE,SAAAO,EAAS,CAAA,CAAC,EAC/D,GAAAJ,CACH,CACF,GAGC,EAAEM,KAAWA,EAAQ,WACpBK,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASX,MAAY,SAAS,UAAU;AAAA,IAAA;AAAA,IACzC;AAAA,EAAA,GAKFE,KACEK,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,oBACZL,GAAS,IAAI,CAACU,GAAQC,MACpBN,gBAAAA,EAAA,cAAA,OAAA,EAAI,KAAKM,KACRN,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAASX,MAAY,SAAS,UAAU;AAAA,MACxC,MAAMY,EAAO;AAAA,MACb,SAAO;AAAA,IAAA;AAAA,IAEPL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMK,EAAO;AAAA,QACb,QAAQA,EAAO,UAAU;AAAA,QACzB,UAAUA,EAAO;AAAA,MAAA;AAAA,MAEhBA,EAAO;AAAA,IACV;AAAA,EAAA,CAOJ,CACD,CACH,CAEJ;AAGF,SAAId,MAEAQ,IAAAC,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,MAAML;AAAA,MACN,QAAAC;AAAA,MACA,WAAWS;AAAA,QACT;AAAA,QACAP,MAAS,IAAI,kBAAkB;AAAA,MACjC;AAAA,IAAA;AAAA,IAECK;AAAA,EAAA,IAKAA;AACT,GAEAQ,IAAepB;"}
+{"version":3,"file":"index.es33.js","sources":["../src/components/cards/Product.tsx"],"sourcesContent":["import {\r\n  ButtonTextIconName,\r\n  ButtonTextPropsWithoutHTMLAttributes,\r\n} from '../ui/button/ButtonText'\r\nimport { VariantProps, cva } from 'class-variance-authority'\r\n\r\nimport { ButtonText } from '../ui/button'\r\nimport Heading from '../core/typography/Heading'\r\nimport React from 'react'\r\nimport Text from '../core/typography/Text'\r\nimport { cn } from '@/lib/utils/cn'\r\nimport { getAdapter } from '@/Adapters'\r\n\r\nconst productCardVariants = cva(\r\n  'group p-6 rounded-lg min-h-[300px] flex flex-col justify-between gap-12 items-start relative hover:scale1-[1.005] h-full',\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 hover:from-sapphire hover:to-navy\",\r\n        navy: 'text-whitish primary-gradient',\r\n      },\r\n      size: {\r\n        1: 'sm:col-span-1',\r\n        2: 'sm:col-span-2',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n      size: 1,\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\nexport interface ProductCardButtonProps\r\n  extends ButtonTextPropsWithoutHTMLAttributes {\r\n  href?: string\r\n  target?: '_blank' | '_self'\r\n  icon?: ButtonTextIconName\r\n  download?: boolean\r\n}\r\n\r\nexport interface ProductCardProps\r\n  extends React.HTMLAttributes<HTMLAnchorElement>,\r\n    VariantProps<typeof productCardVariants> {\r\n  title: string\r\n  desc: string\r\n  icon: string\r\n  link?: string\r\n  target?: '_blank' | '_self'\r\n  size?: 1 | 2\r\n  buttons?: ProductCardButtonProps[]\r\n}\r\n\r\nexport interface ProductCardPropsWithoutHtmlAttributes\r\n  extends Omit<ProductCardProps, keyof React.HTMLAttributes<HTMLDivElement>> {\r\n  title: string\r\n}\r\n\r\nconst ProductCard: React.FC<ProductCardProps> = ({\r\n  title,\r\n  desc,\r\n  icon,\r\n  link,\r\n  target,\r\n  variant,\r\n  size,\r\n  buttons,\r\n}) => {\r\n  const LinkWrapper = getAdapter('LinkWrapper')\r\n  const ImageWrapper = getAdapter('ImageWrapper')\r\n\r\n  let component = (\r\n    <div className={cn(productCardVariants({ variant, size }), 'h-full')}>\r\n      <div className=\"rounded-lg p-4 bg-turquoise-opacity-20\">\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      <div className=\"space-y-2\">\r\n        <Heading level={5} className=\"mt-4 mb-2\" as=\"div\">\r\n          {title}\r\n        </Heading>\r\n        <Text variant=\"small-body\" className={cn(descVariants({ variant }))}>\r\n          {desc}\r\n        </Text>\r\n      </div>\r\n      {/* TODO: here is the button, should be a link */}\r\n\r\n      {!(buttons && buttons.length) && (\r\n        <ButtonText\r\n          icon=\"arrowRight\"\r\n          variant={variant === 'navy' ? 'white' : 'default'}\r\n        >\r\n          Подробнее\r\n        </ButtonText>\r\n      )}\r\n\r\n      {buttons && (\r\n        <div className=\"flex space-x-3\">\r\n          {buttons?.map((button, index) => (\r\n            <div key={index}>\r\n              <ButtonText\r\n                variant={variant === 'navy' ? 'white' : 'default'}\r\n                icon={button.icon}\r\n                asChild\r\n              >\r\n                <a\r\n                  href={button.href}\r\n                  target={button.target || '_self'}\r\n                  download={button.download}\r\n                >\r\n                  {button.text}\r\n                </a>\r\n              </ButtonText>\r\n              {/* <ButtonSecondary asChild variant={\"outline\"}>\r\n                <a href={button.href} target={button.target}>\r\n                  {button.text}\r\n                </a>\r\n              </ButtonSecondary> */}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n\r\n  if (link) {\r\n    component = (\r\n      <LinkWrapper\r\n        href={link}\r\n        target={target}\r\n        className={cn(\r\n          'block h-full relative transition-all bottom-0 hover:bottom-2 transform duration-300 border border-transparent rounded-lg hover1:border-navy-opacity-16',\r\n          size === 2 ? 'sm:col-span-2' : 'sm:col-span-1'\r\n        )}\r\n      >\r\n        {component}\r\n      </LinkWrapper>\r\n    )\r\n  }\r\n\r\n  return component\r\n}\r\n\r\nexport default ProductCard\r\n"],"names":["productCardVariants","cva","descVariants","ProductCard","title","desc","icon","link","target","variant","size","buttons","LinkWrapper","getAdapter","ImageWrapper","component","React","cn","Heading","Text","ButtonText","button","index","Product"],"mappings":";;;;;;;AAaA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA;AAAA,QAEF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEMC,IAAeD,EAAI,IAAI;AAAA,EAC3B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GA2BKE,IAA0C,CAAC;AAAA,EAC/C,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAAC,IAAcC,EAAW,aAAa,GACtCC,IAAeD,EAAW,cAAc;AAE9C,MAAIE,IACDC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWC,EAAGjB,EAAoB,EAAE,SAAAS,GAAS,MAAAC,EAAM,CAAA,GAAG,QAAQ,KAChEM,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,4CACbA,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKR;AAAA,MACL,KAAK,mBAAmBF,CAAK;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA,CAEd,GACCY,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,YACb,GAAAA,gBAAAA,EAAA,cAACE,GAAQ,EAAA,OAAO,GAAG,WAAU,aAAY,IAAG,MAAA,GACzCd,CACH,GACAY,gBAAAA,EAAA,cAACG,GAAK,EAAA,SAAQ,cAAa,WAAWF,EAAGf,EAAa,EAAE,SAAAO,EAAQ,CAAC,CAAC,KAC/DJ,CACH,CACF,GAGC,EAAEM,KAAWA,EAAQ,WACpBK,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASX,MAAY,SAAS,UAAU;AAAA,IAAA;AAAA,IACzC;AAAA,EAAA,GAKFE,KACEK,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,oBACZL,GAAS,IAAI,CAACU,GAAQC,MACpBN,gBAAAA,EAAA,cAAA,OAAA,EAAI,KAAKM,KACRN,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAASX,MAAY,SAAS,UAAU;AAAA,MACxC,MAAMY,EAAO;AAAA,MACb,SAAO;AAAA,IAAA;AAAA,IAEPL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMK,EAAO;AAAA,QACb,QAAQA,EAAO,UAAU;AAAA,QACzB,UAAUA,EAAO;AAAA,MAAA;AAAA,MAEhBA,EAAO;AAAA,IACV;AAAA,EAAA,CAOJ,CACD,CACH,CAEJ;AAGF,SAAId,MAEAQ,IAAAC,gBAAAA,EAAA;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,MAAML;AAAA,MACN,QAAAC;AAAA,MACA,WAAWS;AAAA,QACT;AAAA,QACAP,MAAS,IAAI,kBAAkB;AAAA,MACjC;AAAA,IAAA;AAAA,IAECK;AAAA,EAAA,IAKAA;AACT,GAEAQ,IAAepB;"}

package/dist/styles.css

@@ -1678,6 +1678,11 @@ body{
     font-size: 45.6px;
   }
 }
+@media (min-width: 500px) {
+  .typo_variant_factoid {
+    font-size: 53.2px;
+  }
+}
 @media (min-width: 768px) {
   .typo_variant_factoid {
     font-size: 60.8px;
@@ -1709,6 +1714,11 @@ body{
     font-size: 45.6px;
   }
 }
+@media (min-width: 500px) {
+  .typo_variant_h1 {
+    font-size: 53.2px;
+  }
+}
 @media (min-width: 768px) {
   .typo_variant_h1 {
     font-size: 60.8px;
@@ -1742,6 +1752,12 @@ body{
     font-size: 34.2px;
   }
 }
+@media (min-width: 500px) {
+  .typo_variant_h2, .content h1,
+  .content .h1 {
+    font-size: 39.9px;
+  }
+}
 @media (min-width: 768px) {
   .typo_variant_h2, .content h1,
   .content .h1 {
@@ -1773,6 +1789,12 @@ body{
     font-size: 25.8px;
   }
 }
+@media (min-width: 500px) {
+  .typo_variant_h3, .content h2,
+  .content .h2 {
+    font-size: 30.1px;
+  }
+}
 @media (min-width: 768px) {
   .typo_variant_h3, .content h2,
   .content .h2 {
@@ -1804,6 +1826,12 @@ body{
     font-size: 19.2px;
   }
 }
+@media (min-width: 500px) {
+  .typo_variant_h4, .content h3,
+  .content .h3 {
+    font-size: 22.4px;
+  }
+}
 @media (min-width: 768px) {
   .typo_variant_h4, .content h3,
   .content .h3 {
@@ -1825,26 +1853,32 @@ body{
 .typo_variant_h5, .content h4,
 .content .h4 {
   font-family: "TT Commons";
-  font-size: 12px;
+  font-size: 20.4px;
   line-height: 1.2;
   letter-spacing: normal;
 }
 @media (min-width: 360px) {
   .typo_variant_h5, .content h4,
   .content .h4 {
-    font-size: 14.4px;
+    font-size: 21.36px;
+  }
+}
+@media (min-width: 500px) {
+  .typo_variant_h5, .content h4,
+  .content .h4 {
+    font-size: 22.08px;
   }
 }
 @media (min-width: 768px) {
   .typo_variant_h5, .content h4,
   .content .h4 {
-    font-size: 19.2px;
+    font-size: 22.8px;
   }
 }
 @media (min-width: 1024px) {
   .typo_variant_h5, .content h4,
   .content .h4 {
-    font-size: 21.6px;
+    font-size: 23.52px;
   }
 }
 @media (min-width: 1440px) {
@@ -1856,26 +1890,32 @@ body{
 .typo_variant_h6, .content h6,
 .content .h6 {
   font-family: "TT Commons";
-  font-size: 9px;
+  font-size: 15.3px;
   line-height: 1.2;
   letter-spacing: normal;
 }
 @media (min-width: 360px) {
   .typo_variant_h6, .content h6,
   .content .h6 {
-    font-size: 10.8px;
+    font-size: 16.02px;
+  }
+}
+@media (min-width: 500px) {
+  .typo_variant_h6, .content h6,
+  .content .h6 {
+    font-size: 16.56px;
   }
 }
 @media (min-width: 768px) {
   .typo_variant_h6, .content h6,
   .content .h6 {
-    font-size: 14.4px;
+    font-size: 17.1px;
   }
 }
 @media (min-width: 1024px) {
   .typo_variant_h6, .content h6,
   .content .h6 {
-    font-size: 16.2px;
+    font-size: 17.64px;
   }
 }
 @media (min-width: 1440px) {
@@ -1887,26 +1927,32 @@ body{
 .typo_variant_h6_content, .content h5,
 .content .h5 {
   font-family: "TT Commons";
-  font-size: 10px;
+  font-size: 17px;
   line-height: 1.2;
   letter-spacing: normal;
 }
 @media (min-width: 360px) {
   .typo_variant_h6_content, .content h5,
   .content .h5 {
-    font-size: 12px;
+    font-size: 17.8px;
+  }
+}
+@media (min-width: 500px) {
+  .typo_variant_h6_content, .content h5,
+  .content .h5 {
+    font-size: 18.4px;
   }
 }
 @media (min-width: 768px) {
   .typo_variant_h6_content, .content h5,
   .content .h5 {
-    font-size: 16px;
+    font-size: 19px;
   }
 }
 @media (min-width: 1024px) {
   .typo_variant_h6_content, .content h5,
   .content .h5 {
-    font-size: 18px;
+    font-size: 19.6px;
   }
 }
 @media (min-width: 1440px) {
@@ -1918,23 +1964,28 @@ body{
 /* Text Variants */
 .typo_variant_subtitle-1 {
   font-family: "TT Commons";
-  font-size: 10px;
+  font-size: 17px;
   line-height: 1.2;
   letter-spacing: normal;
 }
 @media (min-width: 360px) {
   .typo_variant_subtitle-1 {
-    font-size: 12px;
+    font-size: 17.8px;
+  }
+}
+@media (min-width: 500px) {
+  .typo_variant_subtitle-1 {
+    font-size: 18.4px;
   }
 }
 @media (min-width: 768px) {
   .typo_variant_subtitle-1 {
-    font-size: 16px;
+    font-size: 19px;
   }
 }
 @media (min-width: 1024px) {
   .typo_variant_subtitle-1 {
-    font-size: 18px;
+    font-size: 19.6px;
   }
 }
 @media (min-width: 1440px) {
@@ -1944,23 +1995,28 @@ body{
 }
 .typo_variant_subtitle-2 {
   font-family: "TT Commons";
-  font-size: 9px;
+  font-size: 15.3px;
   line-height: 1.2;
   letter-spacing: normal;
 }
 @media (min-width: 360px) {
   .typo_variant_subtitle-2 {
-    font-size: 10.8px;
+    font-size: 16.02px;
+  }
+}
+@media (min-width: 500px) {
+  .typo_variant_subtitle-2 {
+    font-size: 16.56px;
   }
 }
 @media (min-width: 768px) {
   .typo_variant_subtitle-2 {
-    font-size: 14.4px;
+    font-size: 17.1px;
   }
 }
 @media (min-width: 1024px) {
   .typo_variant_subtitle-2 {
-    font-size: 16.2px;
+    font-size: 17.64px;
   }
 }
 @media (min-width: 1440px) {
@@ -1970,24 +2026,29 @@ body{
 }
 .typo_variant_overline {
   font-family: "TT Commons";
-  font-size: 7.5px;
+  font-size: 12.75px;
   line-height: 1.2;
   letter-spacing: 0.225px;
   text-transform: uppercase;
 }
 @media (min-width: 360px) {
   .typo_variant_overline {
-    font-size: 9px;
+    font-size: 13.35px;
+  }
+}
+@media (min-width: 500px) {
+  .typo_variant_overline {
+    font-size: 13.8px;
   }
 }
 @media (min-width: 768px) {
   .typo_variant_overline {
-    font-size: 12px;
+    font-size: 14.25px;
   }
 }
 @media (min-width: 1024px) {
   .typo_variant_overline {
-    font-size: 13.5px;
+    font-size: 14.7px;
   }
 }
 @media (min-width: 1440px) {
@@ -2006,6 +2067,11 @@ body{
     font-size: 16.2px;
   }
 }
+@media (min-width: 500px) {
+  .typo_variant_lead-text {
+    font-size: 18.9px;
+  }
+}
 @media (min-width: 768px) {
   .typo_variant_lead-text {
     font-size: 21.6px;
@@ -2024,26 +2090,32 @@ body{
 .typo_variant_body, a.doc-with-icon, .content ol,
 .content ul, .content p {
   font-family: "TT Commons";
-  font-size: 10px;
+  font-size: 17px;
   line-height: 1.25;
   letter-spacing: normal;
 }
 @media (min-width: 360px) {
   .typo_variant_body, a.doc-with-icon, .content ol,
   .content ul, .content p {
-    font-size: 12px;
+    font-size: 17.8px;
+  }
+}
+@media (min-width: 500px) {
+  .typo_variant_body, a.doc-with-icon, .content ol,
+  .content ul, .content p {
+    font-size: 18.4px;
   }
 }
 @media (min-width: 768px) {
   .typo_variant_body, a.doc-with-icon, .content ol,
   .content ul, .content p {
-    font-size: 16px;
+    font-size: 19px;
   }
 }
 @media (min-width: 1024px) {
   .typo_variant_body, a.doc-with-icon, .content ol,
   .content ul, .content p {
-    font-size: 18px;
+    font-size: 19.6px;
   }
 }
 @media (min-width: 1440px) {
@@ -2054,23 +2126,28 @@ body{
 }
 .typo_variant_small-body {
   font-family: "TT Commons";
-  font-size: 9px;
+  font-size: 15.3px;
   line-height: 1.3;
   letter-spacing: normal;
 }
 @media (min-width: 360px) {
   .typo_variant_small-body {
-    font-size: 10.8px;
+    font-size: 16.02px;
+  }
+}
+@media (min-width: 500px) {
+  .typo_variant_small-body {
+    font-size: 16.56px;
   }
 }
 @media (min-width: 768px) {
   .typo_variant_small-body {
-    font-size: 14.4px;
+    font-size: 17.1px;
   }
 }
 @media (min-width: 1024px) {
   .typo_variant_small-body {
-    font-size: 16.2px;
+    font-size: 17.64px;
   }
 }
 @media (min-width: 1440px) {
@@ -2080,16 +2157,66 @@ body{
 }
 .typo_variant_caption {
   font-family: "TT Commons";
-  font-size: clamp(12px, 12px + 1.5vw, 16px);
+  font-size: 13.6px;
   line-height: 1.2;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_caption {
+    font-size: 14.24px;
+  }
+}
+@media (min-width: 500px) {
+  .typo_variant_caption {
+    font-size: 14.72px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_caption {
+    font-size: 15.2px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_caption {
+    font-size: 15.68px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_caption {
+    font-size: 16px;
+  }
+}
 .typo_variant_button, .typo_variant_link {
   font-family: "TT Commons";
-  font-size: clamp(15px, 15px + 1.5vw, 18px);
+  font-size: 15.3px;
   line-height: 1;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_button, .typo_variant_link {
+    font-size: 16.02px;
+  }
+}
+@media (min-width: 500px) {
+  .typo_variant_button, .typo_variant_link {
+    font-size: 16.56px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_button, .typo_variant_link {
+    font-size: 17.1px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_button, .typo_variant_link {
+    font-size: 17.64px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_button, .typo_variant_link {
+    font-size: 18px;
+  }
+}
 .content b,
 .content strong {
   font-weight: 500;

package/package.json

@@ -13,7 +13,7 @@
     "type": "git",
     "url": "git+https://github.com/wowxoxo/precision-ui.git"
   },
-  "version": "0.8.30",
+  "version": "0.8.32",
   "type": "module",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",