@bccampus/ui-components 0.9.13 → 0.9.14
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.
|
@@ -1053,7 +1053,7 @@ function NavigationMenuViewport({
|
|
|
1053
1053
|
{
|
|
1054
1054
|
className: cn("absolute top-full left-0 isolate z-50 flex justify-center bg-popover", {
|
|
1055
1055
|
"min-w-xs": !mega,
|
|
1056
|
-
"w-full
|
|
1056
|
+
"w-full": mega
|
|
1057
1057
|
}),
|
|
1058
1058
|
children: /* @__PURE__ */ jsx(
|
|
1059
1059
|
Viewport,
|
|
@@ -1063,8 +1063,7 @@ function NavigationMenuViewport({
|
|
|
1063
1063
|
"origin-top-center duration-150 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in",
|
|
1064
1064
|
"bg-popover text-popover-foreground relative overflow-hidden w-full h-[var(--radix-navigation-menu-viewport-height)] overscroll-contain",
|
|
1065
1065
|
{
|
|
1066
|
-
"mt-1.5 rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]": !mega
|
|
1067
|
-
"border-b-1 border-complement-1-50": mega
|
|
1066
|
+
"mt-1.5 rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]": !mega
|
|
1068
1067
|
},
|
|
1069
1068
|
className
|
|
1070
1069
|
),
|
package/package.json
CHANGED
|
@@ -22,7 +22,7 @@ function NavigationMenu({
|
|
|
22
22
|
className={cn(
|
|
23
23
|
"group/navigation-menu flex max-w-max flex-1 items-center justify-center",
|
|
24
24
|
{ relative: !mega },
|
|
25
|
-
className
|
|
25
|
+
className,
|
|
26
26
|
)}
|
|
27
27
|
{...props}
|
|
28
28
|
>
|
|
@@ -83,7 +83,7 @@ function NavigationMenuContent({ className, ...props }: React.ComponentProps<typ
|
|
|
83
83
|
"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52",
|
|
84
84
|
"group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0",
|
|
85
85
|
"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
|
|
86
|
-
className
|
|
86
|
+
className,
|
|
87
87
|
)}
|
|
88
88
|
{...props}
|
|
89
89
|
/>
|
|
@@ -101,7 +101,7 @@ function NavigationMenuViewport({
|
|
|
101
101
|
<div
|
|
102
102
|
className={cn("absolute top-full left-0 isolate z-50 flex justify-center bg-popover", {
|
|
103
103
|
"min-w-xs": !mega,
|
|
104
|
-
"w-full
|
|
104
|
+
"w-full": mega,
|
|
105
105
|
})}
|
|
106
106
|
>
|
|
107
107
|
<NavigationMenuPrimitive.Viewport
|
|
@@ -111,9 +111,8 @@ function NavigationMenuViewport({
|
|
|
111
111
|
"bg-popover text-popover-foreground relative overflow-hidden w-full h-[var(--radix-navigation-menu-viewport-height)] overscroll-contain",
|
|
112
112
|
{
|
|
113
113
|
"mt-1.5 rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]": !mega,
|
|
114
|
-
"border-b-1 border-complement-1-50": mega,
|
|
115
114
|
},
|
|
116
|
-
className
|
|
115
|
+
className,
|
|
117
116
|
)}
|
|
118
117
|
{...props}
|
|
119
118
|
/>
|
|
@@ -127,7 +126,7 @@ function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof
|
|
|
127
126
|
data-slot="navigation-menu-link"
|
|
128
127
|
className={cn(
|
|
129
128
|
"[&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
|
130
|
-
className
|
|
129
|
+
className,
|
|
131
130
|
)}
|
|
132
131
|
{...props}
|
|
133
132
|
/>
|
|
@@ -143,7 +142,7 @@ function NavigationMenuIndicator({
|
|
|
143
142
|
data-slot="navigation-menu-indicator"
|
|
144
143
|
className={cn(
|
|
145
144
|
"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
|
|
146
|
-
className
|
|
145
|
+
className,
|
|
147
146
|
)}
|
|
148
147
|
{...props}
|
|
149
148
|
>
|