@rovula/ui 0.1.31 → 0.1.33

package/dist/components/Navbar/Navbar.js

@@ -15,7 +15,7 @@ const Navbar = ({ children, className, variant = "default", scrollShadow = false
         return () => window.removeEventListener("scroll", handleScroll);
     }, [scrollShadow]);
     const isTransparent = variant === "transparent";
-    return (_jsxs("header", { className: cn("relative w-full px-4 py-6 h-[var(--navbar-height)] box-border overflow-hidden typography-subtitle2 border-solid border-b-2 text-[rgb(var(--navbar-text-color))] border-b-[rgb(var(--navbar-border-color))] transition-shadow duration-200", { position }, scrollShadow && isScrolled && "shadow-[var(--navbar-shadow-scrolled)]", className), children: [!isTransparent && (_jsx("div", { className: "absolute inset-0 -z-10 bg-[rgb(var(--navbar-bg-color))]", "aria-hidden": true })), _jsx("div", { className: cn("absolute inset-0 -z-[5] pointer-events-none", className), "aria-hidden": true }), _jsx("div", { className: cn("relative mx-auto flex h-full justify-between items-center", {
+    return (_jsxs("header", { className: cn("relative w-full px-4 py-6 h-[var(--navbar-height)] box-border overflow-hidden typography-subtitle2 border-solid border-b-2 border-b-[var(--navbar-border-color)] transition-shadow duration-200", isTransparent ? "text-inherit" : "text-[var(--navbar-text-color)]", { position }, scrollShadow && isScrolled && "shadow-[var(--navbar-shadow-scrolled)]", className), children: [!isTransparent && (_jsx("div", { className: "absolute inset-0 -z-10 bg-[var(--navbar-bg-color)]", "aria-hidden": true })), _jsx("div", { className: cn("absolute inset-0 -z-[5] pointer-events-none", className), "aria-hidden": true }), _jsx("div", { className: cn("relative mx-auto flex h-full justify-between items-center", {
                     container,
                 }, containerClassName), children: children || (_jsxs(_Fragment, { children: [_jsx("nav", { className: cn("flex w-1/2 gap-x-[var(--navbar-gap)] text-xl", leftNavClassName), children: leftNav }), _jsx("div", { className: cn("flex flex-shrink-0 flex-wrap justify-center", centerClassName), children: center }), _jsx("nav", { className: cn("flex w-1/2 justify-end gap-x-[var(--navbar-gap)] text-xl", rightNavClassName), children: rightNav })] })) })] }));
 };

package/dist/components/Popover/Popover.js

@@ -18,7 +18,7 @@ const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverContent = React.forwardRef((_a, ref) => {
     var { className, align = "center", sideOffset = 4 } = _a, props = __rest(_a, ["className", "align", "sideOffset"]);
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, Object.assign({ ref: ref, align: align, sideOffset: sideOffset, className: cn("z-50 min-w-72 rounded-md border bg-bg-bg1 border-none overflow-hidden p-0 text-common-black shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className) }, props)) }));
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, Object.assign({ ref: ref, align: align, sideOffset: sideOffset, className: cn("z-50 min-w-72 rounded-md border bg-modal-surface border-bg-stroke3 overflow-hidden p-0 text-text-g-contrast-medium shadow-md outline-none 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className) }, props)) }));
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 export { Popover, PopoverTrigger, PopoverContent };

package/dist/esm/bundle.css

@@ -1766,9 +1766,6 @@ input[type=number] {
 .border-solid{
   border-style: solid;
 }
-.border-none{
-  border-style: none;
-}
 .\!border-action-button-solid-active-hover{
   --tw-border-opacity: 1 !important;
   border-color: color-mix(in srgb, var(--action-button-solid-active-hover-border) calc(100% * var(--tw-border-opacity, 1)), transparent) !important;
@@ -2026,8 +2023,8 @@ input[type=number] {
 .border-white\/20{
   border-color: rgb(255 255 255 / 0.2);
 }
-.border-b-\[rgb\(var\(--navbar-border-color\)\)\]{
-  border-bottom-color: rgb(var(--navbar-border-color));
+.border-b-\[var\(--navbar-border-color\)\]{
+  border-bottom-color: var(--navbar-border-color);
 }
 .border-l-input-default-stroke{
   --tw-border-opacity: 1;
@@ -2111,9 +2108,6 @@ input[type=number] {
 .bg-\[rgb\(var\(--base-bg-2\)\)\]{
   background-color: rgb(var(--base-bg-2));
 }
-.bg-\[rgb\(var\(--navbar-bg-color\)\)\]{
-  background-color: rgb(var(--navbar-bg-color));
-}
 .bg-\[var\(--badge-default-bg\)\]{
   background-color: var(--badge-default-bg);
 }
@@ -2165,6 +2159,9 @@ input[type=number] {
 .bg-\[var\(--footer-bg-color\)\]{
   background-color: var(--footer-bg-color);
 }
+.bg-\[var\(--navbar-bg-color\)\]{
+  background-color: var(--navbar-bg-color);
+}
 .bg-action-button-icon-active{
   --tw-bg-opacity: 1;
   background-color: color-mix(in srgb, var(--action-button-icon-active-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -4131,9 +4128,6 @@ input[type=number] {
   --tw-text-opacity: 1 !important;
   color: color-mix(in srgb, var(--state-primary-text-solid) calc(100% * var(--tw-text-opacity, 1)), transparent) !important;
 }
-.text-\[rgb\(var\(--navbar-text-color\)\)\]{
-  color: rgb(var(--navbar-text-color));
-}
 .text-\[var\(--badge-default-text\)\]{
   color: var(--badge-default-text);
 }
@@ -4179,6 +4173,9 @@ input[type=number] {
 .text-\[var\(--loading-track-color\)\]{
   color: var(--loading-track-color);
 }
+.text-\[var\(--navbar-text-color\)\]{
+  color: var(--navbar-text-color);
+}
 .text-action-button-icon-active{
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--action-button-icon-active-text) calc(100% * var(--tw-text-opacity, 1)), transparent);