@dbcdk/react-components 0.0.179 → 0.0.180

package/README.md

@@ -108,15 +108,16 @@ instead of `useTheme()`:
 import { useGetActiveTheme } from '@dbcdk/react-components/client'
 
 export function ThemeBadge() {
-  const { theme, colorScheme } = useGetActiveTheme()
+  const { theme, colorScheme, themeKey } = useGetActiveTheme()
 
-  return <span>{theme} / {colorScheme}</span>
+  return <span>{themeKey ?? `${theme} / ${colorScheme}`}</span>
 }
 ```
 
 `useGetActiveTheme()` is intentionally read-only and takes no options. It
 reports the current active theme state as established by `ThemeScript`,
-persisted storage, or another mounted theme control.
+persisted storage, or another mounted theme control. `themeKey` is only set
+when both `theme` and `colorScheme` are resolved, and is otherwise `null`.
 
 ---
 

package/dist/hooks/useGetActiveTheme.cjs

@@ -7,7 +7,8 @@ var useTheme = require('./useTheme');
 function useGetActiveTheme() {
   const { theme } = useTheme.useTheme();
   const { colorScheme } = useColorScheme.useColorScheme();
-  return { theme, colorScheme };
+  const themeKey = theme && colorScheme ? `${theme}-${colorScheme}` : null;
+  return { theme, colorScheme, themeKey };
 }
 
 exports.useGetActiveTheme = useGetActiveTheme;

package/dist/hooks/useGetActiveTheme.d.ts

@@ -4,5 +4,6 @@ export type { ColorScheme, ThemeId };
 export interface UseGetActiveThemeResult {
     theme: ThemeId | null;
     colorScheme: ColorScheme | null;
+    themeKey: string | null;
 }
 export declare function useGetActiveTheme(): UseGetActiveThemeResult;

package/dist/hooks/useGetActiveTheme.js

@@ -5,7 +5,8 @@ import { useTheme } from './useTheme';
 function useGetActiveTheme() {
   const { theme } = useTheme();
   const { colorScheme } = useColorScheme();
-  return { theme, colorScheme };
+  const themeKey = theme && colorScheme ? `${theme}-${colorScheme}` : null;
+  return { theme, colorScheme, themeKey };
 }
 
 export { useGetActiveTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.179",
+  "version": "0.0.180",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",