@cfx-dev/ui-components 5.0.6 → 5.0.7

package/dist/assets/css/TableResponsiveText.css

@@ -1 +1 @@
-.cfxui__TableResponsiveText__root__0e257{position:relative;min-width:calc(var(--quant) * 15);z-index:-1}.cfxui__TableResponsiveText__root__0e257 .cfxui__TableResponsiveText__text__78e87{position:absolute;left:0;right:0;overflow:hidden}
+.cfxui__TableResponsiveText__root__0e257{position:relative;display:flex;align-items:center;width:100%;min-width:var(--min-width)}.cfxui__TableResponsiveText__root__0e257 .cfxui__TableResponsiveText__text__78e87{position:absolute;left:0;right:0;z-index:1;overflow-x:clip}

package/dist/assets/css/Text.css

@@ -1 +1 @@
-.cfxui__Text__root__2fe11{--trim-line-height: calc(var(--font-size-current) * var(--line-height-current));--trim-extra-height: calc(var(--trim-line-height) - 1cap);--trim-size: calc((var(--trim-extra-height) / 2) * -1)}.cfxui__Text__root__2fe11{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Text__root__2fe11:before{content:"";margin-bottom:calc(var(--trim-size) - .015cap);display:table}.cfxui__Text__root__2fe11:after{content:"";margin-top:calc(var(--trim-size) + .025cap);display:table}.cfxui__Text__root__2fe11.cfxui__Text__verticalTrimDisabled__34631:before,.cfxui__Text__root__2fe11.cfxui__Text__verticalTrimDisabled__34631:after{display:none;margin:0}.cfxui__Text__root__2fe11.cfxui__Text__centered__4d7bd{text-align:center}.cfxui__Text__root__2fe11.cfxui__Text__underlined__5860e{text-decoration:underline}.cfxui__Text__root__2fe11.cfxui__Text__strikethrough__e3ee3{text-decoration:line-through}.cfxui__Text__root__2fe11.cfxui__Text__truncated__417f4{width:100%;line-height:1.1;white-space:nowrap;overflow:hidden;mask:linear-gradient(90deg,red,red calc(100% - 2ch),transparent)}.cfxui__Text__root__2fe11.cfxui__Text__typographic__d8155{overflow-wrap:break-word}.cfxui__Text__root__2fe11.cfxui__Text__typographic__d8155 li{margin-left:calc(var(--quant) * 4)}.cfxui__Text__root__2fe11:not(.cfxui__Text__typographic__d8155) a{color:inherit;text-decoration:none}.cfxui__Text__root__2fe11.cfxui__Text__block__cb1b6{max-width:100%}
+.cfxui__Text__root__2fe11{--trim-line-height: calc(var(--font-size-current) * var(--line-height-current));--trim-extra-height: calc(var(--trim-line-height) - 1cap);--trim-size: calc((var(--trim-extra-height) / 2) * -1)}.cfxui__Text__root__2fe11{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Text__root__2fe11:before{content:"";margin-bottom:calc(var(--trim-size) - .015cap);display:table}.cfxui__Text__root__2fe11:after{content:"";margin-top:calc(var(--trim-size) + .025cap);display:table}.cfxui__Text__root__2fe11.cfxui__Text__verticalTrimDisabled__34631:before,.cfxui__Text__root__2fe11.cfxui__Text__verticalTrimDisabled__34631:after{display:none;margin:0}.cfxui__Text__root__2fe11.cfxui__Text__centered__4d7bd{text-align:center}.cfxui__Text__root__2fe11.cfxui__Text__underlined__5860e{text-decoration:underline}.cfxui__Text__root__2fe11.cfxui__Text__strikethrough__e3ee3{text-decoration:line-through}.cfxui__Text__root__2fe11.cfxui__Text__truncated__417f4{width:100%;white-space:nowrap;overflow-x:clip;display:inline-block;mask:linear-gradient(90deg,rgba(var(--color-red),1),rgba(var(--color-red),1) calc(100% - 2ch),transparent)}.cfxui__Text__root__2fe11.cfxui__Text__typographic__d8155{overflow-wrap:break-word}.cfxui__Text__root__2fe11.cfxui__Text__typographic__d8155 li{margin-left:calc(var(--quant) * 4)}.cfxui__Text__root__2fe11:not(.cfxui__Text__typographic__d8155) a{color:inherit;text-decoration:none}.cfxui__Text__root__2fe11.cfxui__Text__block__cb1b6{max-width:100%}

package/dist/components/TableResponsiveText/TableResponsiveText.d.ts

@@ -4,6 +4,7 @@ import { TextProps } from '../Text';
 export interface TableResponsiveTextProps extends TextProps {
     title?: string;
     rootClassName?: string;
+    minWidth?: string | number;
 }
 declare function TableResponsiveText(props: TableResponsiveTextProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof TableResponsiveText>;

package/dist/components/TableResponsiveText/TableResponsiveText.js

@@ -1,23 +1,32 @@
-import { jsx as t } from "react/jsx-runtime";
-import n from "react";
-import l from "../Flex/Flex.js";
-import { clsx as m } from "../../utils/clsx.js";
-import { Text as c } from "../Text/Text.js";
-import "../../utils/ui/ui.js";
+import { jsx as e } from "react/jsx-runtime";
+import l from "react";
+import { Text as m } from "../Text/Text.js";
+import { ui as c } from "../../utils/ui/ui.js";
 import { Title as a } from "../Title/Title.js";
-const x = "cfxui__TableResponsiveText__root__0e257", _ = "cfxui__TableResponsiveText__text__78e87", o = {
-  root: x,
-  text: _
+import { clsx as x } from "../../utils/clsx.js";
+const _ = "cfxui__TableResponsiveText__root__0e257", f = "cfxui__TableResponsiveText__text__78e87", i = {
+  root: _,
+  text: f
 };
-function f(e) {
+function p(o) {
   const {
-    title: r,
-    children: s,
-    rootClassName: i
-  } = e;
-  return /* @__PURE__ */ t(a, { title: r ?? s, children: /* @__PURE__ */ t(l, { gap: "medium", centered: !0, className: m(o.root, i), children: /* @__PURE__ */ t(c, { truncated: !0, ...e, className: o.text }) }) });
+    title: n,
+    children: r,
+    rootClassName: s,
+    minWidth: t = 15
+  } = o;
+  return /* @__PURE__ */ e(a, { title: n ?? r, fixedOn: "top", children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: x(i.root, s),
+      style: {
+        "--min-width": typeof t == "number" ? c.q(t) : t
+      },
+      children: /* @__PURE__ */ e(m, { truncated: !0, ...o, className: i.text })
+    }
+  ) });
 }
-const C = n.memo(f);
+const y = l.memo(p);
 export {
-  C as default
+  y as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "5.0.6",
+  "version": "5.0.7",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",