@7onic-ui/react 0.2.6 → 0.2.7

package/dist/index.mjs

@@ -1355,7 +1355,7 @@ var Field = Object.assign(FieldRoot, {
 var inputVariants = cva9(
   [
     "flex w-full bg-background text-foreground placeholder:text-foreground/30",
-    "border transition-colors duration-micro",
+    "border transition-colors duration-micro outline-transparent",
     "focus:[outline:2px_solid_transparent]",
     "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-background-muted",
     "file:border-0 file:bg-transparent file:text-sm file:font-semibold"
@@ -1564,7 +1564,7 @@ import { cva as cva10 } from "class-variance-authority";
 var textareaVariants = cva10(
   [
     "flex w-full bg-background text-foreground placeholder:text-foreground/30",
-    "border transition-colors duration-micro",
+    "border transition-colors duration-micro outline-transparent",
     "focus:[outline:2px_solid_transparent]",
     "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-background-muted"
   ].join(" "),
@@ -2304,7 +2304,7 @@ var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, radiu
       onCloseAutoFocus?.(e);
     },
     className: cn(
-      "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background shadow-lg",
+      "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
       flush ? "py-1" : "p-1",
       contentRadiusMap[radius],
       className
@@ -2443,7 +2443,7 @@ var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) =
     {
       ref,
       className: cn(
-        "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background shadow-lg",
+        "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
         flush ? "py-1" : "p-1",
         contentRadiusMap[radius],
         className
@@ -2603,7 +2603,7 @@ var SelectTrigger = React18.forwardRef(({ className, children, ...props }, ref)
         "flex w-full items-center justify-between bg-background text-foreground hover:bg-background-muted",
         "border border-border",
         triggerRadiusMap[radius],
-        "transition-colors duration-micro",
+        "transition-colors duration-micro outline-transparent",
         "focus-visible:shadow-[0_0_0_2px_var(--color-focus-ring)] focus:[outline:2px_solid_transparent]",
         "disabled:cursor-not-allowed disabled:opacity-50",
         "data-[placeholder]:text-foreground/30",
@@ -2661,7 +2661,7 @@ var SelectContent = React18.forwardRef(({ className, children, position = "poppe
         onCloseAutoFocus?.(e);
       },
       className: cn(
-        "relative z-dropdown min-w-[var(--radix-select-trigger-width)] overflow-hidden border border-border bg-background shadow-lg",
+        "relative z-dropdown min-w-[var(--radix-select-trigger-width)] overflow-hidden border border-border bg-background text-foreground shadow-lg",
         flush ? "py-1" : "p-1",
         contentRadiusMap2[contentRadius],
         position === "popper" && "max-h-[var(--radix-select-content-available-height)]",
@@ -4996,7 +4996,7 @@ var ModalContent = React27.forwardRef(({ className, children, size = "sm", scrol
         "div",
         {
           className: cn(
-            "relative w-full rounded-xl bg-background shadow-xl overflow-hidden",
+            "relative w-full rounded-xl bg-background text-foreground shadow-xl overflow-hidden",
             modalContentVariants({ size }),
             className
           ),
@@ -5012,7 +5012,7 @@ var ModalContent = React27.forwardRef(({ className, children, size = "sm", scrol
     {
       ref,
       className: cn(
-        "relative w-full rounded-xl bg-background shadow-xl overflow-hidden",
+        "relative w-full rounded-xl bg-background text-foreground shadow-xl overflow-hidden",
         "focus:outline-none",
         "data-[state=open]:animate-modal-content-enter data-[state=closed]:animate-modal-content-exit",
         modalContentVariants({ size }),
@@ -5116,7 +5116,7 @@ var AlertModalContent = React27.forwardRef(({ className, children, size = "sm",
   {
     ref,
     className: cn(
-      "relative w-full rounded-xl bg-background shadow-xl",
+      "relative w-full rounded-xl bg-background text-foreground shadow-xl",
       "focus:outline-none",
       "data-[state=open]:animate-modal-content-enter data-[state=closed]:animate-modal-content-exit",
       alertModalContentVariants({ size }),
@@ -5298,7 +5298,7 @@ var DrawerContent = React28.forwardRef(({ className, children, side = "right", s
     {
       ref,
       className: cn(
-        "fixed z-modal flex flex-col bg-background shadow-xl",
+        "fixed z-modal flex flex-col bg-background text-foreground shadow-xl",
         "focus:outline-none",
         SIDE_POSITION[side],
         isHorizontal ? "max-w-full h-full" : "max-h-full w-full",
@@ -5492,8 +5492,8 @@ var popoverContentVariants = cva25(
   {
     variants: {
       variant: {
-        default: "bg-background-paper border border-border shadow-lg",
-        elevated: "bg-background-paper/95 border border-border-subtle shadow-xl backdrop-blur-sm"
+        default: "bg-background-paper text-foreground border border-border shadow-lg",
+        elevated: "bg-background-paper/95 text-foreground border border-border-subtle shadow-xl backdrop-blur-sm"
       },
       size: {
         sm: "text-sm p-3 rounded-lg",