@antify/ui 2.2.11 → 2.2.13

package/dist/components/AntAlert.vue

@@ -17,7 +17,7 @@ import AntIcon from './AntIcon.vue';
 import AntTooltip from './AntTooltip.vue';
 import AntSkeleton from './AntSkeleton.vue';
 import {
-  InputState, Position,
+  InputState,
 } from '../enums';
 import {
   IconSize,
@@ -125,13 +125,11 @@ onMounted(() => {
         <div v-if="hasQuestionMark">
           <slot name="questionMarkText">
             <AntTooltip>
-              <template #reference>
-                <AntIcon
-                  :icon="faCircleQuestion"
-                  :color="iconColor"
-                  :size="IconSize.sm"
-                />
-              </template>
+              <AntIcon
+                :icon="faCircleQuestion"
+                :color="iconColor"
+                :size="IconSize.sm"
+              />
 
               <template #content>
                 {{ questionMarkText }}

package/dist/components/crud/AntCrudDetail.vue

@@ -5,7 +5,7 @@
   >
     <slot name="header" />
 
-    <div class="grow bg-white h-full overflow-y-auto">
+    <div class="grow h-px overflow-y-auto bg-base-100">
       <slot />
     </div>
 

package/dist/components/crud/AntCrudDetailNav.vue

@@ -54,7 +54,6 @@ const dialogOpen = ref(false);
           v-if="showDeleteButton"
           :disabled="deleteButtonDisabled || !canDelete"
           :skeleton="skeleton"
-          filled
           :can-delete="canDelete"
           :invalid-permission-tooltip-position="Position.left"
           @click="() => dialogOpen = true"

package/dist/components/crud/AntCrudTableFilter.vue

@@ -24,6 +24,7 @@ const props = withDefaults(defineProps<{
   hasFilter?: boolean;
   canCreate?: boolean;
   skeleton?: boolean;
+  searchPlaceholderText?: string;
 }>(), {
   fullWidth: true,
   showFilter: true,
@@ -31,6 +32,7 @@ const props = withDefaults(defineProps<{
   hasFilter: false,
   canCreate: true,
   skeleton: false,
+  searchPlaceholderText: 'Search',
 });
 const emit = defineEmits([
   'search',
@@ -85,6 +87,7 @@ watch(() => props.fullWidth, (val) => {
         <AntSearch
           v-model="search"
           :skeleton="skeleton"
+          :placeholder="searchPlaceholderText"
         />
       </div>
 

package/dist/components/inputs/Elements/AntSelectMenu.vue

@@ -54,7 +54,7 @@ const reference = ref<HTMLElement | null | undefined>(props.inputRef);
 const elementSize = useElementSize(reference);
 const floating = ref<HTMLElement | null>(null);
 const {
-  floatingStyles, middlewareData, placement,
+  floatingStyles,
 } = useFloating(reference, floating, {
   placement: 'bottom',
   whileElementsMounted: autoUpdate,
@@ -89,7 +89,7 @@ const dropdownClasses = computed(() => {
   };
 
   return {
-    'w-full border flex flex-col gap-px outline-hidden -mt-px overflow-y-auto shadow-md z-[90] max-h-[250px]': true,
+    'w-full border flex flex-col gap-px outline-none -mt-px overflow-y-auto shadow-md z-[90] max-h-[250px]': true,
     'rounded-md': true,
     [variants[props.state]]: true,
   };
@@ -230,6 +230,7 @@ watch(_modelValue, (val) => {
         v-if="isOpen"
         ref="floating"
         :class="dropdownClasses"
+        data-e2e="select-menu"
         :style="{width: `${elementSize.width.value}px!important`, ...floatingStyles}"
       >
         <div

package/dist/components/tabs/AntTabItem.vue

@@ -15,9 +15,7 @@ import {
 import {
   TabItemState,
 } from './__types/AntTabItem.types';
-import {
-  AntSkeleton,
-} from '../../../dist';
+import AntSkeleton from '../AntSkeleton.vue';
 
 const props = withDefaults(defineProps<{
   label: string;

package/dist/components/tabs/AntTabs.vue

@@ -18,9 +18,13 @@ const props = withDefaults(defineProps<{
   tabItems?: TabItem[];
   expanded?: boolean;
   skeleton?: boolean;
+  leftBorder?: boolean;
+  rightBorder?: boolean;
 }>(), {
   expanded: false,
   skeleton: false,
+  leftBorder: false,
+  rightBorder: false,
 });
 
 const currentActive = useVModel(props, 'modelValue', emits);
@@ -30,6 +34,8 @@ const containerClasses = computed(() => ({
 
 const scrollContainerClasses = computed(() => ({
   'w-full': props.expanded,
+  'border-l': props.leftBorder,
+  'border-r': props.rightBorder,
 }));
 
 function clickTab(tabItem: TabItem) {
@@ -48,7 +54,7 @@ function clickTab(tabItem: TabItem) {
 <template>
   <div :class="containerClasses">
     <div
-      class="flex gap-px bg-base-300 border-l border-r border-base-300 overflow-x-auto"
+      class="flex gap-px bg-base-300 border-base-300 overflow-x-auto"
       :class="scrollContainerClasses"
     >
       <slot>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antify/ui",
-  "version": "2.2.11",
+  "version": "2.2.13",
   "private": false,
   "type": "module",
   "exports": {
@@ -38,7 +38,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "tailwindcss": "4.0.13",
+    "tailwindcss": "4.0.7",
     "vue": "^3.4.29"
   },
   "dependencies": {
@@ -46,7 +46,6 @@
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/vue-fontawesome": "^3.0.8",
-    "@tailwindcss/vite": "4.0.13",
     "@tiptap/extension-heading": "^2.11.5",
     "@tiptap/extension-underline": "^2.11.5",
     "@tiptap/pm": "^2.11.5",
@@ -73,6 +72,7 @@
     "@storybook/vue3": "^8.6.4",
     "@storybook/vue3-vite": "^8.6.4",
     "@stylistic/eslint-plugin": "^3.1.0",
+    "@tailwindcss/vite": "4.0.7",
     "@tsconfig/node20": "^20.1.4",
     "@types/big.js": "^6.2.2",
     "@types/jsdom": "^21.1.7",