@revojs/ui 0.3.5 → 0.3.6

package/dist/components/badge.d.ts

@@ -1,5 +1,5 @@
 import type { IconComponent } from "./icon";
-export type BadgeVariant = "outline" | "secondary" | "primary" | "attention" | "success" | "destructive";
+export type BadgeVariant = "outline" | "secondary" | "primary" | "attention" | "success" | "info" | "destructive";
 export interface BadgeProps {
     label?: string;
     href?: string;

package/dist/components/link.d.ts

@@ -1,4 +1,4 @@
-export type LinkVariant = "primary" | "muted";
+export type LinkVariant = "primary" | "muted" | "attention" | "success" | "info" | "destructive";
 export interface LinkProps {
     href?: string;
     label?: string;

package/dist/module/index.d.ts

@@ -38,6 +38,10 @@ export interface UiTheme {
     successHover: TailwindColor;
     successActive: TailwindColor;
     successForeground: TailwindColor;
+    info: TailwindColor;
+    infoHover: TailwindColor;
+    infoActive: TailwindColor;
+    infoForeground: TailwindColor;
     border: TailwindColor;
     input: TailwindColor;
     ring: TailwindColor;

package/dist/module/index.js

@@ -62,6 +62,10 @@ var module_default = defineModule({
 			successHover: "green-800",
 			successActive: "green-900",
 			successForeground: "white",
+			info: "blue-700",
+			infoHover: "blue-800",
+			infoActive: "blue-900",
+			infoForeground: "white",
 			border: "zinc-200",
 			input: "zinc-200",
 			ring: "zinc-400"
@@ -99,6 +103,10 @@ var module_default = defineModule({
 			successHover: "green-500",
 			successActive: "green-600",
 			successForeground: "zinc-950",
+			info: "blue-400",
+			infoHover: "blue-500",
+			infoActive: "blue-600",
+			infoForeground: "zinc-950",
 			border: "zinc-700",
 			input: "zinc-700",
 			ring: "zinc-700"

package/dist/style.css

@@ -35,6 +35,10 @@
     --color-success-hover: var(--ui-success-hover);
     --color-success-active: var(--ui-success-active);
     --color-success-foreground: var(--ui-success-foreground);
+    --color-info: var(--ui-info);
+    --color-info-hover: var(--ui-info-hover);
+    --color-info-active: var(--ui-info-active);
+    --color-info-foreground: var(--ui-info-foreground);
     --color-border: var(--ui-border);
     --color-input: var(--ui-input);
     --color-ring: var(--ui-ring);

package/dist/vue/components/badge.vue

@@ -43,6 +43,7 @@ const variants: Record<BadgeVariant, string> = {
     primary: "bg-primary text-primary-foreground",
     attention: "text-attention ring-1 ring-attention/30 ring-inset",
     success: "text-success ring-1 ring-success/30 ring-inset",
+    info: "text-info ring-1 ring-info/30 ring-inset",
     destructive: "text-destructive ring-1 ring-destructive/30 ring-inset",
 };
 
@@ -52,6 +53,7 @@ const hovers: Record<BadgeVariant, string> = {
     primary: "hover:bg-primary-hover active:bg-primary-active",
     attention: "hover:bg-ghost-hover active:bg-ghost-active",
     success: "hover:bg-ghost-hover active:bg-ghost-active",
+    info: "hover:bg-ghost-hover active:bg-ghost-active",
     destructive: "hover:bg-ghost-hover active:bg-ghost-active",
 };
 </script>

package/dist/vue/components/link.vue

@@ -27,5 +27,9 @@ const {
 const variants: Record<LinkVariant, string> = {
     primary: "text-foreground",
     muted: "text-muted-foreground",
+    attention: "text-attention",
+    success: "text-success",
+    info: "text-info",
+    destructive: "text-destructive",
 };
 </script>

package/dist/vue/components/markdown.vue

@@ -110,7 +110,7 @@ const elements = computed(() => ({
     a: ((_, { attrs, slots }) =>
         h(
             "a",
-            { ...attrs, ...external(attrs.href), class: "underline underline-offset-3" },
+            { ...attrs, ...external(attrs.href), class: "text-info underline-offset-3 hover:underline" },
             slots.default?.(),
         )) satisfies FunctionalComponent,
     img: ((_, { attrs }) =>
@@ -118,7 +118,7 @@ const elements = computed(() => ({
             ? h("img", { ...attrs, loading: "lazy", class: "inline max-w-full rounded-ui" })
             : h(
                   "a",
-                  { href: attrs.src, ...external(attrs.src), class: "underline underline-offset-3" },
+                  { href: attrs.src, ...external(attrs.src), class: "text-info underline-offset-3 hover:underline" },
                   String(attrs.alt || attrs.src),
               )) satisfies FunctionalComponent,
     ...components,

package/dist/vue/components/notification.vue

@@ -59,6 +59,6 @@ const variants: Record<NotificationVariant, string> = {
     error: "border-destructive/30 bg-destructive/5 text-destructive",
     attention: "border-attention/30 bg-attention/5 text-attention",
     success: "border-success/30 bg-success/5 text-success",
-    info: "border-border bg-muted/50 text-foreground",
+    info: "border-info/30 bg-info/5 text-info",
 };
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@revojs/ui",
-    "version": "0.3.5",
+    "version": "0.3.6",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -35,14 +35,14 @@
     },
     "dependencies": {
         "@iconify-json/hugeicons": "^1.2.35",
-        "@revojs/client": "0.3.5",
+        "@revojs/client": "0.3.6",
         "@tailwindcss/vite": "^4.3.3",
-        "revojs": "0.3.5",
+        "revojs": "0.3.6",
         "tailwindcss": "^4.3.3",
         "unplugin-icons": "^24.0.0"
     },
     "devDependencies": {
-        "@revojs/tsconfig": "0.3.5",
+        "@revojs/tsconfig": "0.3.6",
         "@vitejs/plugin-vue": "^6.0.9"
     },
     "optionalDependencies": {