pf-common-components 1.1.1 → 1.1.2

package/dist/ui/input.js

@@ -12,9 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../lib/utils";
+import { ccn } from "../lib/CommonComponentsUtil";
 const Input = React.forwardRef((_a, ref) => {
     var { className, type, extendedType, error } = _a, props = __rest(_a, ["className", "type", "extendedType", "error"]);
-    return (_jsx("input", Object.assign({ type: type, className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", error && "border-red", className), ref: ref }, props)));
+    return (_jsx("input", Object.assign({ type: type, className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", ccn(error, props === null || props === void 0 ? void 0 : props.value), className), ref: ref }, props)));
 });
 Input.displayName = "Input";
 export { Input };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pf-common-components",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "npm package for bx-ui",
   "main": "dist/index.js",
   "scripts": {

package/src/ui/input.tsx

@@ -1,5 +1,6 @@
 import * as React from "react"
 import { cn } from "../lib/utils"
+import { ccn } from "../lib/CommonComponentsUtil";
 
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {
@@ -14,7 +15,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
         type={type}
         className={cn(
           "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          error && "border-red",
+          ccn(error, props?.value),
           className
         )}
         ref={ref}