sprintify-ui 0.12.7 → 0.12.9

package/dist/sprintify-ui.es.js

@@ -26209,8 +26209,8 @@ const qI = ["onClick"], UI = ["onClick"], KI = { class: "px-1 py-1 h-full flex i
   },
   setup(n) {
     const t = n, e = S(() => {
-      const o = ["text-left flex w-full"];
-      return t.collapsed || o.push("rounded-md"), t.active ? t.dark ? o.push("bg-slate-700 text-white") : o.push("bg-slate-100 text-primary-700") : t.dark ? o.push("hover:bg-slate-800 hover:text-white text-slate-300") : o.push("hover:bg-slate-50 hover:text-slate-900 text-slate-800"), t.size == "xs" && o.push("text-[13px] px-2.5 py-1 font-medium"), t.size == "sm" && o.push("text-sm px-3 py-1.5 font-medium"), t.size == "md" && o.push("text-base px-3 py-2 font-medium"), o;
+      const o = ["text-left flex w-full navbar-side-item-content"];
+      return t.collapsed || o.push("rounded-md"), t.active ? t.dark ? o.push("bg-slate-700 text-white active") : o.push("bg-slate-100 text-primary-700 active") : t.dark ? o.push("hover:bg-slate-800 hover:text-white text-slate-300") : o.push("hover:bg-slate-50 hover:text-slate-900 text-slate-800"), t.size == "xs" && o.push("text-[13px] px-2.5 py-1 font-medium"), t.size == "sm" && o.push("text-sm px-3 py-1.5 font-medium"), t.size == "md" && o.push("text-base px-3 py-2 font-medium"), o;
     }), r = S(() => {
       const o = ["shrink-0 leading-none inline-block"];
       return t.active ? o.push("opacity-100") : o.push("opacity-70 group-hover:opacity-100"), t.size == "xs" && o.push("w-3.5 h-3.5"), t.size == "sm" && o.push("w-4 h-4"), t.size == "md" && o.push("w-5 h-5"), t.collapsed || o.push("mr-2"), o;
@@ -26393,13 +26393,13 @@ const qI = ["onClick"], UI = ["onClick"], KI = { class: "px-1 py-1 h-full flex i
       type: Boolean
     }
   }
-}), e3 = { class: "md:col-span-1" }, t3 = { class: "text-base font-semibold leading-6 text-slate-900" }, n3 = {
+}), e3 = { class: "md:col-span-1" }, t3 = { class: "text-base font-semibold leading-6 text-slate-900 base-panel-title" }, n3 = {
   key: 0,
-  class: "mt-1 text-sm leading-normal opacity-50"
+  class: "mt-1 text-sm leading-normal opacity-50 base-panel-description"
 }, r3 = { class: "mt-5 md:col-span-2 md:mt-0" };
 function o3(n, t, e, r, o, i) {
   return k(), $("div", {
-    class: j(["md:grid md:grid-cols-3 md:gap-8", [n.bordered ? "mb-8 pb-8 border-b border-slate-300" : ""]])
+    class: j(["base-panel md:grid md:grid-cols-3 md:gap-8", [n.bordered ? "mb-8 pb-8 border-b border-slate-300" : ""]])
   }, [
     A("div", e3, [
       A("h3", t3, ie(n.title), 1),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.12.7",
+  "version": "0.12.9",
   "type": "module",
   "scripts": {
     "generate-llm-txt": "node scripts/generate-llm-txt.js",

package/src/components/BaseNavbarSideItemContent.vue

@@ -62,7 +62,7 @@ const props = defineProps({
 });
 
 const classes = computed(() => {
-  const classList = ['text-left flex w-full'];
+  const classList = ['text-left flex w-full navbar-side-item-content'];
 
   if (!props.collapsed) {
     classList.push('rounded-md');
@@ -70,9 +70,9 @@ const classes = computed(() => {
 
   if (props.active) {
     if (props.dark) {
-      classList.push('bg-slate-700 text-white');
+      classList.push('bg-slate-700 text-white active');
     } else {
-      classList.push('bg-slate-100 text-primary-700');
+      classList.push('bg-slate-100 text-primary-700 active');
     }
   } else {
     if (props.dark) {

package/src/components/BasePanel.vue

@@ -1,15 +1,15 @@
 <template>
   <div
-    class="md:grid md:grid-cols-3 md:gap-8"
+    class="base-panel md:grid md:grid-cols-3 md:gap-8"
     :class="[bordered ? 'mb-8 pb-8 border-b border-slate-300' : '']"
   >
     <div class="md:col-span-1">
-      <h3 class="text-base font-semibold leading-6 text-slate-900">
+      <h3 class="text-base font-semibold leading-6 text-slate-900 base-panel-title">
         {{ title }}
       </h3>
       <p
         v-if="description"
-        class="mt-1 text-sm leading-normal opacity-50"
+        class="mt-1 text-sm leading-normal opacity-50 base-panel-description"
       >
         {{ description }}
       </p>