sprintify-ui 0.0.53 → 0.0.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.53",
+  "version": "0.0.55",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAvatar.vue

@@ -3,17 +3,19 @@
     <img
       :src="user.avatar_url"
       :class="[sizeClass, detailsPosition == 'left' ? 'order-2' : 'order-1']"
-      class="shrink-0 overflow-hidden rounded-full"
+      class="shrink-0 overflow-hidden rounded-full object-cover object-center"
     />
     <div
       v-if="showDetails"
       class="max-w-[120px] grow leading-tight"
       :class="[
         textSizeClass,
-        detailsPosition == 'left'
-          ? 'order-1 mr-3 text-right'
-          : 'order-2 ml-3 text-left',
+        detailsPosition == 'left' ? 'order-1 text-right' : 'order-2 text-left',
       ]"
+      :style="{
+        marginLeft: detailsPosition == 'right' ? spacing : '0',
+        marginRight: detailsPosition == 'left' ? spacing : '0',
+      }"
     >
       <div class="truncate">
         {{ user.full_name }}
@@ -94,4 +96,21 @@ const textSizeClass = computed((): string => {
   }
   return base;
 });
+
+const spacing = computed(() => {
+  switch (props.size) {
+    case 'xl':
+      return '0.95rem';
+    case 'lg':
+      return '0.85rem';
+    case 'base':
+      return '0.75rem';
+    case 'sm':
+      return '0.65rem';
+    case 'xs':
+      return '0.5rem';
+    default:
+      return '1rem';
+  }
+});
 </script>

package/src/components/BaseBreadcrumbs.stories.js

@@ -15,7 +15,7 @@ const breadcrumbs = [
     to: '/users/1',
   },
   {
-    label: 'Settings',
+    label: 'Very long title this is a very long title that will be truncated',
     to: '/users/1/settings',
   },
 ];

package/src/components/BaseBreadcrumbs.vue

@@ -34,7 +34,7 @@
                   <BaseIcon :icon="breadcrumb.icon" />
                 </span>
                 <span v-else>
-                  {{ breadcrumb.label }}
+                  {{ truncate(breadcrumb.label) }}
                 </span>
               </a>
             </RouterLink>
@@ -61,6 +61,7 @@
 <script lang="ts" setup>
 import { PropType } from 'vue';
 import { Breadcrumb } from '@/types';
+import { truncate } from 'lodash';
 
 const props = defineProps({
   breadcrumbs: {

package/src/components/BaseInput.vue

@@ -157,11 +157,7 @@ function transformInputValue(event: Event | null): string | null {
   const value = get(event, 'target.value', null);
 
   if (isString(value)) {
-    return trim(value);
-  }
-
-  if (isNumber(value)) {
-    return trim(value + '');
+    return value;
   }
 
   return '';

package/src/components/BaseTextarea.vue

@@ -79,7 +79,7 @@ function transformInputValue(event: Event | null): string | null {
   const value = get(event, 'target.value', null);
 
   if (isString(value)) {
-    return trim(value);
+    return value;
   }
 
   return '';