@mbao01/ui - npm Package Compare versions

Comparing version 0.1.6 to 0.1.7

./src/index.ts

 export * from "@mbao01/common";
 
-export * from "./components/Breadcrumbs";
 export * from "./components/Link";

dist/types/components/Link/constant.d.ts

@@ -1,5 +0,4 @@
-import { LinkVariant } from './types';
-export declare const getLinkClasses: ({ hover, variant }: {
-    hover?: boolean | undefined;
-    variant?: LinkVariant | undefined;
-}) => string;
+export declare const getLinkClasses: (props?: ({
+    variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    hover?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

dist/types/components/Link/types.d.ts

 import type { To, LinkProps as RouterLinkProps } from "react-router-dom";
-export type LinkVariant = "default" | "neutral" | "primary" | "secondary" | "accent" | "link" | "info" | "success" | "warning" | "error";
+import { type VariantProps } from "@mbao01/common/libs";
+import { getLinkClasses } from "./constant";
 export type LinkProps = Omit<RouterLinkProps, "to"> & {
     href: To;
-    hover?: boolean;
-    variant?: LinkVariant;
-};
+} & VariantProps<typeof getLinkClasses>;

dist/types/index.d.ts

 export * from "@mbao01/common";
-export * from "./components/Breadcrumbs";
 export * from "./components/Link";

package.json

 {
   "name": "@mbao01/ui",
   "private": false,
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
@@ -43,4 +43,4 @@ "author": "Ayomide Bakare",
   "dependencies": {
-    "@heroicons/react": "^2.1.1",
-    "@mbao01/common": "^0.0.5",
+    "@mbao01/common": "^0.0.6",
+    "@radix-ui/react-icons": "^1.3.0",
     "clsx": "^2.1.0"
@@ -91,3 +91,3 @@ },
   },
-  "gitHead": "d40fb1867ee09180de85ab18ffe74c4436e43413"
+  "gitHead": "ceb6cef48e8547b4da5c51dda329bd6edee73c0b"
 }

README.md

@@ -39,3 +39,3 @@
   "plugins": [
-    require("@mbao01/common/plugin"), // -> import the tailwind library plugin
+    ...require("@mbao01/common/plugin"), // -> import the tailwind library plugin
     ...
@@ -42,0 +42,0 @@ ]

src/components/Link/constant.ts

@@ -1,21 +0,21 @@
-import c from 'clsx';
-import { LinkVariant } from './types';
+import { cva } from "@mbao01/common/libs";
 
-const LINK_VARIANTS = {
-  accent: c('link-accent'),
-  default: c('link-default'),
-  error: c('link-error'),
-  info: c('link-info'),
-  link: c('link-link'),
-  neutral: c('link-neutral'),
-  primary: c('link-primary'),
-  secondary: c('link-secondary'),
-  success: c('link-success'),
-  warning: c('link-warning'),
-} satisfies Record<LinkVariant, string>;
-
-export const getLinkClasses = ({ hover, variant }: { hover?: boolean; variant?: LinkVariant }) => {
-  return c('link transition-all', LINK_VARIANTS[variant!], {
-    'link-hover': hover,
-  });
-};
+export const getLinkClasses = cva("link transition-all", {
+  variants: {
+    variant: {
+      accent: "link-accent",
+      default: "link-default",
+      error: "link-error",
+      info: "link-info",
+      link: "link-link",
+      neutral: "link-neutral",
+      primary: "link-primary",
+      secondary: "link-secondary",
+      success: "link-success",
+      warning: "link-warning",
+    },
+    hover: {
+      true: "link-hover",
+    },
+  },
+});

src/components/Link/types.ts

 import type { To, LinkProps as RouterLinkProps } from "react-router-dom";
+import { type VariantProps } from "@mbao01/common/libs";
+import { getLinkClasses } from "./constant";
 
-export type LinkVariant =
-  | "default"
-  | "neutral"
-  | "primary"
-  | "secondary"
-  | "accent"
-  | "link"
-  | "info"
-  | "success"
-  | "warning"
-  | "error";
-
 export type LinkProps = Omit<RouterLinkProps, "to"> & {
   href: To;
-  hover?: boolean;
-  variant?: LinkVariant;
-};
+} & VariantProps<typeof getLinkClasses>;

src/index.ts

 export * from "@mbao01/common";
 
-export * from "./components/Breadcrumbs";
 export * from "./components/Link";

No alert changes

Worsened metrics

Total package byte prevSize

6796

decreased by-24.15%

Number of package files

13

decreased by-38.1%

Lines of code

74

decreased by-51.32%

Dependency changes

• + Added@radix-ui/react-icons@^1.3.0

• + Added@floating-ui/core@1.6.9(transitive)

• + Added@floating-ui/dom@1.6.13(transitive)

• + Added@floating-ui/react-dom@2.1.2(transitive)

• + Added@floating-ui/utils@0.2.9(transitive)

• + Added@mbao01/common@0.0.6(transitive)

• + Added@radix-ui/primitive@1.1.1(transitive)

• + Added@radix-ui/react-arrow@1.1.2(transitive)

• + Added@radix-ui/react-compose-refs@1.1.1(transitive)

• + Added@radix-ui/react-context@1.1.1(transitive)

• + Added@radix-ui/react-dismissable-layer@1.1.5(transitive)

• + Added@radix-ui/react-icons@1.3.2(transitive)

• + Added@radix-ui/react-id@1.1.0(transitive)

• + Added@radix-ui/react-popper@1.2.2(transitive)

• + Added@radix-ui/react-portal@1.1.4(transitive)

• + Added@radix-ui/react-presence@1.1.2(transitive)

• + Added@radix-ui/react-primitive@2.0.2(transitive)

• + Added@radix-ui/react-slot@1.1.2(transitive)

• + Added@radix-ui/react-tooltip@1.1.8(transitive)

• + Added@radix-ui/react-use-callback-ref@1.1.0(transitive)

• + Added@radix-ui/react-use-controllable-state@1.1.0(transitive)

• + Added@radix-ui/react-use-escape-keydown@1.1.0(transitive)

• + Added@radix-ui/react-use-layout-effect@1.1.0(transitive)

• + Added@radix-ui/react-use-rect@1.1.0(transitive)

• + Added@radix-ui/react-use-size@1.1.0(transitive)

• + Added@radix-ui/react-visually-hidden@1.1.2(transitive)

• + Added@radix-ui/rect@1.1.0(transitive)

• + Addedclass-variance-authority@0.7.1(transitive)

• + Addedtailwind-merge@2.6.0(transitive)

• + Addedtailwindcss@4.0.8(transitive)

• + Addedtailwindcss-animate@1.0.7(transitive)

• - Removed@heroicons/react@^2.1.1

• - Removed@heroicons/react@2.2.0(transitive)

• - Removed@mbao01/common@0.0.5(transitive)

• - Removedreact@19.0.0(transitive)

• Updated@mbao01/common@^0.0.6