@flux-ui/dashboard 3.0.0-next.22 → 3.0.0-next.24

package/dist/component/FluxDashboard.vue.d.ts

@@ -26,4 +26,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxDashboard.vue.d.ts.map

package/dist/component/FluxDashboardContent.vue.d.ts

@@ -15,4 +15,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxDashboardContent.vue.d.ts.map

package/dist/component/FluxDashboardHeader.vue.d.ts

@@ -13,7 +13,7 @@ declare function __VLS_template(): {
     rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -21,4 +21,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxDashboardHeader.vue.d.ts.map

package/dist/component/FluxDashboardMenu.vue.d.ts

@@ -14,7 +14,7 @@ declare function __VLS_template(): {
     rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -22,4 +22,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxDashboardMenu.vue.d.ts.map

package/dist/component/FluxDashboardNavigation.vue.d.ts

@@ -15,7 +15,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -23,4 +23,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxDashboardNavigation.vue.d.ts.map

package/dist/component/FluxDashboardSide.vue.d.ts

@@ -20,4 +20,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxDashboardSide.vue.d.ts.map

package/dist/component/FluxDashboardTopBar.vue.d.ts

@@ -15,4 +15,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxDashboardTopBar.vue.d.ts.map

package/dist/component/index.d.ts

@@ -4,4 +4,3 @@ export { default as FluxDashboardHeader } from './FluxDashboardHeader.vue';
 export { default as FluxDashboardMenu } from './FluxDashboardMenu.vue';
 export { default as FluxDashboardNavigation } from './FluxDashboardNavigation.vue';
 export { default as FluxDashboardSide } from './FluxDashboardSide.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/composable/index.d.ts

@@ -1,2 +1 @@
 export { default as useDashboardInjection } from './useDashboardInjection';
-//# sourceMappingURL=index.d.ts.map

package/dist/composable/useDashboardInjection.d.ts

@@ -1,3 +1,2 @@
 import { FluxDashboardInjection } from '../data';
 export default function (): FluxDashboardInjection;
-//# sourceMappingURL=useDashboardInjection.d.ts.map

package/dist/data/index.d.ts

@@ -4,4 +4,3 @@ export type FluxDashboardInjection = {
     readonly isMenuCollapsed: Ref<boolean>;
     readonly isNavigationCollapsed: Ref<boolean>;
 };
-//# sourceMappingURL=index.d.ts.map

package/dist/index.css

@@ -1,13 +1,13 @@
 :root {
-  --dashboard-background: var(--gray-0);
+  --dashboard-background: var(--gray-25);
   --dashboard-duration: 360ms;
-  --dashboard-navigation-background: var(--primary-11);
-  --dashboard-navigation-foreground: var(--primary-0);
+  --dashboard-navigation-background: var(--primary-950);
+  --dashboard-navigation-foreground: var(--primary-25);
 }
 
 [dark] {
-  --dashboard-navigation-background: color-mix(in oklch, var(--gray-0), black 25%);
-  --dashboard-navigation-foreground: var(--gray-9);
+  --dashboard-navigation-background: color-mix(in srgb, var(--gray-25), black 25%);
+  --dashboard-navigation-foreground: var(--gray-800);
 }
 
 body:has(.root > .dashboard) {
@@ -84,7 +84,7 @@ body:has(.root > .dashboard) {
   padding-right: 30px;
 }
 .dashboard-content > .table {
-  border-top: 1px solid var(--gray-2);
+  border-top: 1px solid var(--surface-stroke);
 }
 .dashboard-content > .table .table-cell:first-child .table-cell-content {
   padding-left: 30px;
@@ -107,7 +107,7 @@ body:has(.root > .dashboard) {
   align-items: center;
   flex-flow: row;
   gap: 15px;
-  background: oklch(from var(--gray-0) l c h/0.9);
+  background: rgb(from var(--gray-25) r g b/0.9);
   backdrop-filter: blur(10px) saturate(180%);
   z-index: 100;
 }
@@ -133,7 +133,7 @@ body:has(.root > .dashboard) {
 }
 
 [dark] .dashboard-header-scrolled {
-  box-shadow: 0 1px 0 var(--gray-1), var(--shadow-md);
+  box-shadow: 0 1px 0 var(--gray-50), var(--shadow-md);
 }
 
 @media (max-width: 1023.98px) {
@@ -144,18 +144,18 @@ body:has(.root > .dashboard) {
     display: none;
   }
 }.dashboard-pane {
-  background: var(--gray-1);
+  background: var(--gray-50);
   overflow: auto;
   z-index: 200;
 }
 .dashboard-pane .menu-sub-header {
-  background: linear-gradient(to bottom, var(--gray-1) 75%, transparent);
+  background: linear-gradient(to bottom, var(--gray-50) 75%, transparent);
 }
 .dashboard-pane .dashboard-top-bar {
-  background: oklch(from var(--gray-1) l c h/0.9);
+  background: rgb(from var(--gray-50) r g b/0.9);
 }
 .dashboard-pane .filter {
-  --background: var(--gray-1);
+  --background: var(--gray-50);
   max-height: calc(100dvh - 84px);
   margin-top: -9px;
   padding: 9px 18px 18px;
@@ -182,7 +182,7 @@ body:has(.root > .dashboard) {
 }
 
 .dashboard-menu {
-  border-right: 1px solid var(--gray-2);
+  border-right: 1px solid var(--surface-stroke);
 }
 
 .dashboard-menu-body {
@@ -190,7 +190,7 @@ body:has(.root > .dashboard) {
 }
 
 .dashboard-side {
-  border-left: 1px solid var(--gray-2);
+  border-left: 1px solid var(--surface-stroke);
 }
 
 @media (min-width: 1024px) {
@@ -222,7 +222,7 @@ body:has(.root > .dashboard) {
   margin: 3px 15px;
 }
 .dashboard-navigation .divider-line {
-  background: var(--primary-10);
+  background: var(--primary-900);
 }
 .dashboard-navigation .menu {
   flex-grow: 1;
@@ -237,14 +237,14 @@ body:has(.root > .dashboard) {
 }
 @media (hover: hover) {
   .dashboard-navigation .menu-item:hover {
-    background: var(--primary-10);
+    background: var(--primary-900);
   }
 }
 .dashboard-navigation .menu-item:active {
-  background: var(--primary-9);
+  background: var(--primary-800);
 }
 .dashboard-navigation .menu-item-highlighted {
-  background: oklch(from var(--primary-10) l c h/0.5);
+  background: var(--primary-900);
 }
 .dashboard-navigation .menu-item-icon {
   color: var(--dashboard-navigation-foreground);
@@ -260,18 +260,18 @@ body:has(.root > .dashboard) {
 }
 
 [dark] .dashboard-navigation .divider-line {
-  background: var(--gray-2);
+  background: var(--gray-100);
 }
 @media (hover: hover) {
   [dark] .dashboard-navigation .menu-item:hover {
-    background: var(--gray-2);
+    background: var(--gray-100);
   }
 }
 [dark] .dashboard-navigation .menu-item:active {
-  background: var(--gray-3);
+  background: var(--gray-200);
 }
 [dark] .dashboard-navigation .menu-item-highlighted {
-  background: var(--gray-1);
+  background: var(--gray-50);
 }
 
 .dashboard-navigation-logo {
@@ -301,11 +301,11 @@ body:has(.root > .dashboard) {
   display: block;
   inset: 0;
   content: "";
-  background: var(--gray-1);
+  background: var(--gray-50);
 }
 
 .dashboard:not(:has(.dashboard-menu)) .dashboard-navigation-rounding-fix::before {
-  background: var(--gray-0);
+  background: var(--gray-25);
 }
 
 @media (min-width: 1024px) {
@@ -364,7 +364,7 @@ body:has(.root > .dashboard) {
     width: 100dvw;
     height: 100dvh;
     content: "";
-    background: oklch(from var(--gray-3) l c h/0.5);
+    background: rgb(from var(--gray-200) r g b/0.5);
     backdrop-filter: blur(3px) saturate(180%);
     transition: var(--dashboard-duration) var(--swift-out);
     transition-property: background, backdrop-filter;
@@ -422,4 +422,4 @@ body:has(.root > .dashboard) {
     pointer-events: none;
     translate: -100% 0;
   }
-}
+}/*$vite$:1*/

package/dist/index.d.ts

@@ -1,4 +1,3 @@
 export * from './component';
 export * from './composable';
 export * from './data';
-//# sourceMappingURL=index.d.ts.map