@yomologic/react-ui 0.6.4 → 0.6.6
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/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -2
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +75 -0
- package/dist/styles.css.map +1 -1
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -807,7 +807,7 @@ interface NavItem$2 {
|
|
|
807
807
|
}
|
|
808
808
|
interface NavProps extends React.HTMLAttributes<HTMLElement> {
|
|
809
809
|
items: NavItem$2[];
|
|
810
|
-
variant?: "primary" | "secondary" | "ghost";
|
|
810
|
+
variant?: "primary" | "secondary" | "ghost" | "underline";
|
|
811
811
|
orientation?: "horizontal" | "vertical";
|
|
812
812
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
813
813
|
mobileBreakpoint?: "sm" | "md" | "lg";
|
package/dist/index.d.ts
CHANGED
|
@@ -807,7 +807,7 @@ interface NavItem$2 {
|
|
|
807
807
|
}
|
|
808
808
|
interface NavProps extends React.HTMLAttributes<HTMLElement> {
|
|
809
809
|
items: NavItem$2[];
|
|
810
|
-
variant?: "primary" | "secondary" | "ghost";
|
|
810
|
+
variant?: "primary" | "secondary" | "ghost" | "underline";
|
|
811
811
|
orientation?: "horizontal" | "vertical";
|
|
812
812
|
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
813
813
|
mobileBreakpoint?: "sm" | "md" | "lg";
|
package/dist/index.js
CHANGED
|
@@ -4429,12 +4429,14 @@ var Nav = import_react21.default.forwardRef(
|
|
|
4429
4429
|
const variantItemStyles = {
|
|
4430
4430
|
primary: "rounded-md hover:bg-(--color-primary)/10 hover:text-(--color-primary) transition-colors duration-150",
|
|
4431
4431
|
secondary: "rounded-md hover:bg-(--color-muted) transition-colors duration-150",
|
|
4432
|
-
ghost: "rounded-md hover:bg-(--color-primary)/5 transition-colors duration-150"
|
|
4432
|
+
ghost: "rounded-md hover:bg-(--color-primary)/5 transition-colors duration-150",
|
|
4433
|
+
underline: "relative hover:text-(--color-primary) transition-colors duration-150 after:content-[''] after:absolute after:bottom-0 after:left-0 after:h-0.5 after:bg-(--color-primary) after:w-0 hover:after:w-full after:transition-all after:duration-300"
|
|
4433
4434
|
};
|
|
4434
4435
|
const activeItemStyles = {
|
|
4435
4436
|
primary: "bg-(--color-primary) text-white hover:bg-(--color-primary) hover:text-white",
|
|
4436
4437
|
secondary: "bg-(--color-muted) text-(--color-foreground) font-semibold",
|
|
4437
|
-
ghost: "text-(--color-primary) font-medium"
|
|
4438
|
+
ghost: "text-(--color-primary) font-medium",
|
|
4439
|
+
underline: "text-(--color-primary) after:content-[''] after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-full after:bg-(--color-primary)"
|
|
4438
4440
|
};
|
|
4439
4441
|
const breakpointClasses = {
|
|
4440
4442
|
sm: "sm:hidden",
|