sevago-library 1.3.15 → 1.3.16

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # sevago-library
 
+## 1.3.16
+
+### Patch Changes
+
+- feat: update value color
+
 ## 1.3.15
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -33420,21 +33420,41 @@ const TypographyGridInfoRow = ({
   label,
   value,
   sx,
+  lineLimit,
   columns = "1fr 2fr",
   layout = "vertical",
   sxValue,
   sxLabel
 }) => {
-  if (layout === "vertical") {
-    return /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(StackRow, { sx: { display: "grid", gridTemplateColumns: columns, ...sx }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { ...TYPOGRAPHY.textSm.semiBold, ...sxLabel }, children: label }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { sx: { ...TYPOGRAPHY.textSm.regular, ...sxValue }, children: value || "Không có" })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { sx: { gap: 0.5, ...sx }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { ...TYPOGRAPHY.textSm.semiBold, ...sxLabel }, children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { sx: { ...TYPOGRAPHY.textSm.regular, ...sxValue }, children: value || "Không có" })
-  ] }) });
+  const isGridLayout = layout === "vertical";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    StackRow,
+    {
+      sx: {
+        ...isGridLayout ? { display: "grid", gridTemplateColumns: columns } : { flexDirection: "column", gap: 0.5 },
+        ...sx
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { ...TYPOGRAPHY.textSm.semiBold, color: GRAY[500], ...sxLabel }, children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Typography,
+          {
+            sx: {
+              ...TYPOGRAPHY.textSm.regular,
+              ...lineLimit && {
+                display: "-webkit-box",
+                overflow: "hidden",
+                WebkitBoxOrient: "vertical",
+                WebkitLineClamp: lineLimit
+              },
+              ...sxValue
+            },
+            children: checkEmptyText(value)
+          }
+        )
+      ]
+    }
+  );
 };
 const TypographyInfoRow = ({
   label,
@@ -33444,20 +33464,13 @@ const TypographyInfoRow = ({
   lineLimit = 1,
   isColumn = false
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    material.Stack,
-    {
-      direction: isColumn ? "column" : "row",
-      sx: { alignItems: "center", gap: PADDING_GAP_ITEM_SMALL, ...sx },
-      children: [
-        label && /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { sx: { ...labelSx }, variant: "subtitle1", children: [
-          label,
-          ":"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { color: "text.secondary", sx: { ...getLimitLineCss(lineLimit), flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: checkEmptyText(value) }) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(StackAlignCenter, { direction: isColumn ? "column" : "row", sx: { gap: PADDING_GAP_ITEM_SMALL, ...sx }, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { sx: { color: GRAY[500], ...labelSx }, children: [
+      label,
+      ":"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { sx: { ...getLimitLineCss(lineLimit), flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: checkEmptyText(value) }) })
+  ] });
 };
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {