@tanstack/router-devtools 0.0.1-beta.284 → 0.0.1-beta.286

package/build/types/theme.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 export declare const defaultTheme: {
-    readonly background: "#0b1521";
-    readonly backgroundAlt: "#132337";
+    readonly background: "#222222";
+    readonly backgroundAlt: "#292929";
     readonly foreground: "white";
-    readonly gray: "#3f4e60";
-    readonly grayAlt: "#222e3e";
+    readonly gray: "#444";
+    readonly grayAlt: "#444";
     readonly inputBackgroundColor: "#fff";
     readonly inputTextColor: "#000";
-    readonly success: "#00ab52";
+    readonly success: "#80cb00";
     readonly danger: "#ff0085";
-    readonly active: "#006bff";
+    readonly active: "#0099ff";
     readonly warning: "#ffb200";
 };
 export type Theme = typeof defaultTheme;
@@ -19,16 +19,16 @@ interface ProviderProps {
 }
 export declare function ThemeProvider({ theme, ...rest }: ProviderProps): React.JSX.Element;
 export declare function useTheme(): {
-    readonly background: "#0b1521";
-    readonly backgroundAlt: "#132337";
+    readonly background: "#222222";
+    readonly backgroundAlt: "#292929";
     readonly foreground: "white";
-    readonly gray: "#3f4e60";
-    readonly grayAlt: "#222e3e";
+    readonly gray: "#444";
+    readonly grayAlt: "#444";
     readonly inputBackgroundColor: "#fff";
     readonly inputTextColor: "#000";
-    readonly success: "#00ab52";
+    readonly success: "#80cb00";
     readonly danger: "#ff0085";
-    readonly active: "#006bff";
+    readonly active: "#0099ff";
     readonly warning: "#ffb200";
 };
 export {};

package/build/types/utils.d.ts

@@ -3,8 +3,8 @@ import { AnyRootRoute, AnyRoute, AnyRouteMatch } from '@tanstack/react-router';
 import { Theme } from './theme';
 export declare const isServer: boolean;
 type StyledComponent<T> = T extends 'button' ? React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> : T extends 'input' ? React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> : T extends 'select' ? React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> : T extends keyof HTMLElementTagNameMap ? React.HTMLAttributes<HTMLElementTagNameMap[T]> : never;
-export declare function getStatusColor(match: AnyRouteMatch, theme: Theme): "#3f4e60" | "#00ab52" | "#ff0085" | "#006bff";
-export declare function getRouteStatusColor(matches: AnyRouteMatch[], route: AnyRoute | AnyRootRoute, theme: Theme): "#3f4e60" | "#00ab52" | "#ff0085" | "#006bff";
+export declare function getStatusColor(match: AnyRouteMatch, theme: Theme): "#444" | "#80cb00" | "#ff0085" | "#0099ff";
+export declare function getRouteStatusColor(matches: AnyRouteMatch[], route: AnyRoute | AnyRootRoute, theme: Theme): "#444" | "#80cb00" | "#ff0085" | "#0099ff";
 type Styles = React.CSSProperties | ((props: Record<string, any>, theme: Theme) => React.CSSProperties);
 export declare function styled<T extends keyof HTMLElementTagNameMap>(type: T, newStyles: Styles, queries?: Record<string, Styles>): React.ForwardRefExoticComponent<React.PropsWithoutRef<StyledComponent<T>> & React.RefAttributes<HTMLElementTagNameMap[T]>>;
 export declare function useIsMounted(): () => boolean;

package/build/umd/index.development.js

@@ -310,6 +310,15 @@
     }
     return updater;
   }
+  function trimPathLeft(path) {
+    return path === '/' ? path : path.replace(/^\/{1,}/, '');
+  }
+  function trimPathRight(path) {
+    return path === '/' ? path : path.replace(/\/{1,}$/, '');
+  }
+  function trimPath(path) {
+    return trimPathRight(trimPathLeft(path));
+  }
 
   let routerContext = /*#__PURE__*/React__namespace.createContext(null);
   if (typeof document !== 'undefined') {
@@ -329,15 +338,6 @@
     warning(value, 'useRouter must be used inside a <RouterProvider> component!');
     return value;
   }
-  function trimPathLeft(path) {
-    return path === '/' ? path : path.replace(/^\/{1,}/, '');
-  }
-  function trimPathRight(path) {
-    return path === '/' ? path : path.replace(/\/{1,}$/, '');
-  }
-  function trimPath(path) {
-    return trimPathRight(trimPathLeft(path));
-  }
   const sessionsStorage = typeof window !== 'undefined' && window.sessionStorage;
   let cache = sessionsStorage ? (() => {
     const storageKey = 'tsr-scroll-restoration-v2';
@@ -391,16 +391,16 @@
   }
 
   const defaultTheme = {
-    background: '#0b1521',
-    backgroundAlt: '#132337',
+    background: '#222222',
+    backgroundAlt: '#292929',
     foreground: 'white',
-    gray: '#3f4e60',
-    grayAlt: '#222e3e',
+    gray: '#444',
+    grayAlt: '#444',
     inputBackgroundColor: '#fff',
     inputTextColor: '#000',
-    success: '#00ab52',
+    success: '#80cb00',
     danger: '#ff0085',
-    active: '#006bff',
+    active: '#0099ff',
     warning: '#ffb200'
   };
   const ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);