@saasmakers/ui 2.0.54 → 2.0.55

package/app/components/bases/BaseAction.vue

@@ -44,7 +44,7 @@ function onClick(event: MouseEvent) {
 
 <template>
   <button
-    class="relative flex select-none flex-col items-center rounded-lg text-center transition-colors"
+    class="relative flex flex-col select-none items-center rounded-lg text-center transition-colors"
     :aria-busy="loading"
     :class="{
       'cursor-not-allowed opacity-50': disabled,

package/app/components/bases/BaseCircle.vue

@@ -8,10 +8,10 @@ withDefaults(defineProps<BaseCircle>(), { color: 'indigo' })
   <span
     class="inline-block size-2.5 shrink-0 rounded-full"
     :class="{
-      'bg-red-500': color === 'red',
-      'bg-amber-500': color === 'amber',
-      'bg-indigo-500': color === 'indigo',
-      'bg-green-500': color === 'green',
+      'bg-red-600 dark:bg-red-400': color === 'red',
+      'bg-amber-600 dark:bg-amber-400': color === 'amber',
+      'bg-indigo-600 dark:bg-indigo-400': color === 'indigo',
+      'bg-green-600 dark:bg-green-400': color === 'green',
     }"
   />
 </template>

package/app/components/bases/BaseTag.vue

@@ -15,8 +15,10 @@ withDefaults(defineProps<BaseTag>(), {
       'px-0.5 py-px text-3xs': size === 'xs',
       'px-1 py-px text-3xs': size === 'sm',
       'px-1.5 py-0.5 text-2xs': size === 'base',
-      'bg-orange-100 text-orange-700 dark:bg-orange-950 dark:text-orange-300': color === 'orange',
-      'bg-gray-200 text-gray-600 dark:bg-gray-800 dark:text-gray-400': color === 'gray',
+      'bg-orange-500/15 text-orange-800 dark:text-orange-300': color === 'orange',
+      'bg-indigo-500/15 text-indigo-800 dark:text-indigo-300': color === 'indigo',
+      'bg-green-500/15 text-green-800 dark:text-green-300': color === 'green',
+      'bg-gray-500/20 text-gray-700 dark:text-gray-300': color === 'gray',
     }"
   >
     <slot>{{ text }}</slot>

package/app/types/bases.d.ts

@@ -333,7 +333,7 @@ export interface BaseTag {
   text?: BaseTextText
 }
 
-export type BaseTagColor = 'gray' | 'orange'
+export type BaseTagColor = 'gray' | 'green' | 'indigo' | 'orange'
 
 export interface BaseTagItem extends BaseTag {
   id?: number | string

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasmakers/ui",
-  "version": "2.0.54",
+  "version": "2.0.55",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",