@nexxtmove/ui 0.0.14 → 0.0.16

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, createElementBlock as i, openBlock as n, normalizeClass as t, createBlock as d, createCommentVNode as o, createElementVNode as u, createVNode as l, renderSlot as f, Transition as m, withCtx as y } from "vue";
+import { defineComponent as c, createElementBlock as i, openBlock as a, normalizeClass as n, createBlock as d, createCommentVNode as o, createVNode as l, renderSlot as u, Transition as f, withCtx as m } from "vue";
 const s = /* @__PURE__ */ c({
   name: "NexxtIcon",
   __name: "Icon",
@@ -7,14 +7,14 @@ const s = /* @__PURE__ */ c({
     type: { default: "light" }
   },
   setup(e) {
-    return (a, r) => (n(), i("i", {
-      class: t([`fa-${e.type}`, `fa-${e.name}`, "items-center", "justify-center"])
+    return (t, r) => (a(), i("i", {
+      class: n([`fa-${e.type}`, `fa-${e.name}`, "items-center", "justify-center"])
     }, null, 2));
   }
-}), v = ["type", "disabled", "data-variant"], b = {
+}), y = ["type", "disabled", "data-variant"], v = {
   key: 0,
-  class: /* @__PURE__ */ t(["absolute inset-0 flex items-center justify-center rounded-lg"])
-}, x = /* @__PURE__ */ c({
+  class: /* @__PURE__ */ n(["absolute inset-0 flex items-center justify-center rounded-lg"])
+}, h = /* @__PURE__ */ c({
   name: "NexxtButton",
   __name: "Button",
   props: {
@@ -26,33 +26,35 @@ const s = /* @__PURE__ */ c({
     buttonType: { default: "button" }
   },
   setup(e) {
-    return (a, r) => (n(), i("button", {
+    return (t, r) => (a(), i("button", {
       type: e.buttonType,
       disabled: e.disabled,
-      class: t([
+      class: n([
         "button relative flex h-10 cursor-pointer items-center justify-center overflow-hidden rounded-lg transition-colors duration-200 focus-visible:outline-3 disabled:cursor-not-allowed",
         `button-${e.variant}`,
-        a.$slots.default ?? "w-10",
+        t.$slots.default ?? "w-10",
+        !t.$slots.default && e.icon ? "aspect-square px-0" : "",
         e.loading ? "pointer-events-none" : ""
       ]),
       "data-variant": e.variant
     }, [
-      e.icon ? (n(), d(s, {
+      e.icon ? (a(), d(s, {
         key: 0,
         name: e.icon,
-        class: t({ "order-last": e.iconRight, "opacity-0": e.loading })
+        class: n({ "order-last": e.iconRight, "opacity-0": e.loading })
       }, null, 8, ["name", "class"])) : o("", !0),
-      u("span", {
-        class: t([
+      t.$slots.default ? (a(), i("span", {
+        key: 1,
+        class: n([
           "inline-block transition-all duration-200",
           { "opacity-0": e.loading },
           e.variant === "link" ? "underline underline-offset-1" : "",
           e.variant === "link" && !e.loading && !e.disabled ? "hover:underline-offset-2" : ""
         ])
       }, [
-        f(a.$slots, "default")
-      ], 2),
-      l(m, {
+        u(t.$slots, "default")
+      ], 2)) : o("", !0),
+      l(f, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
         "enter-to-class": "opacity-100",
@@ -60,8 +62,8 @@ const s = /* @__PURE__ */ c({
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: y(() => [
-          e.loading ? (n(), i("div", b, [
+        default: m(() => [
+          e.loading ? (a(), i("div", v, [
             l(s, {
               name: "spinner-third",
               type: "light",
@@ -71,10 +73,10 @@ const s = /* @__PURE__ */ c({
         ]),
         _: 1
       })
-    ], 10, v));
+    ], 10, y));
   }
 });
 export {
-  x as NexxtButton,
+  h as NexxtButton,
   s as NexxtIcon
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/tailwind/nexxtmove.tailwind.components.css

@@ -61,4 +61,16 @@
     }
   }
 
+  .progress-bar-bar {
+    @apply bg-progress-bar-color-bg-bar;
+  }
+
+  .progress-bar-progress {
+    @apply bg-progress-bar-color-bg-progress;
+  }
+
+  .progress-nav {
+    @apply gap-(--progress-nav-gap);
+  }
+
 }

package/tailwind/nexxtmove.tailwind.theme.css

@@ -118,8 +118,10 @@
   --color-button-color-border-secondary-hover: var(--color-cornflower-blue-700);
   --color-button-color-border-secondary-selected: var(--color-cornflower-blue-500);
   --color-button-color-border-secondary-disabled: var(--color-gray-400);
-  --color-button-color-border-secondary-default: var(--color-gray-950);
+  --color-button-color-border-secondary-default: var(--color-gray-200);
   --color-button-color-border-link-focussed: var(--color-cornflower-blue-100);
+  --color-progress-bar-color-bg-progress: var(--color-cornflower-blue-500);
+  --color-progress-bar-color-bg-bar: var(--color-gray-50);
   --text-xs: 0.75rem;
   --text-base: 1rem;
   --text-lg: 1.125rem;
@@ -183,6 +185,7 @@
   --button-padding-link-y: var(--spacing-0\.5);
   --button-gap: var(--spacing-1);
   --button-border-radius: var(--radius-lg);
+  --progress-nav-gap: var(--spacing-3\.5);
   --font-sans: 'Poppins', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-serif: 'Playfair Display', ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
   --font-mono: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;