edvoyui-component-library-test-flight 0.0.59 → 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/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.59",
+  "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/dist/EUITelephone.vue.d.ts.map

@@ -1 +0,0 @@
-{"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/dist/button/EUIButton.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EUIButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/button/EUIButton.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wGAAwG,CAAC;AAC/H,cAAc,wGAAwG,CAAC;AACvH,OAAO,sGAAsG,CAAC;AAC9G,eAAe,SAAS,CAAC"}