sevago-library 1.3.15 → 1.3.17

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # sevago-library
 
+## 1.3.17
+
+### Patch Changes
+
+- feat: text field
+
+## 1.3.16
+
+### Patch Changes
+
+- feat: update value color
+
 ## 1.3.15
 
 ### Patch Changes

package/dist/index.cjs.js

@@ -33420,45 +33420,61 @@ 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 TypographyInfoRow = ({
-  label,
-  value,
-  sx = {},
-  labelSx = {},
-  lineLimit = 1,
-  isColumn = false
-}) => {
+  const isGridLayout = layout === "vertical";
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    material.Stack,
+    StackRow,
     {
-      direction: isColumn ? "column" : "row",
-      sx: { alignItems: "center", gap: PADDING_GAP_ITEM_SMALL, ...sx },
+      sx: {
+        ...isGridLayout ? { display: "grid", gridTemplateColumns: columns } : { flexDirection: "column", gap: 0.5 },
+        ...sx
+      },
       children: [
-        label && /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { sx: { ...labelSx }, variant: "subtitle1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { sx: { ...TYPOGRAPHY.textSm.regular, color: GRAY[500], ...sxLabel }, children: [
           label,
           ":"
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { color: "text.secondary", sx: { ...getLimitLineCss(lineLimit), flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: checkEmptyText(value) }) })
+        /* @__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,
+  value,
+  sx = {},
+  labelSx = {},
+  lineLimit = 1,
+  isColumn = false
+}) => {
+  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) {
     for (var e = 1; e < arguments.length; e++) {