@shoplflow/base 0.32.10 → 0.32.12

package/dist/index.cjs

@@ -652,6 +652,7 @@ var StyledText = styled6__default.default.span`
   ${({ lineClamp }) => lineClamp && setEllipsis(lineClamp)};
   text-align: ${({ textAlign }) => textAlign && textAlign};
   white-space: ${({ whiteSpace }) => whiteSpace && whiteSpace};
+  text-overflow: ${({ textOverflow }) => textOverflow && textOverflow};
   ${({ textDecorations }) => textDecorations && react$1.css`
       text-decoration: ${textDecorations};
     `};
@@ -671,6 +672,7 @@ var Text = React3.forwardRef(
       color = "neutral700",
       display = "inline-block",
       textAlign = "start",
+      textOverflow,
       className,
       as
     } = _b, rest = __objRest(_b, [
@@ -680,6 +682,7 @@ var Text = React3.forwardRef(
       "color",
       "display",
       "textAlign",
+      "textOverflow",
       "className",
       "as"
     ]);
@@ -692,6 +695,7 @@ var Text = React3.forwardRef(
         color,
         display,
         textAlign,
+        textOverflow,
         as
       }, rest), {
         "data-shoplflow": "Text",
@@ -5774,57 +5778,6 @@ var WeekDatepicker = ({
   ] });
 };
 exports.WeekDatepicker = WeekDatepicker;
-var Title = ({
-  title,
-  titleTypography = "body1_700",
-  titleColor = "neutral700",
-  total,
-  description,
-  tooltipPlacement = "right",
-  isRequired,
-  isShowHelpIcon,
-  tooltipOffsetValue,
-  tooltipMessage = "",
-  rightSource
-}) => {
-  const domain = exports.getDomain();
-  const descriptionTypography = domain === "hada" ? "body2_400" : "body1_400";
-  return /* @__PURE__ */ jsxRuntime.jsxs(exports.Stack.Vertical, { width: "100%", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      exports.StackContainer,
-      {
-        direction: "row",
-        align: "center",
-        width: "100%",
-        minHeight: "40px",
-        height: "auto",
-        justify: "space-between",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(exports.Stack.Horizontal, { align: "center", spacing: "spacing04", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(exports.Text, { color: titleColor, typography: titleTypography, wordBreak: "break-all", children: [
-              title,
-              " ",
-              isRequired && /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "body1_700", color: "red300", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { color: "primary300", typography: "body1_700", children: total }),
-            isShowHelpIcon && /* @__PURE__ */ jsxRuntime.jsx(
-              exports.Tooltip,
-              {
-                placement: tooltipPlacement,
-                offset: tooltipOffsetValue,
-                trigger: /* @__PURE__ */ jsxRuntime.jsx(ShoplAssets.HelpIcon, { width: 20, height: 20 }),
-                popper: /* @__PURE__ */ jsxRuntime.jsx(exports.Tooltip.Content, { content: tooltipMessage })
-              }
-            )
-          ] }),
-          rightSource && rightSource
-        ]
-      }
-    ),
-    description && /* @__PURE__ */ jsxRuntime.jsx(exports.StackContainer, { minHeight: "30px", height: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: descriptionTypography, color: "neutral500", wordBreak: "break-all", children: description }) })
-  ] });
-};
-exports.Title = Title;
 var SpaceMarginWrapper = styled6__default.default(framerMotion.motion.div)`
   position: relative;
   display: flex;