@monolith-forensics/monolith-ui 1.1.36 → 1.1.38

package/dist/MonolithUIProvider/MonolithUIProvider.d.ts

@@ -1,18 +1,20 @@
 import { DefaultTheme } from "styled-components";
 import { Themes } from "../theme";
 import React from "react";
+type ColorScheme = "LIGHT" | "DARK" | "DEFAULT";
 export interface MonolithUIContextType {
     theme: DefaultTheme;
     Themes: typeof Themes;
-    colorScheme: "LIGHT" | "DARK";
+    colorScheme: ColorScheme;
     toggleColorScheme: () => void;
-    setColorScheme: React.Dispatch<React.SetStateAction<"LIGHT" | "DARK">>;
+    setColorScheme: React.Dispatch<React.SetStateAction<ColorScheme>>;
 }
 export declare const MonolithUIContext: React.Context<MonolithUIContextType | undefined>;
 interface MonolithUIProviderProps {
     children: React.ReactNode | React.ReactNode[];
     theme?: DefaultTheme;
-    defaultColorScheme?: "LIGHT" | "DARK";
+    defaultColorScheme?: ColorScheme;
+    colorScheme?: ColorScheme;
 }
-declare const MonolithUIProvider: ({ children, theme, defaultColorScheme, }: MonolithUIProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const MonolithUIProvider: ({ children, theme, defaultColorScheme, colorScheme, }: MonolithUIProviderProps) => import("react/jsx-runtime").JSX.Element;
 export default MonolithUIProvider;

package/dist/MonolithUIProvider/MonolithUIProvider.js

@@ -5,20 +5,21 @@ import getTheme, { Themes } from "../theme";
 import { createContext, useState } from "react";
 import GlobalStyle from "./GlobalStyle";
 export const MonolithUIContext = createContext(undefined);
-const MonolithUIProvider = ({ children, theme = {}, defaultColorScheme = "DARK", }) => {
-    const [colorScheme, setColorScheme] = useState(defaultColorScheme);
+const MonolithUIProvider = ({ children, theme = {}, defaultColorScheme = "DARK", colorScheme, }) => {
+    const [colorSchemeState, setColorSchemeState] = useState(defaultColorScheme);
     const toggleColorScheme = () => {
-        setColorScheme(colorScheme === "LIGHT" ? "DARK" : "LIGHT");
+        setColorSchemeState((prev) => (prev === "LIGHT" ? "DARK" : "LIGHT"));
     };
-    const defaultTheme = getTheme(colorScheme);
+    const _scheme = colorScheme || colorSchemeState;
+    const defaultTheme = getTheme(_scheme);
     // override default theme with the provided theme
     const _theme = merge(defaultTheme, theme);
     return (_jsx(MonolithUIContext.Provider, { value: {
             theme: _theme,
             Themes,
-            colorScheme,
+            colorScheme: _scheme,
             toggleColorScheme,
-            setColorScheme,
+            setColorScheme: setColorSchemeState,
         }, children: _jsxs(ThemeProvider, { theme: _theme, children: [_jsx(GlobalStyle, { theme: _theme }), children] }) }));
 };
 export default MonolithUIProvider;

package/dist/theme/index.d.ts

@@ -1,5 +1,5 @@
 export { THEMES as Themes } from "./variants";
-declare const getTheme: (scheme: "LIGHT" | "DARK") => {
+declare const getTheme: (scheme: "LIGHT" | "DARK" | "DEFAULT") => {
     name: string;
     typography: {
         fontFamily: string;

package/dist/theme/index.js

@@ -1,7 +1,10 @@
 import variants from "./variants";
 export { THEMES as Themes } from "./variants";
 const getTheme = (scheme) => {
-    let themeConfig = variants.find((variant) => variant.name === scheme);
+    let _scheme = scheme;
+    if (scheme === "DEFAULT")
+        _scheme = "LIGHT"; // Default theme is light theme
+    let themeConfig = variants.find((variant) => variant.name === _scheme);
     if (!themeConfig) {
         themeConfig = variants[0];
     }

package/dist/theme/variants.d.ts

@@ -1,6 +1,7 @@
 export declare const THEMES: {
     DARK: string;
     LIGHT: string;
+    DEFAULT: string;
 };
 declare const variants: {
     name: string;

package/dist/theme/variants.js

@@ -4,6 +4,7 @@ import typography from "./typography";
 export const THEMES = {
     DARK: "DARK",
     LIGHT: "LIGHT",
+    DEFAULT: "DEFAULT",
 };
 const customBlue = {
     50: "#e9f0fb",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.1.36",
+  "version": "1.1.38",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",
@@ -15,6 +15,9 @@
   "scripts": {
     "clean": "rm -r ./dist",
     "build": "tsc",
+    "patch": "yarn version --patch",
+    "minor": "yarn version --minor",
+    "major": "yarn version --major",
     "release": "yarn version --patch --deferred && yarn build && npm publish && yarn clean"
   },
   "dependencies": {