pf-common-components 1.0.6 → 1.0.8

package/dist/global.css

@@ -1585,6 +1585,10 @@ video {
 .border-red {
   border-color: var(--color-red);
 }
+.border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+}
 .border-secondary\/20 {
   border-color: hsl(var(--secondary) / 0.2);
 }

package/dist/ui/SelectCommand.d.ts

@@ -54,7 +54,7 @@ declare const MVPSelectSeparator: React.ForwardRefExoticComponent<Omit<React.HTM
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const MVPSelectItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect" | "disabled" | "value"> & {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/ui/command.d.ts

@@ -24,7 +24,7 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "heading" | "value"> & {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -34,7 +34,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<React.HTMLA
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect" | "disabled" | "value"> & {
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/ui/input.js

@@ -12,10 +12,9 @@ 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 "src/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", ccn(error, props === null || props === void 0 ? void 0 : props.value), 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", error && "border border-red-500", className), ref: ref }, props)));
 });
 Input.displayName = "Input";
 export { Input };

package/package.json

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

package/src/ui/input.tsx

@@ -1,6 +1,5 @@
 import * as React from "react"
 import { cn } from "../lib/utils"
-import { ccn } from "src/lib/CommonComponentsUtil";
 
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {
@@ -15,7 +14,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",
-          ccn(error, props?.value),
+          error && "border border-red-500",
           className
         )}
         ref={ref}