npm - @refinn/core-ui - Versions diffs - 0.1.8 → 0.1.9 - Mend

@refinn/core-ui 0.1.8 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.cjs CHANGED Viewed

@@ -639,7 +639,7 @@ var Loading = (0, import_react6.forwardRef)(
             {
               d: "M1 9C1 6.87827 1.84286 4.84344 3.34315 3.34315C4.84344 1.84285 6.87827 1 9 1C11.1217 1 13.1566 1.84286 14.6569 3.34315C16.1571 4.84344 17 6.87827 17 9C17 11.1217 16.1571 13.1566 14.6569 14.6569C13.1566 16.1571 11.1217 17 9 17C6.87827 17 4.84344 16.1571 3.34315 14.6569C1.84285 13.1566 1 11.1217 1 9L1 9Z",
               stroke: "#F3F4F6",
-              "stroke-width": "2"
+              strokeWidth: "2"
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -647,7 +647,7 @@ var Loading = (0, import_react6.forwardRef)(
             {
               d: "M1 9C1 7.31057 1.53484 5.6645 2.52786 4.29772C3.52089 2.93094 4.92112 1.91361 6.52787 1.39155C8.13461 0.869484 9.86539 0.869484 11.4721 1.39155C13.0789 1.91361 14.4791 2.93094 15.4721 4.29772",
               stroke: "#0193D7",
-              "stroke-width": "2"
+              strokeWidth: "2"
             }
           )
         ]
@@ -845,7 +845,7 @@ var BottomSheet = (0, import_react8.forwardRef)(
         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
           "div",
           {
-            className: `fixed inset-0 z-50 flex items-end justify-center transition-opacity duration-300 ${animate ? "opacity-100" : "opacity-0"}`,
+            className: `fixed inset-0 z-15000 flex items-end justify-center transition-opacity duration-300 ${animate ? "opacity-100" : "opacity-0"}`,
             "aria-modal": "true",
             role: "dialog",
             children: [
@@ -1180,7 +1180,7 @@ var Dialog = (0, import_react11.forwardRef)(
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
           "div",
           {
-            className: `fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300 ${animate ? "opacity-100" : "opacity-0"}`,
+            className: `fixed inset-0 z-15000 flex items-center justify-center transition-opacity duration-300 ${animate ? "opacity-100" : "opacity-0"}`,
             "aria-modal": "true",
             role: "dialog",
             children: [
@@ -1363,7 +1363,7 @@ var Dropdown = (0, import_react12.forwardRef)(
           }, rest), {
             onClick: () => !isDisabled && setIsOpen(!isOpen),
             className: `w-full rounded-md text-body-small px-16  text-center inline-flex gap-8 items-center border **:focus:outline-none focus:border-2 focus:px-15 focus:py-9
-            ${size === "lg" ? "py-14" : "py-10"}
+            ${size === "lg" ? "py-12" : "py-8"}
             ${isDisabled ? "text-dropdown-text-disabled cursor-not-allowed" : value ? "text-dropdown-text-primary cursor-pointer" : "text-dropdown-text-secondary cursor-pointer"}
             ${isDisabled ? "pointer-events-none bg-dropdown-background-disabled border-dropdown-border-disabled" : error ? "border-red-600 bg-dropdown-background-enabled focus:border-red-600" : value ? "text-dropdown-text-primary bg-dropdown-background-enabled border-dropdown-border-enabled focus:border-dropdown-border-active " : "text-dropdown-text-secondary bg-dropdown-background-enabled border-dropdown-border-enabled focus:border-dropdown-border-active "}
             ${className}`,
@@ -1371,7 +1371,7 @@ var Dropdown = (0, import_react12.forwardRef)(
               /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 "p",
                 {
-                  className: `grow ${isTextCenter ? "text-center" : "text-start"}`,
+                  className: `grow truncate ${isTextCenter ? "text-center" : "text-start"}`,
                   children: value.label || placeholder
                 }
               ),
@@ -1710,7 +1710,7 @@ var Link = (0, import_react15.forwardRef)(
       className
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", __spreadProps(__spreadValues({ ref, role: "link", className: classes }, rest), { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { className: "", href, children: text }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", children: text }),
       icon && !isInline ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SuccessIcon3, { className: iconClass }) : null
     ] }));
   }
@@ -2235,8 +2235,8 @@ var TextArea = (0, import_react20.forwardRef)(
             children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M15.6328 6.64062L8.10449 14.1494L4.36719 10.4326L5.13281 9.64551L8.10449 12.6172L14.8672 5.875L15.6328 6.64062Z",
                 fill: "#16A34A"
               }
@@ -2319,6 +2319,7 @@ var TextField = (0, import_react21.forwardRef)(
         }
       ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, {}),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative w-full", children: [
+        icon && icon,
         /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "input",
           __spreadValues({
@@ -2330,7 +2331,7 @@ var TextField = (0, import_react21.forwardRef)(
             onBlur: () => setIsFocused(false),
             value,
             onChange,
-            className: `w-full ${inputSize === "md" ? "px-16 py-12 focus:px-15 focus:py-11" : "p-16 focus:p-15"} border border-gray-300 text-base rounded-md focus:outline-none focus:ring-1 focus:m-1 focus:w-[calc(100%-2px)] ${isDisabled || disabled ? "bg-gray-50 text-gray-400" : error ? "bg-white text-gray-900 border-red-500 focus:border-red-500 focus:ring-red-500" : "bg-white text-gray-900 focus:border-blue-600 focus:ring-blue-600"}`
+            className: `w-full ${icon ? "pl-40 focus:pl-39" : "pl-16 focus:pl-15"} pr-16 focus:pr-15 ${inputSize === "md" ? "py-8 focus:py-7" : "py-12 focus:py-11"} border border-gray-300 text-base rounded-md focus:outline-none focus:ring-1 focus:m-1 focus:w-[calc(100%-2px)] ${isDisabled || disabled ? "bg-gray-50 text-gray-400" : error ? "bg-white text-gray-900 border-red-500 focus:border-red-500 focus:ring-red-500" : "bg-white text-gray-900 focus:border-blue-600 focus:ring-blue-600"}`
           }, props)
         ),
         isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -2372,8 +2373,8 @@ var TextField = (0, import_react21.forwardRef)(
             children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M15.6328 6.64062L8.10449 14.1494L4.36719 10.4326L5.13281 9.64551L8.10449 12.6172L14.8672 5.875L15.6328 6.64062Z",
                 fill: "#16A34A"
               }

package/dist/index.d.mts CHANGED Viewed

@@ -270,7 +270,7 @@ interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     placeholder?: string;
     description?: string;
-    icon?: string;
+    icon?: ReactNode;
     isDisabled?: boolean;
     isLoading?: boolean;
     isVertify?: boolean;

package/dist/index.d.ts CHANGED Viewed

@@ -270,7 +270,7 @@ interface TextFieldProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     placeholder?: string;
     description?: string;
-    icon?: string;
+    icon?: ReactNode;
     isDisabled?: boolean;
     isLoading?: boolean;
     isVertify?: boolean;

package/dist/index.js CHANGED Viewed

@@ -590,7 +590,7 @@ var Loading = forwardRef6(
             {
               d: "M1 9C1 6.87827 1.84286 4.84344 3.34315 3.34315C4.84344 1.84285 6.87827 1 9 1C11.1217 1 13.1566 1.84286 14.6569 3.34315C16.1571 4.84344 17 6.87827 17 9C17 11.1217 16.1571 13.1566 14.6569 14.6569C13.1566 16.1571 11.1217 17 9 17C6.87827 17 4.84344 16.1571 3.34315 14.6569C1.84285 13.1566 1 11.1217 1 9L1 9Z",
               stroke: "#F3F4F6",
-              "stroke-width": "2"
+              strokeWidth: "2"
             }
           ),
           /* @__PURE__ */ jsx6(
@@ -598,7 +598,7 @@ var Loading = forwardRef6(
             {
               d: "M1 9C1 7.31057 1.53484 5.6645 2.52786 4.29772C3.52089 2.93094 4.92112 1.91361 6.52787 1.39155C8.13461 0.869484 9.86539 0.869484 11.4721 1.39155C13.0789 1.91361 14.4791 2.93094 15.4721 4.29772",
               stroke: "#0193D7",
-              "stroke-width": "2"
+              strokeWidth: "2"
             }
           )
         ]
@@ -796,7 +796,7 @@ var BottomSheet = forwardRef8(
         /* @__PURE__ */ jsxs8(
           "div",
           {
-            className: `fixed inset-0 z-50 flex items-end justify-center transition-opacity duration-300 ${animate ? "opacity-100" : "opacity-0"}`,
+            className: `fixed inset-0 z-15000 flex items-end justify-center transition-opacity duration-300 ${animate ? "opacity-100" : "opacity-0"}`,
             "aria-modal": "true",
             role: "dialog",
             children: [
@@ -1142,7 +1142,7 @@ var Dialog = forwardRef11(
         /* @__PURE__ */ jsxs11(
           "div",
           {
-            className: `fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300 ${animate ? "opacity-100" : "opacity-0"}`,
+            className: `fixed inset-0 z-15000 flex items-center justify-center transition-opacity duration-300 ${animate ? "opacity-100" : "opacity-0"}`,
             "aria-modal": "true",
             role: "dialog",
             children: [
@@ -1330,7 +1330,7 @@ var Dropdown = forwardRef12(
           }, rest), {
             onClick: () => !isDisabled && setIsOpen(!isOpen),
             className: `w-full rounded-md text-body-small px-16  text-center inline-flex gap-8 items-center border **:focus:outline-none focus:border-2 focus:px-15 focus:py-9
-            ${size === "lg" ? "py-14" : "py-10"}
+            ${size === "lg" ? "py-12" : "py-8"}
             ${isDisabled ? "text-dropdown-text-disabled cursor-not-allowed" : value ? "text-dropdown-text-primary cursor-pointer" : "text-dropdown-text-secondary cursor-pointer"}
             ${isDisabled ? "pointer-events-none bg-dropdown-background-disabled border-dropdown-border-disabled" : error ? "border-red-600 bg-dropdown-background-enabled focus:border-red-600" : value ? "text-dropdown-text-primary bg-dropdown-background-enabled border-dropdown-border-enabled focus:border-dropdown-border-active " : "text-dropdown-text-secondary bg-dropdown-background-enabled border-dropdown-border-enabled focus:border-dropdown-border-active "}
             ${className}`,
@@ -1338,7 +1338,7 @@ var Dropdown = forwardRef12(
               /* @__PURE__ */ jsx12(
                 "p",
                 {
-                  className: `grow ${isTextCenter ? "text-center" : "text-start"}`,
+                  className: `grow truncate ${isTextCenter ? "text-center" : "text-start"}`,
                   children: value.label || placeholder
                 }
               ),
@@ -1677,7 +1677,7 @@ var Link = forwardRef15(
       className
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ jsxs14("div", __spreadProps(__spreadValues({ ref, role: "link", className: classes }, rest), { children: [
-      /* @__PURE__ */ jsx15("a", { className: "", href, children: text }),
+      /* @__PURE__ */ jsx15("a", { href, target: "_blank", rel: "noopener noreferrer", children: text }),
       icon && !isInline ? /* @__PURE__ */ jsx15(SuccessIcon3, { className: iconClass }) : null
     ] }));
   }
@@ -2215,8 +2215,8 @@ var TextArea = forwardRef20(
             children: /* @__PURE__ */ jsx20(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M15.6328 6.64062L8.10449 14.1494L4.36719 10.4326L5.13281 9.64551L8.10449 12.6172L14.8672 5.875L15.6328 6.64062Z",
                 fill: "#16A34A"
               }
@@ -2302,6 +2302,7 @@ var TextField = forwardRef21(
         }
       ) : /* @__PURE__ */ jsx21(Fragment4, {}),
       /* @__PURE__ */ jsxs18("div", { className: "relative w-full", children: [
+        icon && icon,
         /* @__PURE__ */ jsx21(
           "input",
           __spreadValues({
@@ -2313,7 +2314,7 @@ var TextField = forwardRef21(
             onBlur: () => setIsFocused(false),
             value,
             onChange,
-            className: `w-full ${inputSize === "md" ? "px-16 py-12 focus:px-15 focus:py-11" : "p-16 focus:p-15"} border border-gray-300 text-base rounded-md focus:outline-none focus:ring-1 focus:m-1 focus:w-[calc(100%-2px)] ${isDisabled || disabled ? "bg-gray-50 text-gray-400" : error ? "bg-white text-gray-900 border-red-500 focus:border-red-500 focus:ring-red-500" : "bg-white text-gray-900 focus:border-blue-600 focus:ring-blue-600"}`
+            className: `w-full ${icon ? "pl-40 focus:pl-39" : "pl-16 focus:pl-15"} pr-16 focus:pr-15 ${inputSize === "md" ? "py-8 focus:py-7" : "py-12 focus:py-11"} border border-gray-300 text-base rounded-md focus:outline-none focus:ring-1 focus:m-1 focus:w-[calc(100%-2px)] ${isDisabled || disabled ? "bg-gray-50 text-gray-400" : error ? "bg-white text-gray-900 border-red-500 focus:border-red-500 focus:ring-red-500" : "bg-white text-gray-900 focus:border-blue-600 focus:ring-blue-600"}`
           }, props)
         ),
         isLoading ? /* @__PURE__ */ jsx21(
@@ -2355,8 +2356,8 @@ var TextField = forwardRef21(
             children: /* @__PURE__ */ jsx21(
               "path",
               {
-                "fill-rule": "evenodd",
-                "clip-rule": "evenodd",
+                fillRule: "evenodd",
+                clipRule: "evenodd",
                 d: "M15.6328 6.64062L8.10449 14.1494L4.36719 10.4326L5.13281 9.64551L8.10449 12.6172L14.8672 5.875L15.6328 6.64062Z",
                 fill: "#16A34A"
               }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@refinn/core-ui",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "Refinn Design System — UI components + Tailwind v4 theme preset",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",