sprintify-ui 0.5.3 → 0.5.6

package/dist/sprintify-ui.es.js

@@ -34285,7 +34285,7 @@ const Vf = /* @__PURE__ */ Te({
     }
   },
   setup(n) {
-    const t = n, e = C0(), r = U(() => e.width.value < t.breakpoint), i = U(() => t.height ? t.height : t.size == "xs" ? 48 : t.size == "sm" ? 56 : 64), o = U(() => t.dark ? "bg-slate-900" : "bg-white"), a = U(() => Gn(
+    const t = n, e = C0(), r = U(() => e.width.value < t.breakpoint), i = U(() => t.height ? t.height : t.size == "xs" ? 48 : t.size == "sm" ? 56 : 64), o = U(() => t.dark ? "bg-slate-800" : "bg-white"), a = U(() => Gn(
       "w-full",
       o.value,
       t.class
@@ -34391,7 +34391,7 @@ const Vf = /* @__PURE__ */ Te({
       const a = [
         "flex items-center w-full"
       ];
-      return t.active ? t.dark ? a.push("text-white") : a.push("text-slate-900") : t.dark ? a.push("hover:text-white text-slate-200") : a.push(
+      return t.active ? t.dark ? a.push("text-white") : a.push("text-primary-600") : t.dark ? a.push("hover:text-white text-slate-300") : a.push(
         "hover:text-slate-900 text-slate-800"
       ), a;
     }), r = U(() => {
@@ -45292,8 +45292,7 @@ const RL = /* @__PURE__ */ Qn(ML, [["__scopeId", "data-v-ee03d0ec"]]), IL = { cl
         }, 1032, ["color", "to", "action", "closable", "onClose"]))), 128)),
         Se(Ub, Yt(o.navbar, {
           dark: o.dark,
-          size: o.size,
-          class: "shadow"
+          size: o.size
         }), {
           navbar: Ce((l) => [
             $e(o.$slots, "navbar", jt($t(l)))
@@ -45536,7 +45535,8 @@ const RL = /* @__PURE__ */ Qn(ML, [["__scopeId", "data-v-ee03d0ec"]]), IL = { cl
       const a = Kt("RouterLink");
       return B(), je(l0, {
         size: n.size,
-        dark: n.dark
+        dark: n.dark,
+        navbar: n.navbar
       }, {
         navbar: Ce(() => [
           L("div", s4, [
@@ -45626,7 +45626,7 @@ const RL = /* @__PURE__ */ Qn(ML, [["__scopeId", "data-v-ee03d0ec"]]), IL = { cl
           $e(i.$slots, "default")
         ]),
         _: 3
-      }, 8, ["size", "dark"]);
+      }, 8, ["size", "dark", "navbar"]);
     };
   }
 }), v4 = { class: "min-h-full" }, y4 = /* @__PURE__ */ L("div", { class: "fixed inset-0 bg-opacity-75 bg-slate-600" }, null, -1), b4 = { class: "fixed inset-0 z-40 flex" }, w4 = { class: "absolute top-0 right-0 pt-2 -mr-12" }, x4 = /* @__PURE__ */ L("span", { class: "sr-only" }, "Close sidebar", -1), E4 = { class: "flex items-center flex-shrink-0 px-4" }, S4 = ["src", "alt"], _4 = {

package/dist/types/src/components/BaseActionItem.vue.d.ts

@@ -1,4 +1,4 @@
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     item: {
         type: import("vue").PropType<ActionItem>;

package/dist/types/src/components/BaseActionItemButton.vue.d.ts

@@ -1,4 +1,4 @@
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     item: {
         type: import("vue").PropType<ActionItem>;

package/dist/types/src/components/BaseDataIterator.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { Collection, DataIteratorSection, DataTableQuery } from '@/types';
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 type Direction = 'asc' | 'desc';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**

package/dist/types/src/components/BaseDataTable.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { CollectionItem, DataIteratorSection, DataTableQuery, RowAction } from '@/types';
 import { RouteLocationRaw } from 'vue-router';
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 declare function fetch(): void;
 declare function fetchWithoutLoading(): void;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{

package/dist/types/src/components/BaseHeader.vue.d.ts

@@ -1,5 +1,4 @@
-import { Breadcrumb } from '@/types';
-import { ActionItem } from '@/types/ActionItem';
+import { Breadcrumb, ActionItem } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     title: {
         type: import("vue").PropType<string>;

package/dist/types/src/components/BaseLayoutSidebarConfigurable.vue.d.ts

@@ -1,7 +1,7 @@
 import { User } from '@/types/User';
+import { ActionItem } from '@/types';
 import { PropType } from 'vue';
 import { NotificationsConfig } from '../types';
-import { ActionItem } from '@/types/ActionItem';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     appName: {
         default: string;

package/dist/types/src/components/BaseLayoutStackedConfigurable.vue.d.ts

@@ -1,7 +1,6 @@
 import { User } from '@/types/User';
+import { ActionItem, NotificationsConfig } from '@/types';
 import { PropType } from 'vue';
-import { NotificationsConfig } from '../types';
-import { ActionItem } from '@/types/ActionItem';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     appName: {
         default: string;

package/dist/types/src/components/BaseMenu.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     items: {
         default: undefined;

package/dist/types/src/components/BaseNavbarItem.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     item: {
         required: true;

package/dist/types/src/components/BaseNavbarSideItem.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 declare const _default: import("vue").DefineComponent<{
     item: {
         required: true;

package/dist/types/src/types/index.d.ts

@@ -52,6 +52,19 @@ export interface PaginatedCollection extends PaginationMetadata {
     data: Collection;
 }
 export type ActionColors = 'dark' | 'light' | 'danger' | 'success' | 'warning' | 'primary' | 'secondary';
+export interface ActionItem {
+    label?: string;
+    description?: string;
+    href?: string;
+    to?: RouteLocationRaw;
+    action?: () => Promise<void> | void;
+    icon?: string;
+    count?: number;
+    color?: ActionColors;
+    disabled?: boolean;
+    meta?: Record<string, any>;
+    actions?: ActionItem[];
+}
 export type Row = Record<string, any>;
 export interface BaseTableColumn {
     id: string;

package/package.json

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

package/src/components/BaseActionItem.vue

@@ -46,7 +46,7 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 import { twMerge } from 'tailwind-merge';
 
 const props = defineProps<{

package/src/components/BaseActionItemButton.vue

@@ -18,7 +18,7 @@
 
 <script lang="ts" setup>
 import { BaseIcon } from '..';
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 import BaseActionItem from './BaseActionItem.vue';
 
 const props = withDefaults(

package/src/components/BaseDataIterator.vue

@@ -231,7 +231,7 @@ import {
   PaginatedCollection,
   ResourceCollection,
 } from '@/types';
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 
 import BaseMenu from './BaseMenu.vue';
 import BasePagination from './BasePagination.vue';

package/src/components/BaseDataTable.vue

@@ -260,7 +260,7 @@ import BaseEmptyState from '../svg/BaseEmptyState.vue';
 import { RouteLocationRaw } from 'vue-router';
 import BaseMenu from './BaseMenu.vue';
 import BaseDataTableRowAction from './BaseDataTableRowAction.vue';
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 
 const router = useRouter();
 

package/src/components/BaseHeader.vue

@@ -99,8 +99,7 @@
 </template>
 
 <script setup lang="ts">
-import { Breadcrumb } from '@/types';
-import { ActionItem } from '@/types/ActionItem';
+import { Breadcrumb, ActionItem } from '@/types';
 import { useResizeObserver } from '@vueuse/core';
 import { BaseBreadcrumbs, BaseIcon } from '..';
 import BaseActionItemButton from './BaseActionItemButton.vue';

package/src/components/BaseLayoutSidebarConfigurable.vue

@@ -101,9 +101,9 @@
 
 <script setup lang="ts">
 import { User } from '@/types/User';
+import { ActionItem } from '@/types';
 import { PropType } from 'vue';
 import { NotificationsConfig } from '../types';
-import { ActionItem } from '@/types/ActionItem';
 import BaseAvatar from './BaseAvatar.vue';
 import BaseLayoutNotificationDropdown from './BaseLayoutNotificationDropdown.vue';
 import BaseLayoutSidebar from './BaseLayoutSidebar.vue';

package/src/components/BaseLayoutStacked.vue

@@ -16,7 +16,6 @@
       v-bind="navbar"
       :dark="dark"
       :size="size"
-      class="shadow"
     >
       <template #navbar="navbarProps">
         <slot

package/src/components/BaseLayoutStackedConfigurable.stories.js

@@ -8,6 +8,10 @@ export default {
     layout: 'fullscreen',
   },
   args: {
+    navbar: {
+      dark: true,
+      class: 'shadow-sm border-t-[3px] border-primary-500'
+    },
     appName: 'Sprintify',
     user: {
       email: 'jane@witify.io',

package/src/components/BaseLayoutStackedConfigurable.vue

@@ -2,6 +2,7 @@
   <BaseLayoutStacked
     :size="size"
     :dark="dark"
+    :navbar="navbar"
   >
     <template #navbar>
       <div class="flex w-full justify-between">
@@ -113,9 +114,8 @@
 
 <script lang="ts" setup>
 import { User } from '@/types/User';
+import { ActionItem, NotificationsConfig } from '@/types';
 import { PropType } from 'vue';
-import { NotificationsConfig } from '../types';
-import { ActionItem } from '@/types/ActionItem';
 import BaseAvatar from './BaseAvatar.vue';
 import BaseLayoutStacked from './BaseLayoutStacked.vue';
 import BaseMenu from './BaseMenu.vue';

package/src/components/BaseMenu.vue

@@ -120,7 +120,7 @@ import { PropType } from 'vue';
 import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/vue';
 import BaseMenuItem from './BaseMenuItem.vue';
 import { twMerge } from 'tailwind-merge';
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 
 const props = defineProps({
   items: {

package/src/components/BaseNavbar.vue

@@ -123,7 +123,7 @@ const heightInner = computed(() => {
 });
 
 const backgroundClass = computed(() => {
-  return props.dark ? 'bg-slate-900' : 'bg-white';
+  return props.dark ? 'bg-slate-800' : 'bg-white';
 });
 
 const classInternal = computed(() => {

package/src/components/BaseNavbarItem.vue

@@ -47,7 +47,7 @@
 
 <script setup lang="ts">
 import { PropType, Ref } from 'vue';
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 import BaseActionItem from './BaseActionItem.vue';
 import BaseNavbarItemContent from './BaseNavbarItemContent.vue';
 import BaseMenuItem from './BaseMenuItem.vue';

package/src/components/BaseNavbarItemContent.vue

@@ -64,11 +64,11 @@ const classes = computed(() => {
     if (props.dark) {
       classList.push('text-white');
     } else {
-      classList.push('text-slate-900');
+      classList.push('text-primary-600');
     }
   } else {
     if (props.dark) {
-      classList.push('hover:text-white text-slate-200');
+      classList.push('hover:text-white text-slate-300');
     } else {
       classList.push(
         'hover:text-slate-900 text-slate-800'

package/src/components/BaseNavbarSideItem.vue

@@ -51,7 +51,7 @@
 
 <script setup lang="ts">
 import { PropType } from 'vue';
-import { ActionItem } from '@/types/ActionItem';
+import { ActionItem } from '@/types';
 import BaseActionItem from './BaseActionItem.vue';
 import BaseNavbarSideItemContent from './BaseNavbarSideItemContent.vue';
 import BaseCounter from './BaseCounter.vue';

package/src/types/index.ts

@@ -75,6 +75,20 @@ export type ActionColors =
   | 'primary'
   | 'secondary';
 
+export interface ActionItem {
+  label?: string;
+  description?: string;
+  href?: string;
+  to?: RouteLocationRaw;
+  action?: () => Promise<void> | void;
+  icon?: string;
+  count?: number;
+  color?: ActionColors;
+  disabled?: boolean;
+  meta?: Record<string, any>;
+  actions?: ActionItem[];
+}
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type Row = Record<string, any>;
 
@@ -236,4 +250,4 @@ export interface BaseCropperConfig {
   preset?: CropperPreset;
   presetOptions?: Record<string, any>;
   saveOptions?: ResultOptions;
-}
+}

package/dist/types/src/types/ActionItem.d.ts

@@ -1,15 +0,0 @@
-import { RouteLocationRaw } from "vue-router";
-import { ActionColors } from ".";
-export interface ActionItem {
-    label?: string;
-    description?: string;
-    href?: string;
-    to?: RouteLocationRaw;
-    action?: () => Promise<void> | void;
-    icon?: string;
-    count?: number;
-    color?: ActionColors;
-    disabled?: boolean;
-    meta?: Record<string, any>;
-    actions?: ActionItem[];
-}

package/src/types/ActionItem.ts

@@ -1,16 +0,0 @@
-import { RouteLocationRaw } from "vue-router";
-import { ActionColors } from ".";
-
-export interface ActionItem {
-    label?: string;
-    description?: string;
-    href?: string;
-    to?: RouteLocationRaw;
-    action?: () => Promise<void> | void;
-    icon?: string;
-    count?: number;
-    color?: ActionColors;
-    disabled?: boolean;
-    meta?: Record<string, any>;
-    actions?: ActionItem[];
-}