frappe-ui 0.1.145 → 0.1.146

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frappe-ui",
-  "version": "0.1.145",
+  "version": "0.1.146",
   "description": "A set of components and utilities for rapid UI development",
   "main": "./src/index.ts",
   "type": "module",

package/src/components/Button/Button.vue

@@ -36,7 +36,7 @@
       <component v-else-if="icon" :is="icon" :class="slotClasses" />
       <slot name="icon" v-else-if="$slots.icon" />
     </template>
-    <span v-else :class="{ 'sr-only': isIconButton }">
+    <span v-else :class="{ 'sr-only': isIconButton }" class="truncate">
       <slot>{{ label }}</slot>
     </span>
 

package/src/components/FormControl.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="type != 'checkbox'" :class="['space-y-1.5', attrs.class]">
+  <div v-if="type != 'checkbox'" :class="['space-y-1.5', attrs.class]" :style="attrs.style">
     <FormLabel
       v-if="label"
       :label="label"
@@ -11,6 +11,7 @@
       v-if="type === 'select'"
       :id="id"
       v-bind="{ ...controlAttrs, size }"
+      v-model="model"
     >
       <template #prefix v-if="$slots.prefix">
         <slot name="prefix" />
@@ -19,6 +20,7 @@
     <Autocomplete
       v-else-if="type === 'autocomplete'"
       v-bind="{ ...controlAttrs }"
+      v-model="model"
     >
       <template #prefix v-if="$slots.prefix">
         <slot name="prefix" />
@@ -31,11 +33,13 @@
       v-else-if="type === 'textarea'"
       :id="id"
       v-bind="{ ...controlAttrs, size }"
+      v-model="model"
     />
     <TextInput
       v-else
       :id="id"
       v-bind="{ ...controlAttrs, type, size, required }"
+      v-model="model"
     >
       <template #prefix v-if="$slots.prefix">
         <slot name="prefix" />
@@ -52,6 +56,7 @@
     v-else
     :id="id"
     v-bind="{ ...controlAttrs, label, size, class: attrs.class }"
+    v-model="model"
   />
 </template>
 <script setup lang="ts">
@@ -79,6 +84,8 @@ const props = withDefaults(defineProps<FormControlProps>(), {
   size: 'sm',
 })
 
+const model = defineModel()
+
 const attrs = useAttrs()
 const controlAttrs = computed(() => {
   // pass everything except class and style
@@ -91,16 +98,6 @@ const controlAttrs = computed(() => {
   return _attrs
 })
 
-const labelClasses = computed(() => {
-  return [
-    {
-      sm: 'text-xs',
-      md: 'text-base',
-    }[props.size],
-    'text-ink-gray-5',
-  ]
-})
-
 const descriptionClasses = computed(() => {
   return [
     {

package/src/components/Input.vue

@@ -1,5 +1,5 @@
 <template>
-  <label :class="[type == 'checkbox' ? 'flex' : 'block', $attrs.class]">
+  <label :class="[type == 'checkbox' ? 'flex' : 'block', $attrs.class]" :style="$attrs.style">
     <span
       v-if="label && type != 'checkbox'"
       class="mb-2 block text-sm leading-4 text-gray-700"

package/src/components/ListView/ListView.vue

@@ -3,6 +3,7 @@
     <div
       class="flex w-max min-w-full flex-col overflow-y-hidden"
       :class="$attrs.class"
+      :style="$attrs.style"
     >
       <slot v-bind="{ showGroupedRows, selectable }">
         <ListHeader />

package/src/components/TextEditor/TextEditor.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="relative w-full" :class="$attrs.class" v-if="editor">
+  <div class="relative w-full" :class="$attrs.class" :style="$attrs.style" v-if="editor">
     <TextEditorBubbleMenu :buttons="bubbleMenu" :options="bubbleMenuOptions" />
     <TextEditorFixedMenu
       class="w-full overflow-x-auto rounded-t-lg border border-outline-gray-modals"