@orsetra/shared-ui 1.0.9 → 1.0.11
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.
package/components/ui/dialog.tsx
CHANGED
|
@@ -38,13 +38,13 @@ const DialogContent = React.forwardRef<
|
|
|
38
38
|
<DialogPrimitive.Content
|
|
39
39
|
ref={ref}
|
|
40
40
|
className={cn(
|
|
41
|
-
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-
|
|
41
|
+
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-gray-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
|
|
42
42
|
className
|
|
43
43
|
)}
|
|
44
44
|
{...props}
|
|
45
45
|
>
|
|
46
46
|
{children}
|
|
47
|
-
<DialogPrimitive.Close className="absolute right-4 top-4
|
|
47
|
+
<DialogPrimitive.Close className="absolute right-4 top-4 opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-500">
|
|
48
48
|
<X className="h-4 w-4" />
|
|
49
49
|
<span className="sr-only">Close</span>
|
|
50
50
|
</DialogPrimitive.Close>
|
|
@@ -102,7 +102,7 @@ const DialogDescription = React.forwardRef<
|
|
|
102
102
|
>(({ className, ...props }, ref) => (
|
|
103
103
|
<DialogPrimitive.Description
|
|
104
104
|
ref={ref}
|
|
105
|
-
className={cn("text-sm text-
|
|
105
|
+
className={cn("text-sm text-gray-500", className)}
|
|
106
106
|
{...props}
|
|
107
107
|
/>
|
|
108
108
|
))
|
package/components/ui/input.tsx
CHANGED
|
@@ -8,7 +8,7 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
|
|
|
8
8
|
<input
|
|
9
9
|
type={type}
|
|
10
10
|
className={cn(
|
|
11
|
-
"flex h-
|
|
11
|
+
"flex h-10 w-full border border-ibm-gray-30 bg-white px-3 py-1 text-base text-ibm-gray-100 placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-blue-500 focus-visible:border-blue-500 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
|
12
12
|
className
|
|
13
13
|
)}
|
|
14
14
|
style={{ borderRadius: 0 }}
|
package/components/ui/select.tsx
CHANGED
|
@@ -19,7 +19,7 @@ const SelectTrigger = React.forwardRef<
|
|
|
19
19
|
<SelectPrimitive.Trigger
|
|
20
20
|
ref={ref}
|
|
21
21
|
className={cn(
|
|
22
|
-
"flex h-
|
|
22
|
+
"flex h-10 w-full items-center justify-between border border-ibm-gray-30 bg-white px-3 py-2 text-sm text-ibm-gray-100 placeholder:text-gray-500 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
|
|
23
23
|
className
|
|
24
24
|
)}
|
|
25
25
|
style={{ borderRadius: 0 }}
|