edvoyui-component-library-test-flight 0.0.214 → 0.0.216

package/dist/components/datepicker/EUIDatepicker.vue

@@ -13,7 +13,7 @@
       :class="[
         { 'pointer-events-none cursor-not-allowed': disabled },
         inputFilled
-          ? 'overflow-hidden border border-gray-100 cursor-pointer group h-14 rounded-2xl eui-datepicker'
+          ? 'overflow-hidden border border-gray-100 cursor-pointer group h-14 rounded-xl eui-datepicker'
           : 'h-10 eui-datepicker normal',
         'relative w-full mb-2',
       ]"
@@ -27,7 +27,7 @@
             : 'top-1/2 text-sm w-full text-gray-700 cursor-pointer h-14 pt-5 pb-4 bg-white',
           disabled ? ' cursor-not-allowed' : '',
           required && `after:content-['*'] after:ml-0.5 after:text-red-500`,
-          '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',
+          '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',
         ]"
       >
         {{ label || 'Datepicker' }}
@@ -248,7 +248,7 @@ const clearIconRight = computed(() =>
       padding-right: v-bind(iconshowRight);
     }
     .dp__input.dp__input_focus {
-      @apply ring-2 ring-purple-600 rounded-2xl ring-inset h-[3.365rem];
+      @apply ring-2 ring-purple-600 rounded-xl ring-inset h-[3.365rem];
     }
     .dp--clear-btn {
       right: v-bind(clearIconRight);

package/dist/components/radioGroup/EUIRadioGroup.d.ts

@@ -33,6 +33,10 @@ declare const _default: import('../../../node_modules/vue').DefineComponent<impo
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('../../../node_modules/vue').ComponentOptionsMixin, import('../../../node_modules/vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('../../../node_modules/vue').PublicProps, Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
@@ -65,6 +69,10 @@ declare const _default: import('../../../node_modules/vue').DefineComponent<impo
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -73,6 +81,7 @@ declare const _default: import('../../../node_modules/vue').DefineComponent<impo
     name: string;
     errors: Record<string, any>;
     modelValue: string;
+    readonly: boolean;
     options: RadioOption[];
 }, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/radioGroup/EUIRadioGroup.vue

@@ -11,13 +11,16 @@
         v-for="option in options"
         :key="option.value"
         class="inline-flex items-center gap-0 cursor-pointer"
-        :class="{ 'opacity-50 cursor-not-allowed': disabled }"
+        :class="{
+          'opacity-50 cursor-not-allowed': disabled,
+          'cursor-not-allowed': readonly && !disabled,
+        }"
       >
         <input
           :value="option.value"
           type="radio"
           class="sr-only peer eui-radiogroup_input"
-          :disabled="disabled"
+          :disabled="disabled || readonly"
           :checked="modelValue === option.value"
           @change="selectOption(option.value)"
         />
@@ -68,6 +71,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  readonly: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const { modelValue } = toRefs(props);