@liner-fe/prism 1.9.2 → 1.9.3

package/lib/index.mjs

@@ -4820,6 +4820,7 @@ var style_module_default3 = {
 import { useEffect, useRef, useState } from "react";
 
 // src/components/Typography/Paragraph.tsx
+import { vars } from "@liner-fe/design-token";
 import clsx3 from "clsx";
 
 // src/components/Typography/style.module.scss
@@ -4859,7 +4860,14 @@ var Paragraph = /* @__PURE__ */ __name(({
   color = "neutral-label-primary",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx97("p", { ...rest, className: clsx3(`lp-sys-typo-paragraph${size}-${type}-${weight}`, style_module_default4.paragraph, color, className), children });
+  return /* @__PURE__ */ jsx97(
+    "p",
+    {
+      ...rest,
+      className: clsx3(`lp-sys-typo-paragraph${size}-${type}-${weight}`, style_module_default4.paragraph, vars.color[color], className),
+      children
+    }
+  );
 }, "Paragraph");
 
 // src/components/Toast/index.tsx
@@ -4921,6 +4929,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
 
 // src/components/Typography/Heading.tsx
 import clsx4 from "clsx";
+import { vars as vars2 } from "@liner-fe/design-token";
 import { jsx as jsx99 } from "react/jsx-runtime";
 var Heading = /* @__PURE__ */ __name(({
   size,
@@ -4931,11 +4940,19 @@ var Heading = /* @__PURE__ */ __name(({
   ...rest
 }) => {
   const Element = `h${size}`;
-  return /* @__PURE__ */ jsx99(Element, { ...rest, className: clsx4(`lp-sys-typo-heading${size}-${type}`, style_module_default4.heading, color, className), children });
+  return /* @__PURE__ */ jsx99(
+    Element,
+    {
+      ...rest,
+      className: clsx4(`lp-sys-typo-heading${size}-${type}`, style_module_default4.heading, vars2.color[color], className),
+      children
+    }
+  );
 }, "Heading");
 
 // src/components/Typography/Display.tsx
 import clsx5 from "clsx";
+import { vars as vars3 } from "@liner-fe/design-token";
 import { jsx as jsx100 } from "react/jsx-runtime";
 var Display = /* @__PURE__ */ __name(({
   size,
@@ -4946,10 +4963,18 @@ var Display = /* @__PURE__ */ __name(({
   color = "neutral-label-primary",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx100("p", { ...rest, className: clsx5(`lp-sys-typo-display${size}-${type}-${weight}`, style_module_default4.display, color, className), children });
+  return /* @__PURE__ */ jsx100(
+    "p",
+    {
+      ...rest,
+      className: clsx5(`lp-sys-typo-display${size}-${type}-${weight}`, style_module_default4.display, vars3.color[color], className),
+      children
+    }
+  );
 }, "Display");
 
 // src/components/Typography/Title.tsx
+import { vars as vars4 } from "@liner-fe/design-token";
 import clsx6 from "clsx";
 import { jsx as jsx101 } from "react/jsx-runtime";
 var Title2 = /* @__PURE__ */ __name(({
@@ -4961,11 +4986,19 @@ var Title2 = /* @__PURE__ */ __name(({
   color = "neutral-label-primary",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx101("p", { ...rest, className: clsx6(`lp-sys-typo-title${size}-${type}-${weight}`, style_module_default4.title, color, className), children });
+  return /* @__PURE__ */ jsx101(
+    "p",
+    {
+      ...rest,
+      className: clsx6(`lp-sys-typo-title${size}-${type}-${weight}`, style_module_default4.title, vars4.color[color], className),
+      children
+    }
+  );
 }, "Title");
 
 // src/components/Typography/Caption.tsx
 import clsx7 from "clsx";
+import { vars as vars5 } from "@liner-fe/design-token";
 import { jsx as jsx102 } from "react/jsx-runtime";
 var Caption = /* @__PURE__ */ __name(({
   children,
@@ -4980,7 +5013,7 @@ var Caption = /* @__PURE__ */ __name(({
     "caption",
     {
       ...rest,
-      className: clsx7(`lp-sys-typo-caption${size}-${type}-${weight}`, style_module_default4.caption, color, className),
+      className: clsx7(`lp-sys-typo-caption${size}-${type}-${weight}`, style_module_default4.caption, vars5.color[color], className),
       children
     }
   );