@bccampus/ui-components 0.9.20 → 0.9.21

package/dist/components/ui/tag.js

@@ -3,7 +3,7 @@ import { S as Slot } from "../../_chunks/index.js";
 import { c as cva } from "../../_chunks/index2.js";
 import { c as cn } from "../../_chunks/utils.js";
 const tagVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm bg-complement-3 text-white [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm font-sans-accent text-sm bg-complement-3 text-white [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -12,8 +12,8 @@ const tagVariants = cva(
       },
       size: {
         default: "h-8 px-4 py-1.5 has-[>svg]:px-3",
-        sm: "h-6 gap-1 px-3 has-[>svg]:px-2.5",
-        lg: "scroll-mr-6 text-xl/5 font-medium h-16 px-8 has-[>svg]:px-4",
+        sm: "gap-1 px-4 py-1 has-[>svg]:px-2.5",
+        lg: "scroll-mr-6 text-xl/5 font-medium px-6 py-3 has-[>svg]:px-4",
         icon: "size-8"
       }
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bccampus/ui-components",
-  "version": "0.9.20",
+  "version": "0.9.21",
   "description": "BCcampus React components",
   "type": "module",
   "license": "UNLICENSED",

package/src/components/ui/tag.tsx

@@ -1,38 +1,38 @@
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-export type TagVariantsProps = VariantProps<typeof tagVariants>;
-export const tagVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-sm bg-complement-3 text-white [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "",
-        button:
-          "hover:bg-primary transition-all disabled:pointer-events-none disabled:opacity-50 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-      },
-      size: {
-        default: "h-8 px-4 py-1.5 has-[>svg]:px-3",
-        sm: "h-6 gap-1 px-3 has-[>svg]:px-2.5",
-        lg: "scroll-mr-6 text-xl/5 font-medium h-16 px-8 has-[>svg]:px-4",
-        icon: "size-8",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-export interface TagProps extends React.ComponentProps<"div">, TagVariantsProps {
-  asChild?: boolean;
-}
-
-export function Tag({ className, size, variant, asChild = false, ...props }: TagProps) {
-  const Comp = asChild ? Slot : "div";
-
-  return <Comp data-slot="tag" className={cn(tagVariants({ variant, size }), className)} {...props} />;
-}
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+export type TagVariantsProps = VariantProps<typeof tagVariants>;
+export const tagVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm font-sans-accent text-sm bg-complement-3 text-white [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "",
+        button:
+          "hover:bg-primary transition-all disabled:pointer-events-none disabled:opacity-50 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+      },
+      size: {
+        default: "h-8 px-4 py-1.5 has-[>svg]:px-3",
+        sm: "gap-1 px-4 py-1 has-[>svg]:px-2.5",
+        lg: "scroll-mr-6 text-xl/5 font-medium px-6 py-3 has-[>svg]:px-4",
+        icon: "size-8",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  },
+);
+
+export interface TagProps extends React.ComponentProps<"div">, TagVariantsProps {
+  asChild?: boolean;
+}
+
+export function Tag({ className, size, variant, asChild = false, ...props }: TagProps) {
+  const Comp = asChild ? Slot : "div";
+
+  return <Comp data-slot="tag" className={cn(tagVariants({ variant, size }), className)} {...props} />;
+}