@saasmakers/ui 0.1.89 → 0.1.91

package/app/components/fields/FieldInput.vue

@@ -162,7 +162,7 @@ defineExpose({ focus })
           'text-right': alignment === 'right',
           'bg-gray-100 dark:bg-gray-900': background === 'gray',
           'bg-white dark:bg-gray-900': background === 'white',
-          'border shadow-sm border-gray-200 dark:border-gray-800 px-4 hover:border-gray-300 focus:border-gray-400 dark:hover:border-gray-700 dark:focus:border-gray-600': border === 'full',
+          'border shadow-sm border-gray-200 dark:border-gray-800 px-3 hover:border-gray-300 focus:border-gray-400 dark:hover:border-gray-700 dark:focus:border-gray-600': border === 'full',
           'border-b border-gray-200 dark:border-gray-800 px-10': border === 'bottom',
           'border-0 p-0': border === 'none',
           'text-xs': size === 'xs',

package/app/components/fields/FieldSelect.vue

@@ -168,7 +168,7 @@ function onOptionClick(event: MouseEvent, option: FieldSelectOption) {
             'border-gray-400 dark:border-gray-600': opened,
             'hover:border-gray-300 dark:hover:border-gray-700': !opened,
             'focus:border-gray-400 dark:focus:border-gray-600': !disabled,
-            'px-4': padding,
+            'px-3': padding,
             'text-2xs h-8': size === 'xs',
             'text-xs h-10': size === 'sm',
             'text-sm h-12': size === 'base',
@@ -248,7 +248,7 @@ function onOptionClick(event: MouseEvent, option: FieldSelectOption) {
                 :key="option.value"
                 class="group flex cursor-pointer items-center outline-none"
                 :class="{
-                  'border-b border-gray-200 dark:border-gray-800 px-4 py-3 hover:bg-gray-100 dark:hover:bg-gray-900 last:border-b-0': computedColumns.length < 2,
+                  'border-b border-gray-200 dark:border-gray-800 p-3 hover:bg-gray-100 dark:hover:bg-gray-900 last:border-b-0': computedColumns.length < 2,
                   'px-2 py-1 last:mb-2': computedColumns.length >= 2,
                   'font-medium underline': selectedOption && option.value === selectedOption.value,
                   'text-gray-900 dark:text-gray-100': selectedOption && option.value === selectedOption.value,

package/app/components/fields/FieldTime.vue

@@ -22,7 +22,6 @@ const emit = defineEmits<{
 
 const modelValue = defineModel<FieldTime['modelValue']>({ default: '' })
 
-const root = ref<HTMLDivElement>()
 const uuid = ref(`${Math.floor((1 + Math.random()) * 0x100000)}`)
 
 function onFieldBlur(event: FocusEvent) {
@@ -31,7 +30,7 @@ function onFieldBlur(event: FocusEvent) {
 </script>
 
 <template>
-  <div ref="root">
+  <div>
     <FieldLabel
       v-if="label"
       :disabled="disabled"
@@ -43,11 +42,11 @@ function onFieldBlur(event: FocusEvent) {
       :size="size"
     />
 
-    <div class="item-center h-[42px] flex overflow-hidden border border-gray-200 rounded-lg pl-3 pr-2 dark:border-gray-800 focus-within:border-gray-400 hover:border-gray-300 dark:focus-within:border-gray-600 dark:hover:border-gray-700">
+    <div class="item-center h-[42px] flex overflow-hidden border border-gray-200 rounded-lg px-3 dark:border-gray-800 focus-within:border-gray-400 hover:border-gray-300 dark:focus-within:border-gray-600 dark:hover:border-gray-700">
       <input
         :id="`${id}`"
         v-model="modelValue"
-        class="text-sm outline-none"
+        class="text-sm outline-none [&::-webkit-calendar-picker-indicator]:hidden"
         :class="{
           'bg-gray-100 dark:bg-gray-900': background === 'gray',
           'bg-white dark:bg-gray-900': background === 'white',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasmakers/ui",
   "type": "module",
-  "version": "0.1.89",
+  "version": "0.1.91",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",