ketekny-ui-kit 1.0.95 → 1.0.96

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ketekny-ui-kit",
   "type": "module",
-  "version": "1.0.95",
+  "version": "1.0.96",
   "description": "A Vue 3 UI component library with Tailwind CSS styling",
   "main": "index.js",
   "files": [

package/src/style/style.css

@@ -15,3 +15,9 @@ body {
   font-family: 'Ubuntu', ui-sans-serif, system-ui, sans-serif;
   -webkit-font-smoothing: antialiased;
 }
+
+@layer base {
+  html {
+    font-size: 14px;
+  }
+}

package/src/twoColLayout/components/MultilevelSidebar.vue

@@ -314,7 +314,7 @@ export default {
           type="text"
           placeholder="Αναζήτηση μενού..."
           aria-label="Αναζήτηση μενού"
-          class="w-full py-2 pl-8 pr-9 text-sm border rounded-md border-sidebar-border/35 bg-sidebar-accent/40 text-sidebar-foreground placeholder:text-sidebar-muted focus:border-white/15 focus:outline-none focus:ring-1 focus:ring-white/10"
+          class="w-full border rounded-md border-sidebar-border/35 bg-sidebar-accent/40 py-2 pl-8 pr-9 text-sidebar-foreground placeholder:text-sidebar-muted focus:border-white/15 focus:outline-none focus:ring-1 focus:ring-white/10"
         />
         <button
           v-if="query"
@@ -348,7 +348,7 @@ export default {
       </ul>
       <p
         v-if="!collapsed && filteredMenu.length === 0"
-        class="px-3 py-6 text-sm text-center text-sidebar-muted"
+        class="px-3 py-6 text-center text-sidebar-muted"
       >
         Δεν βρέθηκαν αποτελέσματα.
       </p>
@@ -359,7 +359,7 @@ export default {
         <div v-if="!collapsed" class="flex items-center gap-2">
           <button
             type="button"
-            class="sidebar-footer-item flex min-h-[38px] flex-1 items-center gap-2.5 rounded-md bg-transparent px-2 py-2 text-left text-sm font-medium text-sidebar-foreground/80 outline-none transition-colors duration-150 hover:bg-sidebar-accent hover:text-sidebar-foreground"
+            class="sidebar-footer-item flex min-h-[38px] flex-1 items-center gap-2.5 rounded-md bg-transparent px-2 py-2 text-left font-medium text-sidebar-foreground/80 outline-none transition-colors duration-150 hover:bg-sidebar-accent hover:text-sidebar-foreground"
             @click="handleFooterSelect('my-profile')"
           >
             <CircleUser class="sidebar-footer-item-icon size-4 shrink-0" :stroke-width="1.9" />
@@ -382,7 +382,7 @@ export default {
           v-if="collapsed"
           type="button"
           v-tooltip.right="link.label"
-          class="flex items-center w-full text-sm transition-colors duration-150 rounded-md"
+          class="flex items-center w-full rounded-md transition-colors duration-150"
           :class="[
             'justify-center px-0 py-2',
             activeId === link.id
@@ -412,7 +412,7 @@ export default {
           :key="`${link.id}-expanded`"
           v-else
           type="button"
-          class="flex items-center w-full text-sm transition-colors duration-150 rounded-md"
+          class="flex items-center w-full rounded-md transition-colors duration-150"
           :class="[
             'gap-2.5 px-2 py-2 text-left',
             activeId === link.id

package/src/twoColLayout/components/SidebarMenuItem.vue

@@ -82,7 +82,7 @@ export default {
     <button
       type="button"
       :style="isCollapsedTop ? undefined : indentStyle"
-      class="group relative flex w-full items-center rounded-md text-left text-sm transition-colors duration-150"
+      class="group relative flex w-full items-center rounded-md text-left transition-colors duration-150"
       :class="[
         isCollapsedTop ? 'h-10 justify-center px-0' : 'gap-2.5 py-2 pr-2',
         isActiveLeaf || (isCollapsedTop && isActive)
@@ -181,7 +181,7 @@ export default {
       >
         <button
           type="button"
-          class="mb-1 flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm font-semibold"
+          class="mb-1 flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left font-semibold"
           :class="isActive ? 'text-brand' : 'text-sidebar-foreground hover:bg-sidebar-accent'"
           @click="!hasChildren && $emit('select', item)"
         >