frappe-ui 0.1.190 → 0.1.192

package/package.json

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

package/src/components/Button/Button.vue

@@ -1,66 +1,64 @@
 <template>
   <Tooltip :text="tooltip" :disabled="!tooltip?.length">
-    <div class="flex h-fit w-fit">
-      <button
-        v-bind="$attrs"
-        :class="buttonClasses"
-        @click="handleClick"
-        :disabled="isDisabled"
-        :ariaLabel="ariaLabel"
-        ref="rootRef"
-      >
-        <LoadingIndicator
-          v-if="loading"
-          :class="{
-            'h-3 w-3': size == 'sm',
-            'h-[13.5px] w-[13.5px]': size == 'md',
-            'h-[15px] w-[15px]': size == 'lg',
-            'h-4.5 w-4.5': size == 'xl' || size == '2xl',
-          }"
+    <button
+      v-bind="$attrs"
+      :class="buttonClasses"
+      @click="handleClick"
+      :disabled="isDisabled"
+      :ariaLabel="ariaLabel"
+      ref="rootRef"
+    >
+      <LoadingIndicator
+        v-if="loading"
+        :class="{
+          'h-3 w-3': size == 'sm',
+          'h-[13.5px] w-[13.5px]': size == 'md',
+          'h-[15px] w-[15px]': size == 'lg',
+          'h-4.5 w-4.5': size == 'xl' || size == '2xl',
+        }"
+      />
+      <slot name="prefix" v-else-if="$slots['prefix'] || iconLeft">
+        <FeatherIcon
+          v-if="iconLeft && typeof iconLeft === 'string'"
+          :name="iconLeft"
+          :class="slotClasses"
+          aria-hidden="true"
         />
-        <slot name="prefix" v-else-if="$slots['prefix'] || iconLeft">
-          <FeatherIcon
-            v-if="iconLeft && typeof iconLeft === 'string'"
-            :name="iconLeft"
-            :class="slotClasses"
-            aria-hidden="true"
-          />
-          <component v-else-if="iconLeft" :is="iconLeft" :class="slotClasses" />
-        </slot>
-
-        <template v-if="loading && loadingText">{{ loadingText }}</template>
-        <template v-else-if="isIconButton && !loading">
-          <FeatherIcon
-            v-if="icon && typeof icon === 'string'"
-            :name="icon"
-            :class="slotClasses"
-            :aria-label="label"
-          />
-          <component v-else-if="icon" :is="icon" :class="slotClasses" />
-          <slot name="icon" v-else-if="$slots.icon" />
-          <div v-else-if="hasLucideIconInDefaultSlot" :class="slotClasses">
-            <slot>{{ label }}</slot>
-          </div>
-        </template>
-        <span v-else :class="{ 'sr-only': isIconButton }" class="truncate">
+        <component v-else-if="iconLeft" :is="iconLeft" :class="slotClasses" />
+      </slot>
+
+      <template v-if="loading && loadingText">{{ loadingText }}</template>
+      <template v-else-if="isIconButton && !loading">
+        <FeatherIcon
+          v-if="icon && typeof icon === 'string'"
+          :name="icon"
+          :class="slotClasses"
+          :aria-label="label"
+        />
+        <component v-else-if="icon" :is="icon" :class="slotClasses" />
+        <slot name="icon" v-else-if="$slots.icon" />
+        <div v-else-if="hasLucideIconInDefaultSlot" :class="slotClasses">
           <slot>{{ label }}</slot>
-        </span>
-
-        <slot name="suffix">
-          <FeatherIcon
-            v-if="iconRight && typeof iconRight === 'string'"
-            :name="iconRight"
-            :class="slotClasses"
-            aria-hidden="true"
-          />
+        </div>
+      </template>
+      <span v-else :class="{ 'sr-only': isIconButton }" class="truncate">
+        <slot>{{ label }}</slot>
+      </span>
+
+      <slot name="suffix">
+        <FeatherIcon
+          v-if="iconRight && typeof iconRight === 'string'"
+          :name="iconRight"
+          :class="slotClasses"
+          aria-hidden="true"
+        />
           <component
             v-else-if="iconRight"
             :is="iconRight"
             :class="slotClasses"
           />
-        </slot>
-      </button>
-    </div>
+      </slot>
+    </button>
   </Tooltip>
 </template>
 <script lang="ts" setup>
@@ -179,7 +177,7 @@ const buttonClasses = computed(() => {
   }
 
   return [
-    'inline-flex items-center justify-center gap-2 transition-colors focus:outline-none',
+    'inline-flex items-center justify-center gap-2 transition-colors focus:outline-none shrink-0',
     isDisabled.value ? disabledClasses : variantClasses,
     focusClasses,
     sizeClasses,

package/src/components/Sidebar/SidebarItem.vue

@@ -9,6 +9,7 @@
         : 'hover:bg-surface-gray-2'
     "
     variant="ghost"
+    :accesskey="props.accessKey"
   >
     <template #icon>
       <div

package/src/components/Sidebar/SidebarSection.vue

@@ -44,6 +44,7 @@
           v-for="item in props.items"
           :key="item.label"
           :label="item.label"
+          :accessKey="item.accessKey"
           :icon="item.icon"
           :suffix="item.suffix"
           :to="item.to"

package/src/components/Sidebar/types.ts

@@ -13,6 +13,7 @@ export type SidebarHeaderProps = {
 
 export type SidebarItemProps = {
   label: string
+  accessKey?: string
   icon?: any // Icon component
   suffix?: string
   to?: RouteLocationRaw

package/src/components/Tooltip/Tooltip.vue

@@ -34,7 +34,7 @@ const delayDuration = computed(() => props.hoverDelay * 1000)
       </TooltipTrigger>
       <TooltipPortal>
         <TooltipContent
-          v-if="props.text || $slots.body"
+          v-if="props.text || $slots.body || $slots.content"
           :side="props.placement"
           :side-offset="4"
           class="z-[100]"