edvoyui-component-library-test-flight 0.0.213 → 0.0.215

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/components/datepicker/EUIDatepicker.vue +3 -3
  2. package/dist/components/input/EUIInput.vue +4 -4
  3. package/dist/components/input/EUINumberInput.vue +4 -4
  4. package/dist/components/select/EUISelect.vue +5 -5
  5. package/dist/components/telephone/EUITelephone.vue +3 -3
  6. package/dist/components/textArea/EUITextArea.vue +1 -1
  7. package/dist/edvoy-ui.cjs.js +3 -3
  8. package/dist/edvoy-ui.css +1 -1
  9. package/dist/edvoy-ui.es.js +33 -33
  10. package/dist/edvoy-ui.umd.js +4 -4
  11. package/package.json +1 -1
package/dist/components/datepicker/EUIDatepicker.vue CHANGED
@@ -13,7 +13,7 @@
13
13
  :class="[
14
14
  { 'pointer-events-none cursor-not-allowed': disabled },
15
15
  inputFilled
16
- ? 'overflow-hidden border border-gray-100 cursor-pointer group h-14 rounded-2xl eui-datepicker'
16
+ ? 'overflow-hidden border border-gray-100 cursor-pointer group h-14 rounded-xl eui-datepicker'
17
17
  : 'h-10 eui-datepicker normal',
18
18
  'relative w-full mb-2',
19
19
  ]"
@@ -27,7 +27,7 @@
27
27
  : 'top-1/2 text-sm w-full text-gray-700 cursor-pointer h-14 pt-5 pb-4 bg-white',
28
28
  disabled ? ' cursor-not-allowed' : '',
29
29
  required && `after:content-['*'] after:ml-0.5 after:text-red-500`,
30
- 'absolute font-medium left-0 px-4 z-[1] -translate-y-1/2 group-focus-within:top-3.5 group-focus-within:text-xs group-focus-within:text-gray-400 rounded-2xl group-focus-within:bg-transparent group-hover:text-xs group-focus-within:h-auto group-focus-within:py-0 group-hover:top-3.5 group-hover:bg-transparent group-hover:h-auto group-hover:py-0 group-focus-within:-translate-y-1/2 group-hover:-translate-y-1/2 text-start first-letter:capitalize group-hover:rounded-none group-hover:text-gray-400 group-hover:w-max transition-all ease-in-out duration-300',
30
+ 'absolute font-medium left-0 px-4 z-[1] -translate-y-1/2 group-focus-within:top-3.5 group-focus-within:text-xs group-focus-within:text-gray-400 rounded-xl group-focus-within:bg-transparent group-hover:text-xs group-focus-within:h-auto group-focus-within:py-0 group-hover:top-3.5 group-hover:bg-transparent group-hover:h-auto group-hover:py-0 group-focus-within:-translate-y-1/2 group-hover:-translate-y-1/2 text-start first-letter:capitalize group-hover:rounded-none group-hover:text-gray-400 group-hover:w-max transition-all ease-in-out duration-300',
31
31
  ]"
32
32
  >
33
33
  {{ label || 'Datepicker' }}
@@ -248,7 +248,7 @@ const clearIconRight = computed(() =>
248
248
  padding-right: v-bind(iconshowRight);
249
249
  }
250
250
  .dp__input.dp__input_focus {
251
- @apply ring-2 ring-purple-600 rounded-2xl ring-inset h-[3.365rem];
251
+ @apply ring-2 ring-purple-600 rounded-xl ring-inset h-[3.365rem];
252
252
  }
253
253
  .dp--clear-btn {
254
254
  right: v-bind(clearIconRight);
package/dist/components/input/EUIInput.vue CHANGED
@@ -17,7 +17,7 @@
17
17
  'pointer-events-none': isNonEditable,
18
18
  },
19
19
  {
20
- 'h-14 rounded-2xl border border-gray-200': inputFilled,
20
+ 'h-14 rounded-xl border border-gray-200': inputFilled,
21
21
  },
22
22
  {
23
23
  'focus-within:border-purple-600 focus-within:ring-1 focus-within:ring-purple-600':
@@ -59,7 +59,7 @@
59
59
  disabled ? 'cursor-not-allowed bg-gray-50 z-10' : 'z-0 bg-white',
60
60
  required && `after:content-['*'] after:ml-0.5 after:text-red-500`,
61
61
  !isNonEditable && 'group-focus-within:top-3.5 group-focus-within:text-xs group-focus-within:text-gray-400 group-focus-within:bg-transparent group-focus-within:-translate-y-1/2 group-focus-within:ring-transparent group-focus-within:h-auto group-focus-within:py-0',
62
- 'absolute font-medium left-0 px-4 -translate-y-1/2 duration-300 rounded-2xl first-letter:capitalize transition-all ease-in-out',
62
+ 'absolute font-medium left-0 px-4 -translate-y-1/2 duration-300 rounded-xl first-letter:capitalize transition-all ease-in-out',
63
63
  ]"
64
64
  >
65
65
  {{ label || "Label" }}
@@ -85,11 +85,11 @@
85
85
  :class="[
86
86
  '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',
87
87
  inputFilled
88
- ? 'pt-6 pb-3 rounded-2xl size-full'
88
+ ? 'pt-6 pb-3 rounded-xl size-full'
89
89
  : isNonEditable
90
90
  ? 'py-3 h-10 w-full ring-1 ring-gray-200 ring-inset'
91
91
  : 'py-3 h-10 w-full ring-1 ring-gray-200 focus-within:ring-purple-600 focus-within:ring-2 ring-inset',
92
- !inputFilled && rounded ? 'rounded-2xl' : 'rounded-md',
92
+ !inputFilled && rounded ? 'rounded-xl' : 'rounded-md',
93
93
  isNonEditable ? 'cursor-not-allowed' : 'cursor-text',
94
94
  getIconClass(),
95
95
  !inputFilled && className,
package/dist/components/input/EUINumberInput.vue CHANGED
@@ -15,7 +15,7 @@
15
15
  'relative',
16
16
  { 'pointer-events-none cursor-not-allowed': disabled },
17
17
  {
18
- 'h-14 rounded-2xl focus-within:border-purple-600 focus-within:ring-1 focus-within:ring-purple-600 border border-gray-200':
18
+ 'h-14 rounded-xl focus-within:border-purple-600 focus-within:ring-1 focus-within:ring-purple-600 border border-gray-200':
19
19
  inputFilled,
20
20
  },
21
21
  'group cursor-pointer relative w-full mb-2 overflow-hidden',
@@ -31,7 +31,7 @@
31
31
  : 'top-1/2 text-sm w-full text-gray-700 cursor-pointer h-14 pt-5 pb-4',
32
32
  disabled ? 'cursor-not-allowed bg-gray-50 z-10' : 'z-0 bg-white',
33
33
  required && `after:content-['*'] after:ml-0.5 after:text-red-500`,
34
- 'absolute font-medium left-0 px-4 -translate-y-1/2 duration-300 group-focus-within:top-3.5 group-focus-within:text-xs group-focus-within:text-gray-400 rounded-2xl group-focus-within:bg-transparent group-focus-within:-translate-y-1/2 group-focus-within:ring-transparent group-focus-within:h-auto group-focus-within:py-0 first-letter:capitalize transition-all ease-in-out',
34
+ 'absolute font-medium left-0 px-4 -translate-y-1/2 duration-300 group-focus-within:top-3.5 group-focus-within:text-xs group-focus-within:text-gray-400 rounded-xl group-focus-within:bg-transparent group-focus-within:-translate-y-1/2 group-focus-within:ring-transparent group-focus-within:h-auto group-focus-within:py-0 first-letter:capitalize transition-all ease-in-out',
35
35
  ]"
36
36
  >
37
37
  {{ label || "Label" }}
@@ -59,9 +59,9 @@
59
59
  :class="[
60
60
  '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',
61
61
  inputFilled
62
- ? 'pt-6 pb-3 rounded-2xl size-full'
62
+ ? 'pt-6 pb-3 rounded-xl size-full'
63
63
  : 'py-3 h-10 w-full ring-1 ring-gray-200 focus-within:ring-purple-600 focus-within:ring-2 ring-inset',
64
- !inputFilled && rounded ? 'rounded-2xl' : 'rounded-md',
64
+ !inputFilled && rounded ? 'rounded-xl' : 'rounded-md',
65
65
  disabled ? 'cursor-not-allowed' : 'cursor-text',
66
66
  getIconClass(),
67
67
  !inputFilled && className,
package/dist/components/select/EUISelect.vue CHANGED
@@ -32,7 +32,7 @@
32
32
  isUseCustomSelect
33
33
  ? 'customselect'
34
34
  : 'border border-gray-200 focus-within:border-purple-600 focus-within:ring-inset focus-within:ring-1 focus-within:ring-purple-600 z-10 focus-within:rounded',
35
- inputFilled ? 'rounded-2xl min-h-14' : 'rounded-md min-h-10',
35
+ inputFilled ? 'rounded-xl min-h-14' : 'rounded-md min-h-10',
36
36
  'group relative w-full bg-white cursor-pointer overflow-hidden',
37
37
  { 'opacity-75': disabled },
38
38
  className,
@@ -61,7 +61,7 @@
61
61
  disabled ? ' cursor-not-allowed' : '',
62
62
  required && `after:content-['*'] after:ml-0.5 after:text-red-500`,
63
63
  ]"
64
- class="absolute text-left font-medium inset-x-0 px-4 z-10 -translate-y-1/2 duration-200 group-focus-within:top-3.5 group-focus-within:text-xs group-focus-within:text-gray-400 rounded-2xl group-focus-within:bg-transparent group-focus-within:-translate-y-1/2 group-focus-within:ring-transparent group-focus-within:h-auto group-focus-within:py-0 capitalize leading-[normal]"
64
+ class="absolute text-left font-medium inset-x-0 px-4 z-10 -translate-y-1/2 duration-200 group-focus-within:top-3.5 group-focus-within:text-xs group-focus-within:text-gray-400 rounded-xl group-focus-within:bg-transparent group-focus-within:-translate-y-1/2 group-focus-within:ring-transparent group-focus-within:h-auto group-focus-within:py-0 capitalize leading-[normal]"
65
65
  >
66
66
  {{ startCaseText(label) || "Select" }}
67
67
  </div>
@@ -243,7 +243,7 @@
243
243
 
244
244
  <template v-else #open-indicator="{ attributes }">
245
245
  <span v-bind="attributes as Record<string, any>">
246
- <ChevronDownSolid class="text-current size-6" />
246
+ <ChevronDownSolid class="w-5 h-6 text-current" />
247
247
  </span>
248
248
  </template>
249
249
  </vSelect>
@@ -278,12 +278,12 @@ import ChevronDownSolid from "../../assets/svg/ChevronDownStroke.vue";
278
278
  const customComponents = {
279
279
  Deselect: {
280
280
  render() {
281
- return h(XMarkIcon, { class: "w-4 h-4 text-current" });
281
+ return h(XMarkIcon, { class: "size-4 text-current" });
282
282
  },
283
283
  },
284
284
  OpenIndicator: {
285
285
  render() {
286
- return h(ChevronDownSolid, { class: "w-6 h-6 text-gray-800" });
286
+ return h(ChevronDownSolid, { class: "w-5 h-6 text-gray-800" });
287
287
  },
288
288
  },
289
289
  };
package/dist/components/telephone/EUITelephone.vue CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  <button
11
11
  type="button"
12
- :class="[disabled ? 'pointer-events-none cursor-not-allowed bg-gray-50' : 'bg-white', inputFilled ? 'h-14 rounded-2xl' : 'h-10 rounded-md', 'relative w-full mb-2 border border-gray-200 cursor-pointer z-1 group focus-within:border-purple-600 focus-within:ring-1 focus-within:ring-purple-600']"
12
+ :class="[disabled ? 'pointer-events-none cursor-not-allowed bg-gray-50' : 'bg-white', inputFilled ? 'h-14 rounded-xl' : 'h-10 rounded-md', 'relative w-full mb-2 border border-gray-200 cursor-pointer z-1 group focus-within:border-purple-600 focus-within:ring-1 focus-within:ring-purple-600']"
13
13
  @click="focusInput"
14
14
  >
15
15
  <label
@@ -23,7 +23,7 @@
23
23
  disabled ? ' cursor-not-allowed' : '',
24
24
  required && `after:content-['*'] after:ml-0.5 after:text-red-500`,
25
25
  ]"
26
- class="absolute font-medium left-0 px-4 z-[1] -translate-y-1/2 duration-200 group-focus-within:top-3.5 group-focus-within:text-xs group-focus-within:text-gray-400 rounded-2xl group-focus-within:bg-transparent group-focus-within:-translate-y-1/2 group-focus-within:ring-transparent group-focus-within:h-auto group-focus-within:py-0 text-start first-letter:capitalize"
26
+ class="absolute font-medium left-0 px-4 z-[1] -translate-y-1/2 duration-200 group-focus-within:top-3.5 group-focus-within:text-xs group-focus-within:text-gray-400 rounded-xl group-focus-within:bg-transparent group-focus-within:-translate-y-1/2 group-focus-within:ring-transparent group-focus-within:h-auto group-focus-within:py-0 text-start first-letter:capitalize"
27
27
  >
28
28
  {{ label }}
29
29
  </label>
@@ -255,7 +255,7 @@ const focusInput = () => {
255
255
  .vue-tel-input.eui-tel {
256
256
  @apply rounded-none border-none focus-within:shadow-none focus-within:border-transparent;
257
257
  .vti__dropdown {
258
- @apply mt-4 p-2 ps-0 rounded-2xl hover:bg-transparent open:bg-transparent bg-transparent;
258
+ @apply mt-4 p-2 ps-0 rounded-xl hover:bg-transparent open:bg-transparent bg-transparent;
259
259
  }
260
260
  .vti__dropdown-list {
261
261
  @apply rounded-md;
package/dist/components/textArea/EUITextArea.vue CHANGED
@@ -23,7 +23,7 @@
23
23
  </label>
24
24
  <textarea
25
25
  ref="inputRef"
26
- :class="['min-h-[4.5rem] max-h-40 appearance-none block w-full px-4 py-2 placeholder:text-gray-400 text-sm font-medium relative z-0 mt-4 bg-transparent border-none focus:outline-none focus:shadow-none focus-within:outline-none focus:border-none disabled:opacity-75 autofill:bg-white leading-6 placeholder:capitalize rounded-2xl' ,{'border-red-500': errors}]"
26
+ :class="['min-h-[4.5rem] max-h-40 appearance-none block w-full px-4 py-2 placeholder:text-gray-400 text-sm font-medium relative z-0 mt-4 bg-transparent border-none focus:outline-none focus:shadow-none focus-within:outline-none focus:border-none disabled:opacity-75 autofill:bg-white leading-6 placeholder:capitalize rounded-xl' ,{'border-red-500': errors}]"
27
27
  :placeholder="placeholder"
28
28
  v-model="localValue"
29
29
  :disabled="disabled"