@konstructio/ui 0.1.2-alpha.5 → 0.1.2-alpha.50

package/dist/components/Breadcrumb/components/Item/Item.variants.js

@@ -1,6 +1,12 @@
 import { c as e } from "../../../../index-D29mdTf5.js";
-const r = e(
-  ["text-sm", "leading-5", "text-gray-400"],
+const s = e(
+  [
+    "text-sm",
+    "leading-5",
+    "text-gray-400",
+    "font-semibold",
+    "dark:text-gray-400"
+  ],
   {
     variants: {
       isActive: {
@@ -23,7 +29,8 @@ const r = e(
           "group-[&:has(:focus-visible)]:rounded-xs",
           "group-hover:rounded-xs",
           "hover:no-underline",
-          "hover:text-gray-500"
+          "hover:text-gray-500",
+          "dark:hover:text-gray-300"
         ]
       },
       {
@@ -37,23 +44,27 @@ const r = e(
           "group-[&:has(:focus-visible)]:rounded-xs",
           "group-hover:rounded-xs",
           "hover:no-underline",
-          "hover:text-gray-500"
+          "hover:text-gray-500",
+          "dark:hover:text-gray-300"
         ]
       }
     ]
   }
-), o = e(["text-sm", "leading-5"], {
-  variants: {
-    isActive: {
-      true: "text-gray-500",
-      false: ["text-gray-400", "cursor-default"]
+), o = e(
+  ["text-sm", "leading-5", "font-semibold"],
+  {
+    variants: {
+      isActive: {
+        true: ["text-gray-600", "dark:text-gray-300"],
+        false: ["text-gray-400", "cursor-default"]
+      }
+    },
+    defaultVariants: {
+      isActive: !0
     }
-  },
-  defaultVariants: {
-    isActive: !0
   }
-});
+);
 export {
   o as breadcrumbLabelVariants,
-  r as breadcrumbLinkVariants
+  s as breadcrumbLinkVariants
 };

package/dist/components/Breadcrumb/hooks/useBreadcrumb.js

@@ -1,4 +1,4 @@
-import { u } from "../../../useBreadcrumb-B8DnuqkR.js";
+import { u } from "../../../useBreadcrumb-BAHbGQ_O.js";
 export {
   u as useBreadcrumb
 };

package/dist/components/Button/Button.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { S as l } from "../../index-DQH6odE9.js";
+import { S as l } from "../../index-BvoZGpli.js";
 import { cn as x } from "../../utils/index.js";
 import { buttonVariants as B } from "./Button.variants.js";
 const C = c(

package/dist/components/Button/Button.variants.js

@@ -1,6 +1,7 @@
 import { c as r } from "../../index-D29mdTf5.js";
-const t = r(
+const a = r(
   [
+    "select-none",
     "border",
     "cursor-pointer",
     "disabled:pointer-events-none",
@@ -9,7 +10,7 @@ const t = r(
     "focus-visible:ring-1",
     "focus-visible:ring-ring",
     "font-semibold",
-    "gap-[7px]",
+    "gap-2",
     "inline-flex",
     "items-center",
     "justify-center",
@@ -20,22 +21,24 @@ const t = r(
     "px-4",
     "py-2",
     "text-sm",
+    "bg-aurora-500",
+    "border-aurora-500",
+    "text-metal-900",
+    "focus-visible:bg-aurora-400",
+    "hover:bg-aurora-400",
+    "hover:border-aurora-400",
     "kubefirst:border-kubefirst-primary",
     "kubefirst:bg-kubefirst-primary",
     "kubefirst:hover:bg-kubefirst-secondary",
     "kubefirst:hover:border-kubefirst-secondary",
-    "kubefirst:text-white",
-    "bg-aurora-500",
-    "border-aurora-500",
-    "text-slate-700",
-    "hover:bg-aurora-400",
-    "hover:border-aurora-400"
+    "kubefirst:text-white"
   ],
   {
     variants: {
       variant: {
         primary: "",
         secondary: ["bg-white"],
+        tertiary: [],
         danger: [
           "border-red-700",
           "bg-red-700",
@@ -43,7 +46,18 @@ const t = r(
           "hover:bg-red-800",
           "hover:border-red-800"
         ],
-        text: ["bg-transparent", "border-transparent", "text-slate-500"]
+        link: [
+          "bg-transparent",
+          "border-transparent",
+          "text-blue-600",
+          "hover:underline",
+          "hover:text-blue-700",
+          "hover:bg-transparent",
+          "hover:border-transparent",
+          "dark:text-aurora-500",
+          "dark:hover:text-aurora-500",
+          "focus-visible:bg-transparent"
+        ]
       },
       shape: {
         circle: ["rounded-full", "p-1"]
@@ -61,21 +75,29 @@ const t = r(
         large: ""
       },
       appearance: {
-        compact: [
-          "px-2",
-          "py-1",
-          "h-auto",
-          "text-[0.8125rem]",
-          "leading-[1.375rem]",
-          "h-[30px]"
-        ]
+        compact: ["px-2", "py-1", "text-[13px]", "leading-5.5", "h-7.5"]
       }
     },
     compoundVariants: [
+      {
+        variant: "primary",
+        disabled: !0,
+        class: [
+          "text-metal-900",
+          "bg-aurora-500",
+          "border-transparent",
+          "kubefirst:bg-zinc-200",
+          "kubefirst:border-zinc-200",
+          "kubefirst:text-zinc-500",
+          "text-gray-700",
+          "opacity-45"
+        ]
+      },
       {
         variant: "secondary",
         disabled: !1,
         class: [
+          "transition-colors",
           "bg-white",
           "hover:bg-white",
           "text-slate-700",
@@ -83,9 +105,11 @@ const t = r(
           "hover:text-slate-700",
           "hover:border-slate-300",
           "hover:bg-slate-50",
+          "focus-visible:bg-slate-50",
           "dark:bg-transparent",
           "dark:text-aurora-500",
           "dark:border-aurora-500",
+          "dark:focus-visible:bg-aurora-900",
           "dark:hover:bg-aurora-900",
           "dark:hover:border-aurora-500",
           "dark:hover:text-aurora-500",
@@ -98,38 +122,62 @@ const t = r(
         ]
       },
       {
-        variant: "primary",
+        variant: "secondary",
         disabled: !0,
         class: [
-          "kubefirst:bg-zinc-200",
-          "kubefirst:border-zinc-200",
+          "kubefirst:bg-white",
+          "kubefirst:border-zinc-500",
           "kubefirst:text-zinc-500",
-          "text-gray-700",
+          "border-slate-300",
+          "bg-white",
+          "text-slate-700",
+          "dark:bg-aurora-900",
+          "dark:border-aurora-500",
+          "dark:text-aurora-500",
           "opacity-45"
         ]
       },
       {
-        variant: "secondary",
+        variant: "tertiary",
+        disabled: !1,
+        class: [
+          "transition-colors",
+          "bg-transparent",
+          "border-transparent",
+          "text-slate-700",
+          "hover:bg-aurora-100",
+          "focus-visible:bg-aurora-100",
+          "hover:text-slate-700",
+          "hover:border-transparent",
+          "dark:bg-transparent",
+          "dark:text-metal-100",
+          "dark:border-transparent",
+          "dark:focus-visible:bg-green-400/15",
+          "dark:hover:bg-green-400/15",
+          "dark:hover:border-transparent",
+          "dark:hover:text-metal-100",
+          "dark:focus-visible:hover:bg-green-400/15"
+        ]
+      },
+      {
+        variant: "tertiary",
         disabled: !0,
         class: [
-          "kubefirst:bg-white",
-          "kubefirst:border-zinc-500",
-          "kubefirst:text-zinc-500",
-          "border-slate-300/45",
+          "border-transparent",
           "bg-white",
-          "text-slate-700/45"
+          "text-slate-700",
+          "opacity-45",
+          "dark:bg-transparent",
+          "dark:border-transparent",
+          "dark:text-metal-100"
         ]
       },
       {
         variant: "danger",
         version: "alternate",
         class: [
-          "kubefirst:border-red-700",
-          "kubefirst:text-red-700",
-          "kubefirst:bg-white",
-          "kubefirst:hover:bg-red-50",
-          "border-red-700",
           "text-red-700",
+          "border-red-700",
           "bg-white",
           "hover:bg-red-50"
         ]
@@ -137,57 +185,22 @@ const t = r(
       {
         variant: "danger",
         disabled: !0,
-        class: ["text-white", "bg-red-700/45", "border-transparent"]
-      },
-      {
-        variant: "text",
-        disabled: !1,
-        version: "default",
-        class: [
-          "kubefirst:hover:border-transparent",
-          "kubefirst:hover:text-kubefirst-primary",
-          "kubefirst:text-kubefirst-primary",
-          "kubefirst:hover:bg-purple-50",
-          "kubefirst:bg-white",
-          "kubefirst:border-transparent",
-          "bg-white",
-          "border-transparent",
-          "text-slate-700",
-          "hover:border-transparent",
-          "hover:text-aurora-500",
-          "hover:bg-transparent"
-        ]
-      },
-      {
-        variant: "text",
-        disabled: !1,
-        version: "alternate",
         class: [
+          "text-red-700",
+          "border-red-700",
           "bg-white",
-          "border-transparent",
-          "text-aurora-500",
-          "hover:border-transparent",
-          "hover:text-aurora-500",
-          "hover:bg-aurora-50",
-          "kubefirst:hover:border-transparent",
-          "kubefirst:text-kubefirst-primary",
-          "kubefirst:border-transparent",
-          "kubefirst:bg-white",
-          "kubefirst:hover:text-kubefirst-primary",
-          "kubefirst:hover:bg-purple-50"
+          "hover:bg-red-50",
+          "opacity-45"
         ]
       },
       {
-        variant: "text",
+        variant: "link",
         disabled: !0,
-        version: ["default", "alternate"],
         class: [
-          "kubefirst:bg-white",
-          "kubefirst:border-white",
-          "kubefirst:text-zinc-400",
-          "bg-white",
-          "border-white",
-          "text-slate-700/45"
+          "bg-transparent",
+          "border-transparent",
+          "text-blue-600",
+          "opacity-45"
         ]
       },
       {
@@ -197,30 +210,21 @@ const t = r(
         class: [
           "w-8",
           "h-8",
-          "text-slate-400",
+          "text-slate-500",
           "bg-transparent",
           "border-transparent",
           "hover:border-transparent",
-          "hover:bg-aurora-500/5",
+          "hover:bg-aurora-50",
+          "focus-visible:bg-aurora-50",
           "hover:text-slate-800",
+          "focus-visible:text-slate-800",
           "[&>svg]:w-5",
           "[&>svg]:h-5",
-          "dark:text-slate-400",
+          "dark:text-metal-400",
+          "dark:focus-visible:text-aurora-500",
           "dark:hover:text-aurora-500",
-          "dark:hover:bg-aurora-900",
-          "kubefirst:text-slate-400",
-          "kubefirst:bg-transparent",
-          "kubefirst:border-transparent",
-          "kubefirst:hover:border-transparent",
-          "kubefirst:hover:bg-kubefirst-primary/5",
-          "kubefirst:hover:text-kubefirst-primary",
-          "kubefirst-dark:text-slate-400",
-          "kubefirst-dark:bg-transparent",
-          "kubefirst-dark:border-transparent",
-          "kubefirst-dark:hover:border-transparent",
-          "kubefirst-dark:hover:bg-kubefirst-primary/5",
-          "kubefirst-dark:hover:text-kubefirst-primary",
-          "kubefirst-dark:hover:bg-kubefirst-primary/25"
+          "dark:hover:bg-green-400/15",
+          "dark:focus-visible:bg-green-400/15"
         ]
       },
       {
@@ -236,11 +240,15 @@ const t = r(
         disabled: !1,
         class: [
           "text-red-700",
+          "focus-visible:text-red-700",
           "hover:text-red-700",
+          "focus-visible:bg-red-50",
           "hover:bg-red-50",
-          "dark:text-red-700",
+          "dark:text-red-500",
           "dark:hover:text-red-500",
-          "dark:hover:bg-red-700/25"
+          "dark:focus-visible:text-red-500",
+          "dark:hover:bg-red-950/55",
+          "dark:focus-visible:bg-red-950/55"
         ]
       },
       {
@@ -248,13 +256,15 @@ const t = r(
         size: ["medium", "large"],
         disabled: !0,
         class: [
-          "text-slate-400",
+          "opacity-45",
+          "text-slate-500",
           "bg-transparent",
           "border-transparent",
           "w-8",
           "h-8",
           "[&>svg]:w-5",
-          "[&>svg]:h-5"
+          "[&>svg]:h-5",
+          "dark:text-metal-400"
         ]
       },
       {
@@ -273,5 +283,5 @@ const t = r(
   }
 );
 export {
-  t as buttonVariants
+  a as buttonVariants
 };

package/dist/components/Card/Card.variants.js

@@ -1,6 +1,6 @@
 import { c as r } from "../../index-D29mdTf5.js";
-const o = r(
-  ["border", "border-slate-200", "rounded-xl"],
+const e = r(
+  ["rounded-xl", "border", "border-gray-200", "dark:border-metal-700"],
   {
     variants: {
       isActive: {
@@ -13,24 +13,19 @@ const o = r(
       }
     }
   }
-), a = r(
+), o = r(
   ["border", "border-4", "p-3", "text-card-foreground", "rounded-xl"],
   {
     variants: {
       isActive: {
-        true: [
-          "border-kubefirst-primary",
-          "shadow",
-          "civo:border-civo-primary"
-        ],
+        true: ["border-aurora-500", "shadow"],
         false: "border-transparent"
       },
       canHover: {
         true: [
           "cursor-pointer",
           "border-transparent",
-          "group-hover:border-kubefirst-primary",
-          "civo:group-hover:border-civo-primary"
+          "group-hover:border-aurora-500"
         ],
         false: ""
       }
@@ -45,6 +40,6 @@ const o = r(
   }
 );
 export {
-  o as cardBaseVariants,
-  a as cardVariants
+  e as cardBaseVariants,
+  o as cardVariants
 };