ketekny-ui-kit 1.0.94 → 1.0.96

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ketekny-ui-kit",
   "type": "module",
-  "version": "1.0.94",
+  "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)"
         >

package/src/ui/kTable.vue

@@ -115,7 +115,7 @@ export default {
 }
 
 .table-custom--card th {
-  @apply px-6 py-4 text-lg font-semibold text-left text-white bg-primary border-b border-primary;
+  @apply px-4 py-2.5 text-sm font-semibold text-left text-white bg-primary border-b border-primary;
 }
 
 .table-custom--plain th {
@@ -127,15 +127,15 @@ export default {
 }
 
 .table-custom--card td {
-  @apply h-[3.2rem] px-6 py-4 text-base text-slate-800 dark:text-slate-200;
+  @apply h-10 px-4 py-2.5 text-sm text-slate-800 dark:text-slate-200;
 }
 
 .table-custom--plain td {
-  @apply h-[3.2rem] px-2 py-2 text-base text-slate-800 dark:text-slate-200;
+  @apply h-10 px-2 py-2 text-sm text-slate-800 dark:text-slate-200;
 }
 
 .table-custom--flat td {
-  @apply h-[3.2rem] px-4 py-2 text-base text-slate-900 dark:text-slate-200 align-middle;
+  @apply h-10 px-3 py-2 text-sm text-slate-900 dark:text-slate-200 align-middle;
 }
 
 .table-custom tr {

package/src/ui/themes/kButton.theme.js

@@ -6,10 +6,10 @@ export const K_BUTTON_BASE = "inline-flex flex-row items-center justify-center f
 export const K_BUTTON_SIZE_STYLES = {
   normal: {
     regular: "h-9 px-4 text-sm",
-    iconOnly: "h-10 w-10 p-0",
-    icon: "w-5 h-5",
-    loader: "w-5 h-5",
-    gap: "mr-2",
+    iconOnly: "h-9 w-9 p-0",
+    icon: "w-4 h-4",
+    loader: "w-4 h-4",
+    gap: "mr-1.5",
   },
   small: {
     regular: "h-8 px-3 text-sm",
@@ -28,10 +28,10 @@ export const K_BUTTON_SIZE_STYLES = {
   // Backward compatibility aliases
   default: {
     regular: "h-9 px-4 text-sm",
-    iconOnly: "h-10 w-10 p-0",
-    icon: "w-5 h-5",
-    loader: "w-5 h-5",
-    gap: "mr-2",
+    iconOnly: "h-9 w-9 p-0",
+    icon: "w-4 h-4",
+    loader: "w-4 h-4",
+    gap: "mr-1.5",
   },
 };