@saasmakers/ui 2.0.29 → 2.0.31

package/app/components/bases/BaseHeading.vue

@@ -21,12 +21,11 @@ defineSlots<{
       'justify-start': alignment === 'left',
       'justify-center text-center': alignment === 'center',
       'justify-end': alignment === 'right',
-      'font-bold': ['xs', 'sm'].includes(size),
-      'font-extrabold': ['base', 'lg', 'xl'].includes(size),
-      'text-lg sm:text-xl': size === 'xs',
-      'text-xl sm:text-2xl': size === 'sm',
-      'text-2xl sm:text-3xl': size === 'base',
-      'text-2xl sm:text-4xl': size === 'lg',
+      'font-bold': size === 'sm',
+      'font-extrabold': ['base', 'lg'].includes(size),
+      'text-lg': size === 'sm',
+      'text-xl': size === 'base',
+      'text-2xl': size === 'lg',
     }"
   >
     <template v-if="text && typeof text === 'string'">

package/app/components/bases/BaseIcon.vue

@@ -145,8 +145,13 @@ function onKeyDown(event: KeyboardEvent) {
         'text-indigo-600 dark:text-indigo-400': finalColor === 'indigo',
         'text-orange-600 dark:text-orange-400': finalColor === 'orange',
         'text-red-600 dark:text-red-400': finalColor === 'red',
-        'group-hover:text-black dark:group-hover:text-white': isClickable && finalColor && finalColor !== 'white',
         'group-hover:text-gray-800 dark:group-hover:text-gray-200': isClickable && finalColor === 'white',
+        'group-hover:text-gray-700 dark:group-hover:text-gray-300': isClickable && finalColor === 'gray',
+        'group-hover:text-black dark:group-hover:text-white': isClickable && finalColor === 'black',
+        'group-hover:text-green-700 dark:group-hover:text-green-300': isClickable && finalColor === 'green',
+        'group-hover:text-indigo-700 dark:group-hover:text-indigo-300': isClickable && finalColor === 'indigo',
+        'group-hover:text-orange-700 dark:group-hover:text-orange-300': isClickable && finalColor === 'orange',
+        'group-hover:text-red-700 dark:group-hover:text-red-300': isClickable && finalColor === 'red',
       }"
       :to="to"
     >

package/app/components/bases/BaseMessage.vue

@@ -30,7 +30,7 @@ defineSlots<{
       <BaseHeading
         v-if="title"
         alignment="center"
-        size="xs"
+        size="sm"
         tag="h1"
         :text="title"
       />
@@ -45,7 +45,7 @@ defineSlots<{
 
       <div
         v-if="$slots.default"
-        class="mt-6 flex flex-col items-center justify-center sm:flex-row"
+        class="mt-5 flex flex-col items-center justify-center gap-2 sm:flex-row sm:gap-3"
       >
         <slot />
       </div>

package/app/components/bases/BaseParagraph.vue

@@ -19,9 +19,9 @@ defineSlots<{
       'text-center': alignment === 'center',
       'text-left': alignment === 'left',
       'text-right': alignment === 'right',
-      'text-sm sm:text-base': size === 'sm',
-      'text-base sm:text-lg': size === 'base',
-      'text-lg sm:text-xl': size === 'lg',
+      'text-sm': size === 'sm',
+      'text-base': size === 'base',
+      'text-lg': size === 'lg',
     }"
   >
     <template v-if="text && typeof text === 'string'">

package/app/types/bases.d.ts

@@ -180,12 +180,7 @@ export interface BaseHeading {
   text?: BaseTextText
 }
 
-export type BaseHeadingSize
-  = | 'base'
-    | 'lg'
-    | 'sm'
-    | 'xl'
-    | 'xs'
+export type BaseHeadingSize = 'base' | 'lg' | 'sm'
 
 export type BaseHeadingTag
   = | 'h1'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasmakers/ui",
-  "version": "2.0.29",
+  "version": "2.0.31",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",
@@ -60,8 +60,8 @@
   "devDependencies": {
     "nuxt": "4.3.1",
     "typescript": "5.9.3",
-    "@saasmakers/shared": "0.2.8",
-    "@saasmakers/apps-helpers": "0.1.0"
+    "@saasmakers/apps-helpers": "0.1.0",
+    "@saasmakers/shared": "0.2.8"
   },
   "peerDependencies": {
     "@saasmakers/apps-helpers": "^0.1.0",