npm - @fctc/sme-widget-ui - Versions diffs - 2.3.6 → 2.3.8 - Mend

@fctc/sme-widget-ui 2.3.6 → 2.3.8

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 (9) hide show

package/dist/icons.js CHANGED Viewed

@@ -520,30 +520,26 @@ var import_jsx_runtime16 = require("react/jsx-runtime");
 var EyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   "svg",
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
+    width: "20",
+    height: "21",
+    viewBox: "0 0 20 21",
     fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "path",
         {
-          d: "M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M2.72904 13.5776C2.02076 12.6574 1.66663 12.1974 1.66663 10.8312C1.66663 9.46507 2.02076 9.00499 2.72904 8.08483C4.14326 6.24752 6.51505 4.16455 9.99996 4.16455C13.4849 4.16455 15.8567 6.24752 17.2709 8.08483C17.9792 9.00499 18.3333 9.46507 18.3333 10.8312C18.3333 12.1974 17.9792 12.6574 17.2709 13.5776C15.8567 15.4149 13.4849 17.4979 9.99996 17.4979C6.51505 17.4979 4.14326 15.4149 2.72904 13.5776Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "path",
         {
-          d: "M7.9999 13.5138C10.3532 13.5138 12.5466 12.1271 14.0732 9.72714C14.6732 8.78714 14.6732 7.20714 14.0732 6.26714C12.5466 3.86714 10.3532 2.48047 7.9999 2.48047C5.64656 2.48047 3.45323 3.86714 1.92656 6.26714C1.32656 7.20714 1.32656 8.78714 1.92656 9.72714C3.45323 12.1271 5.64656 13.5138 7.9999 13.5138Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12.5 10.8311C12.5 12.2118 11.3807 13.3311 10 13.3311C8.61929 13.3311 7.5 12.2118 7.5 10.8311C7.5 9.45034 8.61929 8.33105 10 8.33105C11.3807 8.33105 12.5 9.45034 12.5 10.8311Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       )
     ]

package/dist/icons.mjs CHANGED Viewed

@@ -453,30 +453,26 @@ import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
 var EyeIcon = () => /* @__PURE__ */ jsxs6(
   "svg",
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
+    width: "20",
+    height: "21",
+    viewBox: "0 0 20 21",
     fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ jsx16(
         "path",
         {
-          d: "M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M2.72904 13.5776C2.02076 12.6574 1.66663 12.1974 1.66663 10.8312C1.66663 9.46507 2.02076 9.00499 2.72904 8.08483C4.14326 6.24752 6.51505 4.16455 9.99996 4.16455C13.4849 4.16455 15.8567 6.24752 17.2709 8.08483C17.9792 9.00499 18.3333 9.46507 18.3333 10.8312C18.3333 12.1974 17.9792 12.6574 17.2709 13.5776C15.8567 15.4149 13.4849 17.4979 9.99996 17.4979C6.51505 17.4979 4.14326 15.4149 2.72904 13.5776Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       ),
       /* @__PURE__ */ jsx16(
         "path",
         {
-          d: "M7.9999 13.5138C10.3532 13.5138 12.5466 12.1271 14.0732 9.72714C14.6732 8.78714 14.6732 7.20714 14.0732 6.26714C12.5466 3.86714 10.3532 2.48047 7.9999 2.48047C5.64656 2.48047 3.45323 3.86714 1.92656 6.26714C1.32656 7.20714 1.32656 8.78714 1.92656 9.72714C3.45323 12.1271 5.64656 13.5138 7.9999 13.5138Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12.5 10.8311C12.5 12.2118 11.3807 13.3311 10 13.3311C8.61929 13.3311 7.5 12.2118 7.5 10.8311C7.5 9.45034 8.61929 8.33105 10 8.33105C11.3807 8.33105 12.5 9.45034 12.5 10.8311Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       )
     ]

package/dist/index.js CHANGED Viewed

@@ -5763,30 +5763,26 @@ var import_jsx_runtime16 = require("react/jsx-runtime");
 var EyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   "svg",
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
+    width: "20",
+    height: "21",
+    viewBox: "0 0 20 21",
     fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "path",
         {
-          d: "M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M2.72904 13.5776C2.02076 12.6574 1.66663 12.1974 1.66663 10.8312C1.66663 9.46507 2.02076 9.00499 2.72904 8.08483C4.14326 6.24752 6.51505 4.16455 9.99996 4.16455C13.4849 4.16455 15.8567 6.24752 17.2709 8.08483C17.9792 9.00499 18.3333 9.46507 18.3333 10.8312C18.3333 12.1974 17.9792 12.6574 17.2709 13.5776C15.8567 15.4149 13.4849 17.4979 9.99996 17.4979C6.51505 17.4979 4.14326 15.4149 2.72904 13.5776Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "path",
         {
-          d: "M7.9999 13.5138C10.3532 13.5138 12.5466 12.1271 14.0732 9.72714C14.6732 8.78714 14.6732 7.20714 14.0732 6.26714C12.5466 3.86714 10.3532 2.48047 7.9999 2.48047C5.64656 2.48047 3.45323 3.86714 1.92656 6.26714C1.32656 7.20714 1.32656 8.78714 1.92656 9.72714C3.45323 12.1271 5.64656 13.5138 7.9999 13.5138Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12.5 10.8311C12.5 12.2118 11.3807 13.3311 10 13.3311C8.61929 13.3311 7.5 12.2118 7.5 10.8311C7.5 9.45034 8.61929 8.33105 10 8.33105C11.3807 8.33105 12.5 9.45034 12.5 10.8311Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       )
     ]
@@ -17149,14 +17145,19 @@ var typeStyles = {
     border: "1px solid #F6B51E"
   },
   default: {
-    backgroundColor: "#dee2e6",
-    color: "#000",
-    border: "1px solid #000"
+    backgroundColor: "#FFFFFF",
+    color: "#666",
+    border: "1px solid #AEAEAE"
   },
   light: {
     backgroundColor: "#fff",
     color: "#1f2937",
     border: "1px solid #1f2937"
+  },
+  purpled: {
+    backgroundColor: "#DCD5FF",
+    color: "#5946F9",
+    border: "1px solid #5946F9"
   }
 };
 var baseStyle = {
@@ -17171,16 +17172,19 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type } = props;
+  const { defaultValue, selection, value, formValues, domainHelper, type, class: classField } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
+  const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
+  const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
-    if (decorationWarning) return typeStyles["warning"];
+    if (decorationWarning || decorationOrange) return typeStyles["warning"];
+    if (decorationPurpled) return typeStyles["purpled"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {
@@ -17553,9 +17557,9 @@ var SecureField = (props) => {
               onCopy: (e3) => {
                 if (shouldMask) e3.preventDefault();
               },
-              className: `${!isCappedToken ? "w-full" : "w-[200px]"} min-h-[44px] ring-0 outline-0 p-3 text-sm font-normal leading-[1.5] resize-none overflow-hidden field-sizing-content
-                bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px]
-                ${readonly ? "!cursor-not-allowed text-[#5c5a5a]" : "!cursor-text"}`
+              className: `${!isCappedToken ? "w-full" : "w-[200px]"} h-full ring-0 focus:ring-0 focus:!outline-none outline-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden ${readonly ? "cursor-not-allowed border border-[rgba(66,66,66,0.12)] text-[#5c5a5a]" : "cursor-pointer border border-[rgba(66,66,66,0.12)] text-[#525866]"}
+                  ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary !w-fit max-w-[200px]"}`}
+                 ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747]  hover:border-b-[1px] hover:border-[#de4747]"}`
             }
           ),
           canToggle && !isCappedToken && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(

package/dist/index.mjs CHANGED Viewed

@@ -5636,30 +5636,26 @@ import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
 var EyeIcon = () => /* @__PURE__ */ jsxs6(
   "svg",
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
+    width: "20",
+    height: "21",
+    viewBox: "0 0 20 21",
     fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ jsx16(
         "path",
         {
-          d: "M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M2.72904 13.5776C2.02076 12.6574 1.66663 12.1974 1.66663 10.8312C1.66663 9.46507 2.02076 9.00499 2.72904 8.08483C4.14326 6.24752 6.51505 4.16455 9.99996 4.16455C13.4849 4.16455 15.8567 6.24752 17.2709 8.08483C17.9792 9.00499 18.3333 9.46507 18.3333 10.8312C18.3333 12.1974 17.9792 12.6574 17.2709 13.5776C15.8567 15.4149 13.4849 17.4979 9.99996 17.4979C6.51505 17.4979 4.14326 15.4149 2.72904 13.5776Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       ),
       /* @__PURE__ */ jsx16(
         "path",
         {
-          d: "M7.9999 13.5138C10.3532 13.5138 12.5466 12.1271 14.0732 9.72714C14.6732 8.78714 14.6732 7.20714 14.0732 6.26714C12.5466 3.86714 10.3532 2.48047 7.9999 2.48047C5.64656 2.48047 3.45323 3.86714 1.92656 6.26714C1.32656 7.20714 1.32656 8.78714 1.92656 9.72714C3.45323 12.1271 5.64656 13.5138 7.9999 13.5138Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12.5 10.8311C12.5 12.2118 11.3807 13.3311 10 13.3311C8.61929 13.3311 7.5 12.2118 7.5 10.8311C7.5 9.45034 8.61929 8.33105 10 8.33105C11.3807 8.33105 12.5 9.45034 12.5 10.8311Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       )
     ]
@@ -17022,14 +17018,19 @@ var typeStyles = {
     border: "1px solid #F6B51E"
   },
   default: {
-    backgroundColor: "#dee2e6",
-    color: "#000",
-    border: "1px solid #000"
+    backgroundColor: "#FFFFFF",
+    color: "#666",
+    border: "1px solid #AEAEAE"
   },
   light: {
     backgroundColor: "#fff",
     color: "#1f2937",
     border: "1px solid #1f2937"
+  },
+  purpled: {
+    backgroundColor: "#DCD5FF",
+    color: "#5946F9",
+    border: "1px solid #5946F9"
   }
 };
 var baseStyle = {
@@ -17044,16 +17045,19 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type } = props;
+  const { defaultValue, selection, value, formValues, domainHelper, type, class: classField } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
+  const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
+  const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
-    if (decorationWarning) return typeStyles["warning"];
+    if (decorationWarning || decorationOrange) return typeStyles["warning"];
+    if (decorationPurpled) return typeStyles["purpled"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {
@@ -17426,9 +17430,9 @@ var SecureField = (props) => {
               onCopy: (e3) => {
                 if (shouldMask) e3.preventDefault();
               },
-              className: `${!isCappedToken ? "w-full" : "w-[200px]"} min-h-[44px] ring-0 outline-0 p-3 text-sm font-normal leading-[1.5] resize-none overflow-hidden field-sizing-content
-                bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px]
-                ${readonly ? "!cursor-not-allowed text-[#5c5a5a]" : "!cursor-text"}`
+              className: `${!isCappedToken ? "w-full" : "w-[200px]"} h-full ring-0 focus:ring-0 focus:!outline-none outline-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden ${readonly ? "cursor-not-allowed border border-[rgba(66,66,66,0.12)] text-[#5c5a5a]" : "cursor-pointer border border-[rgba(66,66,66,0.12)] text-[#525866]"}
+                  ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary !w-fit max-w-[200px]"}`}
+                 ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747]  hover:border-b-[1px] hover:border-[#de4747]"}`
             }
           ),
           canToggle && !isCappedToken && /* @__PURE__ */ jsx80(

package/dist/widgets.d.mts CHANGED Viewed

@@ -177,7 +177,10 @@ interface IButtonBadgeProps extends IInputFieldProps {
     'decoration-info'?: any;
     'decoration-danger'?: any;
     'decoration-warning'?: any;
+    'decoration-purpled'?: any;
+    'decoration-oranged'?: any;
     domainHelper?: any;
+    class?: string;
 }
 declare const ButtonBadgeField: (props: IButtonBadgeProps) => JSX.Element | null;

package/dist/widgets.d.ts CHANGED Viewed

@@ -177,7 +177,10 @@ interface IButtonBadgeProps extends IInputFieldProps {
     'decoration-info'?: any;
     'decoration-danger'?: any;
     'decoration-warning'?: any;
+    'decoration-purpled'?: any;
+    'decoration-oranged'?: any;
     domainHelper?: any;
+    class?: string;
 }
 declare const ButtonBadgeField: (props: IButtonBadgeProps) => JSX.Element | null;

package/dist/widgets.js CHANGED Viewed

@@ -8823,30 +8823,26 @@ var import_jsx_runtime19 = require("react/jsx-runtime");
 var EyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
   "svg",
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
+    width: "20",
+    height: "21",
+    viewBox: "0 0 20 21",
     fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "path",
         {
-          d: "M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M2.72904 13.5776C2.02076 12.6574 1.66663 12.1974 1.66663 10.8312C1.66663 9.46507 2.02076 9.00499 2.72904 8.08483C4.14326 6.24752 6.51505 4.16455 9.99996 4.16455C13.4849 4.16455 15.8567 6.24752 17.2709 8.08483C17.9792 9.00499 18.3333 9.46507 18.3333 10.8312C18.3333 12.1974 17.9792 12.6574 17.2709 13.5776C15.8567 15.4149 13.4849 17.4979 9.99996 17.4979C6.51505 17.4979 4.14326 15.4149 2.72904 13.5776Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "path",
         {
-          d: "M7.9999 13.5138C10.3532 13.5138 12.5466 12.1271 14.0732 9.72714C14.6732 8.78714 14.6732 7.20714 14.0732 6.26714C12.5466 3.86714 10.3532 2.48047 7.9999 2.48047C5.64656 2.48047 3.45323 3.86714 1.92656 6.26714C1.32656 7.20714 1.32656 8.78714 1.92656 9.72714C3.45323 12.1271 5.64656 13.5138 7.9999 13.5138Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12.5 10.8311C12.5 12.2118 11.3807 13.3311 10 13.3311C8.61929 13.3311 7.5 12.2118 7.5 10.8311C7.5 9.45034 8.61929 8.33105 10 8.33105C11.3807 8.33105 12.5 9.45034 12.5 10.8311Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       )
     ]
@@ -16398,14 +16394,19 @@ var typeStyles = {
     border: "1px solid #F6B51E"
   },
   default: {
-    backgroundColor: "#dee2e6",
-    color: "#000",
-    border: "1px solid #000"
+    backgroundColor: "#FFFFFF",
+    color: "#666",
+    border: "1px solid #AEAEAE"
   },
   light: {
     backgroundColor: "#fff",
     color: "#1f2937",
     border: "1px solid #1f2937"
+  },
+  purpled: {
+    backgroundColor: "#DCD5FF",
+    color: "#5946F9",
+    border: "1px solid #5946F9"
   }
 };
 var baseStyle = {
@@ -16420,16 +16421,19 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type } = props;
+  const { defaultValue, selection, value, formValues, domainHelper, type, class: classField } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
+  const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
+  const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
-    if (decorationWarning) return typeStyles["warning"];
+    if (decorationWarning || decorationOrange) return typeStyles["warning"];
+    if (decorationPurpled) return typeStyles["purpled"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {
@@ -16802,9 +16806,9 @@ var SecureField = (props) => {
               onCopy: (e3) => {
                 if (shouldMask) e3.preventDefault();
               },
-              className: `${!isCappedToken ? "w-full" : "w-[200px]"} min-h-[44px] ring-0 outline-0 p-3 text-sm font-normal leading-[1.5] resize-none overflow-hidden field-sizing-content
-                bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px]
-                ${readonly ? "!cursor-not-allowed text-[#5c5a5a]" : "!cursor-text"}`
+              className: `${!isCappedToken ? "w-full" : "w-[200px]"} h-full ring-0 focus:ring-0 focus:!outline-none outline-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden ${readonly ? "cursor-not-allowed border border-[rgba(66,66,66,0.12)] text-[#5c5a5a]" : "cursor-pointer border border-[rgba(66,66,66,0.12)] text-[#525866]"}
+                  ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary !w-fit max-w-[200px]"}`}
+                 ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747]  hover:border-b-[1px] hover:border-[#de4747]"}`
             }
           ),
           canToggle && !isCappedToken && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(

package/dist/widgets.mjs CHANGED Viewed

@@ -8760,30 +8760,26 @@ import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
 var EyeIcon = () => /* @__PURE__ */ jsxs7(
   "svg",
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
+    width: "20",
+    height: "21",
+    viewBox: "0 0 20 21",
     fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
     children: [
       /* @__PURE__ */ jsx19(
         "path",
         {
-          d: "M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M2.72904 13.5776C2.02076 12.6574 1.66663 12.1974 1.66663 10.8312C1.66663 9.46507 2.02076 9.00499 2.72904 8.08483C4.14326 6.24752 6.51505 4.16455 9.99996 4.16455C13.4849 4.16455 15.8567 6.24752 17.2709 8.08483C17.9792 9.00499 18.3333 9.46507 18.3333 10.8312C18.3333 12.1974 17.9792 12.6574 17.2709 13.5776C15.8567 15.4149 13.4849 17.4979 9.99996 17.4979C6.51505 17.4979 4.14326 15.4149 2.72904 13.5776Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       ),
       /* @__PURE__ */ jsx19(
         "path",
         {
-          d: "M7.9999 13.5138C10.3532 13.5138 12.5466 12.1271 14.0732 9.72714C14.6732 8.78714 14.6732 7.20714 14.0732 6.26714C12.5466 3.86714 10.3532 2.48047 7.9999 2.48047C5.64656 2.48047 3.45323 3.86714 1.92656 6.26714C1.32656 7.20714 1.32656 8.78714 1.92656 9.72714C3.45323 12.1271 5.64656 13.5138 7.9999 13.5138Z",
-          stroke: "#646566",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          d: "M12.5 10.8311C12.5 12.2118 11.3807 13.3311 10 13.3311C8.61929 13.3311 7.5 12.2118 7.5 10.8311C7.5 9.45034 8.61929 8.33105 10 8.33105C11.3807 8.33105 12.5 9.45034 12.5 10.8311Z",
+          stroke: "#ABACAE",
+          strokeWidth: "1.5"
         }
       )
     ]
@@ -16335,14 +16331,19 @@ var typeStyles = {
     border: "1px solid #F6B51E"
   },
   default: {
-    backgroundColor: "#dee2e6",
-    color: "#000",
-    border: "1px solid #000"
+    backgroundColor: "#FFFFFF",
+    color: "#666",
+    border: "1px solid #AEAEAE"
   },
   light: {
     backgroundColor: "#fff",
     color: "#1f2937",
     border: "1px solid #1f2937"
+  },
+  purpled: {
+    backgroundColor: "#DCD5FF",
+    color: "#5946F9",
+    border: "1px solid #5946F9"
   }
 };
 var baseStyle = {
@@ -16357,16 +16358,19 @@ var baseStyle = {
   height: "fit-content"
 };
 var ButtonBadgeField = (props) => {
-  const { defaultValue, selection, value, formValues, domainHelper, type } = props;
+  const { defaultValue, selection, value, formValues, domainHelper, type, class: classField } = props;
   const decorationSuccess = props["decoration-success"] && domainHelper.checkDomain(formValues, props["decoration-success"]);
   const decorationInfo = props["decoration-info"] && domainHelper.checkDomain(formValues, props["decoration-info"]);
   const decorationDanger = props["decoration-danger"] && domainHelper.checkDomain(formValues, props["decoration-danger"]);
   const decorationWarning = props["decoration-warning"] && domainHelper.checkDomain(formValues, props["decoration-warning"]);
+  const decorationPurpled = props["decoration-purpled"] && domainHelper.checkDomain(formValues, props["decoration-purpled"]);
+  const decorationOrange = props["decoration-oranged"] && domainHelper.checkDomain(formValues, props["decoration-oranged"]);
   const getType = () => {
     if (decorationInfo) return typeStyles["info"];
     if (decorationSuccess) return typeStyles["success"];
     if (decorationDanger) return typeStyles["danger"];
-    if (decorationWarning) return typeStyles["warning"];
+    if (decorationWarning || decorationOrange) return typeStyles["warning"];
+    if (decorationPurpled) return typeStyles["purpled"];
     return typeStyles["default"];
   };
   const getLabel = (value2) => {
@@ -16739,9 +16743,9 @@ var SecureField = (props) => {
               onCopy: (e3) => {
                 if (shouldMask) e3.preventDefault();
               },
-              className: `${!isCappedToken ? "w-full" : "w-[200px]"} min-h-[44px] ring-0 outline-0 p-3 text-sm font-normal leading-[1.5] resize-none overflow-hidden field-sizing-content
-                bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px]
-                ${readonly ? "!cursor-not-allowed text-[#5c5a5a]" : "!cursor-text"}`
+              className: `${!isCappedToken ? "w-full" : "w-[200px]"} h-full ring-0 focus:ring-0 focus:!outline-none outline-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden ${readonly ? "cursor-not-allowed border border-[rgba(66,66,66,0.12)] text-[#5c5a5a]" : "cursor-pointer border border-[rgba(66,66,66,0.12)] text-[#525866]"}
+                  ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary !w-fit max-w-[200px]"}`}
+                 ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747]  hover:border-b-[1px] hover:border-[#de4747]"}`
             }
           ),
           canToggle && !isCappedToken && /* @__PURE__ */ jsx80(

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/sme-widget-ui",
-  "version": "2.3.6",
+  "version": "2.3.8",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",