sprintify-ui 0.2.0 → 0.2.1

package/src/components/BaseSwitch.stories.js

@@ -1,7 +1,6 @@
 import BaseSwitch from './BaseSwitch.vue';
 import BaseContainer from './BaseContainer.vue';
 import { createFieldStory } from '../../.storybook/utils';
-import { Icon } from '@iconify/vue';
 
 export default {
   title: 'Form/BaseSwitch',

package/src/components/BaseSwitch.vue

@@ -24,10 +24,16 @@
           }"
           class="flex items-center justify-center transition duration-200 ease-in-out bg-white rounded-full shadow pointer-events-none text-slate-500 ring-0"
         >
-          <BaseIcon v-if="icon" :icon="icon" />
+          <BaseIcon
+            v-if="icon"
+            :icon="icon"
+          />
         </span>
       </Switch>
-      <SwitchLabel v-if="$slots.default" class="cursor-pointer">
+      <SwitchLabel
+        v-if="$slots.default"
+        class="cursor-pointer"
+      >
         <slot />
       </SwitchLabel>
     </div>

package/src/components/BaseSystemAlert.vue

@@ -17,7 +17,10 @@
         </div>
       </div>
     </component>
-    <div v-if="closable" class="absolute top-0 right-0 p-3">
+    <div
+      v-if="closable"
+      class="absolute top-0 right-0 p-3"
+    >
       <button
         type="button"
         class="rounded-full bg-black bg-opacity-50 p-1 text-white"

package/src/components/BaseTabItem.vue

@@ -18,7 +18,10 @@
         ]"
         @click.prevent="onClick(navigate)"
       >
-        <div class="relative flex" :class="sizeClassInner">
+        <div
+          class="relative flex"
+          :class="sizeClassInner"
+        >
           <div
             class="absolute left-0 bottom-0 w-full"
             :class="[
@@ -26,7 +29,7 @@
                 ? 'h-[2px] bg-primary-600'
                 : 'group-hover:h-px group-hover:bg-slate-700',
             ]"
-          ></div>
+          />
           <div class="whitespace-nowrap">
             <slot :active="isActiveInternal(isActive, isExactActive)" />
           </div>

package/src/components/BaseTable.vue

@@ -3,7 +3,10 @@
     class="relative w-full overflow-hidden"
     :class="maxHeight ? 'base-table--has-max-height' : ''"
   >
-    <div ref="slot" style="display: none">
+    <div
+      ref="slot"
+      style="display: none"
+    >
       <slot />
     </div>
 
@@ -17,7 +20,10 @@
         <div class="inline-block min-w-full align-middle">
           <div class="relative min-h-[300px]">
             <table class="min-w-full border-separate border-spacing-0">
-              <thead v-if="newColumns.length" ref="thead">
+              <thead
+                v-if="newColumns.length"
+                ref="thead"
+              >
                 <tr>
                   <th
                     v-if="showDetailRowIcon"
@@ -38,7 +44,7 @@
                         :checked="isAllChecked"
                         :disabled="isAllUncheckable"
                         :class="checkboxStyle"
-                      />
+                      >
                     </div>
                   </th>
                   <th
@@ -84,14 +90,14 @@
                               :opacity="!isAsc ? '0.5' : '1'"
                               fill="currentColor"
                               d="M8.71 12.29L11.3 9.7a.996.996 0 0 1 1.41 0l2.59 2.59c.63.63.18 1.71-.71 1.71H9.41c-.89 0-1.33-1.08-.7-1.71z"
-                            ></path>
+                            />
                           </g>
                           <g transform="translate(0 3)">
                             <path
                               :opacity="isAsc ? '0.5' : '1'"
                               fill="currentColor"
                               d="m8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z"
-                            ></path>
+                            />
                           </g>
                         </svg>
                       </div>
@@ -109,7 +115,7 @@
                       :checked="isAllChecked"
                       :disabled="isAllUncheckable"
                       :class="checkboxStyle"
-                    />
+                    >
                   </th>
                 </tr>
               </thead>
@@ -156,7 +162,7 @@
                           :disabled="!isRowCheckable(row)"
                           :checked="isRowChecked(row)"
                           :class="checkboxStyle"
-                        />
+                        >
                       </div>
                     </td>
 
@@ -197,7 +203,7 @@
                         :disabled="!isRowCheckable(row)"
                         :checked="isRowChecked(row)"
                         :class="checkboxStyle"
-                      />
+                      >
                     </td>
                   </tr>
 
@@ -211,7 +217,11 @@
                         class="td"
                         :class="borderBottomDetailClasses(index)"
                       >
-                        <slot name="detail" :row="row" :index="index" />
+                        <slot
+                          name="detail"
+                          :row="row"
+                          :index="index"
+                        />
                       </td>
                     </tr>
                   </transition>

package/src/components/BaseTagAutocomplete.vue

@@ -55,7 +55,7 @@
             @click="open"
             @input="onTextInput"
             @keydown="onTextKeydown"
-          />
+          >
         </div>
       </div>
     </div>
@@ -82,13 +82,22 @@
           @scroll-bottom="emit('scrollBottom')"
         >
           <template #empty="emptyProps">
-            <slot name="empty" v-bind="{ ...emptyProps, ...slotProps }" />
+            <slot
+              name="empty"
+              v-bind="{ ...emptyProps, ...slotProps }"
+            />
           </template>
           <template #option="optionProps">
-            <slot name="option" v-bind="{ ...optionProps, ...slotProps }" />
+            <slot
+              name="option"
+              v-bind="{ ...optionProps, ...slotProps }"
+            />
           </template>
           <template #footer="footerProps">
-            <slot name="footer" v-bind="{ ...footerProps, ...slotProps }" />
+            <slot
+              name="footer"
+              v-bind="{ ...footerProps, ...slotProps }"
+            />
           </template>
         </BaseAutocompleteDrawer>
       </div>

package/src/components/BaseTagAutocompleteFetch.vue

@@ -18,19 +18,33 @@
     @update:model-value="$emit('update:modelValue', $event)"
   >
     <template #items="itemProps">
-      <slot name="items" v-bind="itemProps" />
+      <slot
+        name="items"
+        v-bind="itemProps"
+      />
     </template>
 
     <template #option="optionProps">
-      <slot name="option" v-bind="optionProps" />
+      <slot
+        name="option"
+        v-bind="optionProps"
+      />
     </template>
 
     <template #footer="footerProps">
-      <slot name="footer" v-bind="footerProps" :keywords="keywords"> </slot>
+      <slot
+        name="footer"
+        v-bind="footerProps"
+        :keywords="keywords"
+      />
     </template>
 
     <template #empty="emptyProps">
-      <slot name="empty" v-bind="emptyProps" :first-search="firstSearch">
+      <slot
+        name="empty"
+        v-bind="emptyProps"
+        :first-search="firstSearch"
+      >
         <div
           v-if="firstSearch"
           class="flex h-[80px] items-center justify-center px-3 text-center text-base leading-tight text-slate-600"

package/src/components/BaseTextareaAutoresize.vue

@@ -1,5 +1,9 @@
 <template>
-  <div ref="wrapper" class="grid" :style="{ maxHeight: maxHeight + 'px' }">
+  <div
+    ref="wrapper"
+    class="grid"
+    :style="{ maxHeight: maxHeight + 'px' }"
+  >
     <textarea
       :value="modelValue"
       :name="nameInternal"
@@ -91,7 +95,7 @@ const props = defineProps({
 
 const emit = defineEmits(['update:modelValue', 'submit', 'focus', 'input']);
 
-const { nameInternal, requiredInternal, hasErrorInternal, emitUpdate } =
+const { nameInternal, requiredInternal, hasErrorInternal } =
   useField({
     name: computed(() => props.name),
     required: computed(() => props.required),

package/src/components/BaseTimeline.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="flow-root">
-    <ul role="list" class="-mb-8">
-      <li v-for="(item, index) in items" :key="index">
+    <ul
+      role="list"
+      class="-mb-8"
+    >
+      <li
+        v-for="(item, index) in items"
+        :key="index"
+      >
         <div class="relative pb-8">
           <span
             v-if="index != items.length - 1"

package/src/svg/BaseEmptyState.vue

@@ -1,5 +1,9 @@
 <template>
-  <svg viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    viewBox="0 0 150 150"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       class="text-slate-100"
       d="M75 150C116.421 150 150 116.421 150 75C150 33.5786 116.421 0 75 0C33.5786 0 0 33.5786 0 75C0 116.421 33.5786 150 75 150Z"

package/src/svg/BaseSpinnerLarge.vue

@@ -14,9 +14,21 @@
       stroke="url(#gradient)"
     />
     <linearGradient id="gradient">
-      <stop offset="50%" stop-color="#2563eb" stop-opacity="1" />
-      <stop offset="65%" stop-color="#2563eb" stop-opacity=".5" />
-      <stop offset="100%" stop-color="#2563eb" stop-opacity="0" />
+      <stop
+        offset="50%"
+        stop-color="#2563eb"
+        stop-opacity="1"
+      />
+      <stop
+        offset="65%"
+        stop-color="#2563eb"
+        stop-opacity=".5"
+      />
+      <stop
+        offset="100%"
+        stop-color="#2563eb"
+        stop-opacity="0"
+      />
     </linearGradient>
   </svg>
 </template>

package/src/svg/BaseSpinnerSmall.vue

@@ -1,6 +1,12 @@
 <template>
-  <svg class="animate-spin" viewBox="0 0 24 24">
-    <path fill="currentColor" d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z" />
+  <svg
+    class="animate-spin"
+    viewBox="0 0 24 24"
+  >
+    <path
+      fill="currentColor"
+      d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z"
+    />
   </svg>
 </template>