edvoyui-component-library-test-flight 0.0.58 → 0.0.60

package/dist/radio/EUIRadio.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/radio/EUIRadio.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/radio/EUIRadio.vue?vue&type=style&index=0&scoped=cfb7b606&lang.scss";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/radio/EUIRadio.vue?vue&type=style&index=0&scoped=85a67463&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUIRadio.vue.d.ts.map

package/dist/searchexpand/EUISearchExpand.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/searchexpand/EUISearchExpand.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/searchexpand/EUISearchExpand.vue?vue&type=style&index=0&scoped=914f602c&lang.css";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/searchexpand/EUISearchExpand.vue?vue&type=style&index=0&scoped=8366625e&lang.css";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUISearchExpand.vue.d.ts.map

package/dist/slideover/EUISlideover.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/slideover/EUISlideover.vue?vue&type=script&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/slideover/EUISlideover.vue?vue&type=style&index=0&scoped=48a789fb&lang.scss";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/slideover/EUISlideover.vue?vue&type=style&index=0&scoped=b651e970&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUISlideover.vue.d.ts.map

package/dist/table/EUIDashboardTable.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUIDashboardTable.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUIDashboardTable.vue?vue&type=style&index=0&scoped=473ceac4&lang.scss";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUIDashboardTable.vue?vue&type=style&index=0&scoped=ae56eb51&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUIDashboardTable.vue.d.ts.map

package/dist/table/EUITable.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUITable.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUITable.vue?vue&type=style&index=0&scoped=1d3352f5&lang.scss";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUITable.vue?vue&type=style&index=0&scoped=05e35209&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUITable.vue.d.ts.map

package/dist/telephone/EUITelephone.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EUITelephone.vue.d.ts","sourceRoot":"","sources":["../../src/components/telephone/EUITelephone.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8GAA8G,CAAC;AACrI,cAAc,8GAA8G,CAAC;AAC7H,OAAO,4GAA4G,CAAC;AACpH,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "edvoyui-component-library-test-flight",
   "private": false,
-  "version": "0.0.58",
+  "version": "0.0.60",
   "type": "module",
   "files": [
     "dist/",
@@ -64,7 +64,6 @@
     "storybook": "^8.4.4",
     "typescript": "^5.5.3",
     "vite": "^5.4.1",
-    "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.2.1",
     "vue-tsc": "^2.0.29"
   }

package/src/components/delete.vue

@@ -8,8 +8,9 @@
         illo nisi recusandae impedit nulla possimus, et delectus necessitatibus
         tempora maxime maiores dolores voluptates nemo ratione officia suscipit
         voluptatum iure.
-
-        {{ "search Data:" + inputSearch + showSearch }}
+      </div>
+      <div class="relative size-10">
+        <div class="absolute top-0 right-0"><EUISearchExpand /></div>
       </div>
       <div class="inline-flex flex-row gap-2">
         <EUISearchToggle
@@ -27,7 +28,7 @@
         <EUITooltip placement="top">
           <template v-slot:default>
             <button class="px-4 py-2 text-white bg-gray-800 rounded">
-              Hover rihgt
+              Hover here
             </button>
           </template>
           <template v-slot:tooltip>
@@ -192,6 +193,7 @@ import EUIDatepicker from "./datepicker/EUIDatepicker.vue";
 import { CalendarIcon } from "@heroicons/vue/24/solid";
 import EUIButton from "./button/EUIButton.vue";
 import EUISearchToggle from "./searchexpand/EUISearchToggle.vue";
+import EUISearchExpand from "./searchexpand/EUISearchExpand.vue";
 
 // TODO: Datepicker
 const datepickerRange = ref([

package/src/components/input/EUIInput.vue

@@ -45,7 +45,7 @@
         :value="modelValue"
         :placeholder="placeholder"
         :name="name"
-        :class="['z-10 block placeholder:text-gray-400 focus:outline-none text-sm font-medium appearance-none disabled:opacity-75 autofill:bg-white leading-6 transition-all duration-100 border-none outline-none', inputFilled ? 'pt-6 pb-3 rounded-2xl size-full' : 'px-4 py-3 h-10 w-full ring-1 ring-gray-100 focus-within:ring-purple-600 focus-within:ring-2 ring-inset', !inputFilled && rounded ? 'rounded-2xl' : 'rounded-md', disabled ? 'cursor-not-allowed' : 'cursor-text', getIconClass(), !inputFilled && className]"
+        :class="['z-10 block placeholder:text-gray-400 focus:outline-none text-sm font-medium appearance-none disabled:opacity-75 autofill:bg-white leading-6 transition-all duration-100 border-none outline-none', inputFilled ? 'pt-6 pb-3 rounded-2xl size-full' : 'py-3 h-10 w-full ring-1 ring-gray-100 focus-within:ring-purple-600 focus-within:ring-2 ring-inset', !inputFilled && rounded ? 'rounded-2xl' : 'rounded-md', disabled ? 'cursor-not-allowed' : 'cursor-text', getIconClass(), !inputFilled && className]"
 
         :required="required"
         :disabled="disabled"

package/src/components/radio/EUIRadio.vue

@@ -56,22 +56,17 @@ const toggle = () => {
 
 <style lang="scss" scoped>
     .eui-radio_icons {
-      @apply size-5 absolute z-10 top-0.5 left-0.5 rounded-full;
+      @apply size-5 absolute z-10 inset-0 rounded-full;
       &::after {
         content: '';
-        @apply absolute border-solid border-transparent transform scale-0 opacity-0 transition-all duration-200 delay-75 ease-in;
-      }
-      &::after {
-        @apply rotate-45 top-2;
+        @apply absolute transform scale-0 opacity-0 transition-all duration-200 delay-75 ease-in size-2.5 bg-white rounded-full top-[0.45rem] left-[0.45rem];
       }
     }
 
     .eui-radio_input:checked + .eui-radio_circle {
       .eui-radio_icons {
         &::after {
-          width: 5.3px;
-          border-width: 0 2.4px 2.4px 0;
-          @apply border-white top-1 left-2 h-2.5 opacity-100 scale-100;
+          @apply opacity-100 scale-100;
         }
       }
     }

package/src/components/searchexpand/EUISearchExpand.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <div class="relative rounded-full size-12">
+  <div class="relative rounded-full size-10">
     <div class="absolute top-0 right-0">
       <div
         ref="componentWrapper"
@@ -10,14 +10,14 @@
         <div class="relative max-w-80 z-[calc(infinity)]">
           <div
             :class="[
-              'relative flex items-center py-1 duration-300 ease-linear bg-gray-100 border border-gray-200 rounded-full pe-1 group-focus-within:ring-2 ring-purple-200 group-focus-within:border-gray-300 transition-all delay-100',
+              'relative flex items-center duration-300 ease-linear bg-gray-100 border border-gray-200 rounded-full pe-1 group-focus-within:ring-2 ring-purple-200 group-focus-within:border-gray-300 transition-all delay-100',
               isExpanded
-                ? 'group-focus-within:w-80 text-gray-300'
-                : 'size-[2.875rem] text-gray-500',
+                ? 'group-focus-within:w-80 text-gray-300 h-10'
+                : 'size-10 text-gray-500',
             ]"
           >
             <SearchBigZoomIn
-              class="absolute text-current size-6 top-2.5 left-2.5 transition-colors duration-100"
+              class="absolute text-current transition-colors size-6 top-2 left-2"
             />
             <input
               v-if="isExpanded"
@@ -25,7 +25,7 @@
               ref="input"
               type="search"
               placeholder="Search here..."
-              class="text-sm font-medium text-gray-900 bg-transparent w-80 ps-10 pe-2 focus:outline-none min-h-9"
+              class="h-10 text-sm font-medium text-gray-900 bg-transparent w-80 ps-10 pe-2 focus:outline-none"
               autocomplete="off"
               @input="handleSearch"
               @blur="closeInput"

package/src/components/slideover/EUISlideover.vue

@@ -129,10 +129,10 @@ export default defineComponent({
     const slideClass = computed(() => {
       const sizeClass = {
         full: "max-w-screen",
-        lg: "max-w-screen-lg min-w-[1024px]",
-        md: "max-w-2xl min-w-[42rem]",
-        sm: "max-w-xl min-w-[36rem]",
-        xs: "max-w-md min-w-[28rem]",
+        lg: "max-w-screen-lg min-w-[100svw] sm:min-w-[1024px]",
+        md: "max-w-2xl min-w-[100svw] sm:min-w-[42rem]",
+        sm: "max-w-xl min-w-[100svw] sm:min-w-[36rem]",
+        xs: "max-w-md min-w-[100svw] sm:min-w-[28rem]",
       };
 
       const positionClasses = {

package/src/components/table/EUIDashboardTable.vue

@@ -1,9 +1,26 @@
 <template>
   <div>
-    <div class="relative w-full mx-auto overflow-hidden">
+    <Transition name="fade" mode="out-in">
+      <div
+        v-if="loading"
+        :class="[
+          'overflow-hidden relative z-0 isolate bg-white backdrop-blur transition-colors duration-150 ease-in-out rounded-xl border border-gray-50',
+          tableHeight
+            ? tableHeight
+            : 'h-[calc(100svh-9rem)] max-h-[calc(100svh-9rem)]',
+        ]"
+      >
+        <div
+          class="absolute flex items-center z-[calc(infinity)] w-full h-auto pointer-events-none inset-0"
+        >
+          <EUICircleLoader />
+        </div>
+      </div>
+      <div v-else class="relative w-full mx-auto overflow-hidden">
       <div
         id="dashboard-table"
-        :class="['overflow-auto scrollbar--thin overscroll-none', tableHeight ? tableHeight : 'h-[calc(100svh-13rem)] max-h-[calc(100svh-13rem)]']"
+        :class="['scrollbar--thin overscroll-none',
+        computedItems.length === 0 ? 'overflow-hidden' : 'overflow-auto', tableHeight ? tableHeight : 'h-[calc(100svh-13rem)] max-h-[calc(100svh-13rem)]']"
         ref="tableContainer"
         @scroll="handleScroll"
       >
@@ -59,19 +76,9 @@
             </tr>
           </thead>
           <tbody>
-            <template v-if="loading">
-              <tr class="norecords">
-                <td :colspan="headers.length">
-                  <div
-                    class="flex items-center justify-center min-h-96"
-                  >
-                    <EUICircleLoader />
-                  </div>
-                </td>
-              </tr>
-            </template>
+
             <template
-              v-else-if="computedItems.length > 0"
+              v-if="computedItems.length > 0"
               v-for="(row, rowIndex) in computedItems"
               :key="`table-row-${rowIndex}`"
             >
@@ -116,8 +123,8 @@
               <tr class="norecords">
                 <td :colspan="checkable === true ? headers.length + 1 : headers.length">
                   <div
-                    class="flex items-center justify-center text-xl font-medium text-gray-500 min-h-96"
-                  >
+                      class="flex items-center justify-center text-xl font-medium text-gray-500 h-[calc(100svh-18rem)] max-w-screen-xl"
+                    >
                     No matching records found
                   </div>
                 </td>
@@ -158,6 +165,7 @@
         </template>
       </div>
     </div>
+    </Transition>
   </div>
 </template>