adminforth 2.4.0-next.13 → 2.4.0-next.15

package/dist/spa/src/afcl/Button.vue

@@ -2,7 +2,7 @@
   <button 
     v-bind="$attrs"
     type="submit" 
-    class="flex items-center justify-center gap-1 text-lightPrimaryContrast bg-lightPrimary dark:bg-darkPrimary hover:brightness-110 
+    class="afcl-button flex items-center justify-center gap-1 text-lightPrimaryContrast bg-lightPrimary dark:bg-darkPrimary hover:brightness-110 
       focus:ring-4 focus:outline-none focus:ring-lightPrimary focus:ring-opacity-50 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-darkPrimary dark:focus:ring-opacity-50"
     :class="{
       'cursor-default': props.disabled,

package/dist/spa/src/afcl/Checkbox.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex items-center h-5" :class="{'opacity-50' : props.disabled}">
+  <div class="afcl-checkbox flex items-center h-5" :class="{'opacity-50' : props.disabled}">
     <input :id="id" 
       ref="rememberInput"
       type="checkbox"

package/dist/spa/src/afcl/Input.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <div class="flex z-0" :class="{'opacity-50' : readonly}">
+  <div class="afcl-input flex z-0 relative" :class="{'opacity-50' : readonly}">
     <span
         v-if="$slots.prefix || prefix"
         class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-s-0 border-gray-300 rounded-s-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
@@ -21,7 +21,9 @@
       :disabled="readonly"
     >
 
-
+    <div v-if="$slots.rightIcon" class="absolute inset-y-0 right-0 pr-3 flex items-center">
+        <slot name="rightIcon" />
+    </div>
     <span
         v-if="$slots.suffix || suffix"
         class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-s-0 border-gray-300 rounded-e-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600 ">

package/dist/spa/src/afcl/Link.vue

@@ -2,7 +2,7 @@
   <router-link 
     v-bind="$attrs"
     :to="to"
-    class="text-lightPrimary underline dark:text-darkPrimary hover:no-underline hover:brightness-110
+    class="afcl-link text-lightPrimary underline dark:text-darkPrimary hover:no-underline hover:brightness-110
       cursor-pointer"
   >
     <slot></slot>

package/dist/spa/src/afcl/LinkButton.vue

@@ -3,7 +3,7 @@
     v-bind="$attrs"
     :to="props.to"
     type="submit" 
-    class="flex items-center justify-center gap-1 text-lightPrimaryContrast bg-lightPrimary dark:bg-darkPrimary hover:brightness-110 
+    class="afcl-link-button flex items-center justify-center gap-1 text-lightPrimaryContrast bg-lightPrimary dark:bg-darkPrimary hover:brightness-110 
       focus:ring-4 focus:outline-none focus:ring-lightPrimary focus:ring-opacity-50 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-darkPrimary dark:focus:ring-opacity-50"
     :class="{
       'cursor-default': props.disabled,

package/dist/spa/src/afcl/Select.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="relative inline-block afcl-select" ref="internalSelect" 
+  <div class="afcl-select relative inline-block" ref="internalSelect" 
     :class="{'opacity-50': readonly}"
   >
     <div class="relative">

package/dist/spa/src/afcl/Tooltip.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="triggerEl" class="inline-flex items-center">
+  <div ref="triggerEl" class="afcl-tooltip inline-flex items-center">
       <slot></slot>
   </div>
   <div

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "2.4.0-next.13",
+  "version": "2.4.0-next.15",
   "description": "OpenSource Vue3 powered forth-generation admin panel",
   "main": "dist/index.js",
   "module": "dist/index.js",