@sybilion/uilib 1.2.8 → 1.2.10

package/src/docs/lib/theme.ts

@@ -7,6 +7,12 @@ const defaultConfig = getConfig();
 
 const alphaMods = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
 
+export const DEFAULT_THEME_ACTIVE_COLOR = '#9c59ff';
+
+export type GetThemeConfigOptions = {
+  activeColor?: string;
+};
+
 export const colorsConfig = {
   light: {
     ...ThemeHelpers.colorsConfigToVars({
@@ -26,13 +32,18 @@ export const colorsConfig = {
   },
 };
 
-export function getThemeConfig(isDarkTheme: boolean) {
+export function getThemeConfig(
+  isDarkTheme: boolean,
+  options?: GetThemeConfigOptions,
+) {
+  const activeColor = options?.activeColor ?? DEFAULT_THEME_ACTIVE_COLOR;
+
   return {
     ...defaultConfig,
     ...colorsConfig[isDarkTheme ? 'dark' : 'light'],
     ...ThemeHelpers.colorsConfigToVars({
       active: {
-        color: '#9c59ff',
+        color: activeColor,
         mods: {
           // @ts-ignore
           alpha: alphaMods,

package/src/docs/pages/ChartAreaInteractivePage.tsx

@@ -9,7 +9,7 @@ import type {
 import { ForecastItemData } from '#uilib/components/ui/ChartAreaInteractive/ChartLines';
 import { PageContentSection } from '#uilib/components/ui/Page';
 import { Tabs, TabsList, TabsTrigger } from '#uilib/components/ui/Tabs';
-import { useTheme } from '#uilib/docs/contexts/theme-context';
+import { useTheme } from '#uilib/contexts/theme-context';
 import type { ForecastData } from '#uilib/types/forecast-data';
 
 import { AppPageHeader } from '../components/AppPageHeader/AppPageHeader';

package/src/index.ts

@@ -1,3 +1,5 @@
+export * from './contexts/theme-context';
+export { DEFAULT_THEME_ACTIVE_COLOR } from './docs/lib/theme';
 export * from './sybilion-auth';
 export * from './types/sybilionDatasetSnapshots';
 export * from './contexts/chat-context';
@@ -58,3 +60,6 @@ export * from './components/ui/VimeoEmbed';
 export * from './components/ui/WorkspaceAppSwitcher';
 export * from './components/widgets/SidebarDatasetsItemsGrouped';
 export * from './components/widgets/SybilionAppHeader';
+export * from './components/widgets/SybilionAuthLayout';
+export * from './components/widgets/SybilionSignInPanel';
+export * from './components/widgets/SignInPage';

package/dist/esm/docs/contexts/theme-context.js

@@ -1,14 +0,0 @@
-import 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
-import '@homecode/ui';
-import '../lib/theme.js';
-
-const ThemeContext = createContext({
-    theme: 'light',
-    isDarkMode: false,
-    setTheme: () => { },
-    toggleTheme: () => { },
-});
-const useTheme = () => useContext(ThemeContext);
-
-export { useTheme };