sprintify-ui 0.2.1 → 0.2.4

package/src/components/BaseDatePicker.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="base-date-picker relative">
+  <div class="relative">
     <div
       class="pointer-events-none absolute top-0 left-0 flex h-[42px] items-center justify-center pl-2.5"
     >
@@ -42,7 +42,6 @@ import { DateTime } from 'luxon';
 import { Icon as BaseIcon } from '@iconify/vue';
 import { useField } from '@/composables/field';
 import flatpickr from 'flatpickr';
-import 'flatpickr/dist/flatpickr.css';
 
 import { t } from '@/i18n';
 import { French } from 'flatpickr/dist/l10n/fr';
@@ -160,6 +159,7 @@ const flatpickrConfig = computed(() => {
     dateFormat: formatInternal.value,
     mode: props.mode,
     locale: locale.value,
+    monthSelectorType: 'static',
     minDate: props.minDate ?? undefined,
     maxDate: props.maxDate ?? undefined,
     noCalendar: props.noCalendar,
@@ -167,6 +167,8 @@ const flatpickrConfig = computed(() => {
     inline: props.inline,
     animate: false,
     time_24hr: true,
+    prevArrow: '<svg class="fill-current" width="7" height="11" viewBox="0 0 7 11"><path d="M5.4 10.8l1.4-1.4-4-4 4-4L5.4 0 0 5.4z" /></svg>',
+    nextArrow: '<svg class="fill-current" width="7" height="11" viewBox="0 0 7 11"><path d="M1.4 10.8L0 9.4l4-4-4-4L1.4 0l5.4 5.4z" /></svg>',
   } as any;
 });
 
@@ -277,101 +279,3 @@ function clear() {
   emitUpdate(null);
 }
 </script>
-
-<style lang="postcss">
-body .flatpickr-calendar {
-  width: 280px;
-  box-shadow: 1px 0 0 #cbd5e1, -1px 0 0 #cbd5e1, 0 1px 0 #cbd5e1,
-    0 -1px 0 #cbd5e1, 0 3px 13px rgb(0 0 0 / 10%);
-
-  &.inline {
-    width: 260px;
-    box-shadow: none;
-    border: none;
-    padding: 0;
-
-    .flatpickr-months {
-      width: 260px;
-    }
-
-    .flatpickr-innerContainer {
-      padding: 0;
-      width: 260px;
-    }
-  }
-
-  .dayContainer {
-    width: 260px;
-    max-width: 260px;
-    min-width: 260px;
-  }
-
-  .flatpickr-day {
-    height: 36px;
-    line-height: 36px;
-  }
-
-  .flatpickr-months {
-    width: 280px;
-    padding-top: 10px;
-
-    .flatpickr-prev-month,
-    .flatpickr-next-month {
-      top: 5px;
-    }
-
-    .flatpickr-prev-month {
-      left: 2px;
-    }
-
-    .flatpickr-next-month {
-      right: 2px;
-    }
-
-    .flatpickr-prev-month:hover svg,
-    .flatpickr-next-month:hover svg {
-      fill: #888;
-    }
-  }
-
-  .flatpickr-current-month {
-    padding-top: 1px;
-
-    .flatpickr-monthDropdown-months {
-      font-weight: 400;
-      height: 25px;
-      &:focus {
-        box-shadow: none;
-      }
-    }
-
-    input.cur-year {
-      font-weight: 400;
-      height: 25px;
-      &:focus {
-        box-shadow: none;
-      }
-    }
-  }
-
-  .flatpickr-innerContainer {
-    padding: 10px;
-    padding-top: 0;
-    width: 280px;
-  }
-
-  .flatpickr-rContainer {
-    width: 260px;
-  }
-
-  .numInput {
-    &:focus {
-      box-shadow: none;
-    }
-  }
-}
-
-.flatpickr-calendar span.flatpickr-weekday {
-  @apply font-medium text-slate-400;
-}
-</style>

package/src/components/index.ts

@@ -74,6 +74,8 @@ import BaseSideNavigation from './BaseSideNavigation.vue';
 import BaseSideNavigationItem from './BaseSideNavigationItem.vue';
 import BaseSkeleton from './BaseSkeleton.vue';
 import BaseStatistic from './BaseStatistic.vue';
+import BaseStepper from './BaseStepper.vue';
+import BaseStepperItem from './BaseStepperItem.vue';
 import BaseSwitch from './BaseSwitch.vue';
 import BaseSystemAlert from './BaseSystemAlert.vue';
 import BaseTabs from './BaseTabs.vue';
@@ -169,6 +171,8 @@ export {
   BaseSideNavigationItem,
   BaseSkeleton,
   BaseStatistic,
+  BaseStepper,
+  BaseStepperItem,
   BaseSwitch,
   BaseSystemAlert,
   BaseTabs,

package/src/lang/en.json

@@ -84,4 +84,4 @@
     "you_can_upload_up_to_n_files": "You can upload one file at most|You can upload up to {count} files",
     "you_cannot_select_more_than_x_items": "You can't select more than one item|You can't select more than {count} items"
   }
-}
+}

package/src/lang/fr.json

@@ -84,4 +84,4 @@
     "you_can_upload_up_to_n_files": "Vous pouvez télécharger un fichier au maximum|Vous pouvez télécharger jusqu'à {count} fichiers",
     "you_cannot_select_more_than_x_items": "Vous ne pouvez pas sélectionner plus de un élément|Vous ne pouvez pas sélectionner plus de {count} éléments"
   }
-}
+}