hiver-ui-kit-extended 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/env.prime.d.ts

@@ -104,6 +104,8 @@ export declare interface DialogProps {
     style?: React.CSSProperties;
 }
 
+declare type IconType = ReactNode | string;
+
 export declare type SxProps = React.CSSProperties | ((theme: any) => React.CSSProperties);
 
 export declare const Tab: default_2.FC<TabProps>;
@@ -166,8 +168,7 @@ export declare interface TextFieldProps {
     label?: string;
     fullWidth?: boolean;
     size?: 'small' | 'medium';
-    icon?: ReactNode;
-    endIcon?: ReactNode;
+    icon?: IconType;
     iconPosition?: 'left' | 'right';
     children?: ReactNode;
 }

package/dist/env.prime.js

@@ -1,3 +1,4 @@
+/* empty css               */
 import { jsx, jsxs } from 'react/jsx-runtime';
 import At, { useMemo, useId, forwardRef, useImperativeHandle } from 'react';
 import { TabView, TabPanel } from 'primereact/tabview';
@@ -3060,7 +3061,10 @@ const Tabs = ({ value, onTabChange, items, className }) => {
       isActive && "omni-tab-header-active"
     ), children: [
       item.icon && /* @__PURE__ */ jsx("span", { className: "omni-tab-icon-wrapper", children: item.icon }),
-      /* @__PURE__ */ jsx("span", { className: "omni-tab-label-wrapper", children: item.label })
+      /* @__PURE__ */ jsx("span", { className: cn(
+        "omni-tab-label-wrapper",
+        isActive ? "omni-tab-label-active" : "omni-tab-label-inactive"
+      ), children: item.label })
     ] });
   };
   return /* @__PURE__ */ jsx(
@@ -3168,6 +3172,12 @@ function Button(props) {
   );
 }
 
+function renderIcon(icon) {
+  if (typeof icon === "string") {
+    return /* @__PURE__ */ jsx("img", { src: icon, alt: "", "aria-hidden": "true" });
+  }
+  return icon;
+}
 function TextField(props) {
   const {
     value,
@@ -3187,7 +3197,6 @@ function TextField(props) {
     fullWidth = true,
     size = "medium",
     icon,
-    endIcon,
     iconPosition = "left"
   } = props;
   const generatedId = useId();
@@ -3219,14 +3228,20 @@ function TextField(props) {
       invalid: error
     }
   );
-  const hasIcons = icon || endIcon;
-  const leftIcon = icon && iconPosition === "left" ? icon : void 0;
-  const rightIcon = endIcon || (icon && iconPosition === "right" ? icon : void 0);
-  const fieldContent = hasIcons ? /* @__PURE__ */ jsxs(IconField, { iconPosition, className: "omni-iconfield", children: [
-    leftIcon && /* @__PURE__ */ jsx(InputIcon, { children: leftIcon }),
-    inputElement,
-    rightIcon && /* @__PURE__ */ jsx(InputIcon, { children: rightIcon })
-  ] }) : inputElement;
+  let fieldContent;
+  if (icon && iconPosition === "left") {
+    fieldContent = /* @__PURE__ */ jsxs(IconField, { iconPosition: "left", className: "omni-iconfield", children: [
+      /* @__PURE__ */ jsx(InputIcon, { children: renderIcon(icon) }),
+      inputElement
+    ] });
+  } else if (icon && iconPosition === "right") {
+    fieldContent = /* @__PURE__ */ jsxs(IconField, { iconPosition: "right", className: "omni-iconfield", children: [
+      inputElement,
+      /* @__PURE__ */ jsx(InputIcon, { children: renderIcon(icon) })
+    ] });
+  } else {
+    fieldContent = inputElement;
+  }
   return /* @__PURE__ */ jsxs("div", { className: cn("omni-textfield", { "w-full": fullWidth }), children: [
     label && /* @__PURE__ */ jsx(
       "label",