@kwiz/fluentui 1.0.96 → 1.0.98

package/dist/helpers/index.d.ts

@@ -5,4 +5,5 @@ export * from './hooks';
 export * from './hooks-events';
 export * from './use-alerts';
 export * from './use-editable-control';
+export * from './use-theme';
 export * from './use-toast';

package/dist/helpers/index.js

@@ -5,5 +5,6 @@ export * from './hooks';
 export * from './hooks-events';
 export * from './use-alerts';
 export * from './use-editable-control';
+export * from './use-theme';
 export * from './use-toast';
 //# sourceMappingURL=index.js.map

package/dist/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/helpers/use-theme.d.ts

@@ -0,0 +1,7 @@
+export type themeScheme = "light" | "dark";
+export interface iThemeInfo {
+    auto: boolean;
+    scheme: themeScheme;
+}
+export declare function setThemeInfo(themeInfo: iThemeInfo): void;
+export declare function useTheme(): iThemeInfo;

package/dist/helpers/use-theme.js

@@ -0,0 +1,48 @@
+"use client";
+import { deleteCookie, forEach, getCookie, getGlobal, isNullOrUndefined, setCookie } from "@kwiz/common";
+import { useEffect, useId, useState } from "react";
+const $themeCookie = "KWTheme";
+function getDefaultThemeInfo() {
+    const themeInfo = { auto: true, scheme: window.matchMedia('(prefers-color-scheme: dark)').matches ? "dark" : "light" };
+    return themeInfo;
+}
+function getThemeInfo() {
+    let themeInfo = null;
+    const cookie = getCookie($themeCookie);
+    if (isNullOrUndefined(cookie)) {
+        themeInfo = getDefaultThemeInfo();
+    }
+    else {
+        themeInfo = { auto: false, scheme: cookie === "dark" ? "dark" : "light" };
+    }
+    return themeInfo;
+}
+const globals = getGlobal("g_theme", {
+    theme: getThemeInfo(),
+    g_update_handlers: {}
+});
+export function setThemeInfo(themeInfo) {
+    const newThemeInfo = (themeInfo.auto && isNullOrUndefined(themeInfo.scheme))
+        ? getDefaultThemeInfo()
+        : themeInfo;
+    if (!themeInfo.auto) {
+        setCookie($themeCookie, themeInfo.scheme, 365);
+    }
+    else {
+        deleteCookie($themeCookie);
+    }
+    globals.theme = newThemeInfo;
+    forEach(globals.g_update_handlers, (name, value) => value(globals.theme));
+}
+export function useTheme() {
+    const [theme, setTheme] = useState(globals.theme);
+    const id = useId();
+    useEffect(() => {
+        globals.g_update_handlers[id] = (newTheme) => { setTheme(newTheme); };
+        return () => {
+            delete globals.g_update_handlers[id];
+        };
+    }, [id]);
+    return theme;
+}
+//# sourceMappingURL=use-theme.js.map

package/dist/helpers/use-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../src/helpers/use-theme.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAe,iBAAiB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,YAAY,GAAG,SAAS,CAAC;AAO/B,SAAS,mBAAmB;IACxB,MAAM,SAAS,GAAe,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IACnI,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,SAAS,YAAY;IACjB,IAAI,SAAS,GAAe,IAAI,CAAC;IACjC,MAAM,MAAM,GAAG,SAAS,CAAC,YAAY,CAAgB,CAAC;IACtD,IAAI,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACtC,CAAC;SAAM,CAAC;QACJ,SAAS,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IAC9E,CAAC;IACD,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,MAAM,OAAO,GAGT,SAAS,CAAC,SAAS,EAAE;IACrB,KAAK,EAAE,YAAY,EAAE;IACrB,iBAAiB,EAAE,EAAE;CACxB,CAAC,CAAC;AAEH,MAAM,UAAU,YAAY,CAAC,SAAqB;IAC9C,MAAM,YAAY,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACxE,CAAC,CAAC,mBAAmB,EAAE;QACvB,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QAClB,SAAS,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnD,CAAC;SAAM,CAAC;QACJ,YAAY,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC;IAC7B,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9E,CAAC;AAED,MAAM,UAAU,QAAQ;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACtE,OAAO,GAAG,EAAE;YACR,OAAO,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;QACzC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACT,OAAO,KAAK,CAAC;AACjB,CAAC"}

package/dist/styles/index.d.ts

@@ -1 +1,2 @@
 export { commonSizes, KnownClassNames, useCommonStyles } from './styles';
+export * from "./theme";

package/dist/styles/index.js

@@ -1,2 +1,3 @@
 export { commonSizes, KnownClassNames, useCommonStyles } from './styles';
+export * from "./theme";
 //# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACzE,cAAc,SAAS,CAAC"}

package/dist/styles/theme.d.ts

@@ -4,3 +4,6 @@ export interface iThemeContext {
     dark?: boolean;
 }
 export declare function getTheme(ctx: iThemeContext, t?: BrandVariants): Theme;
+export declare const kThemeDefault: BrandVariants;
+export declare const kThemeOrange: BrandVariants;
+export declare const kThemeSecondary: BrandVariants;

package/dist/styles/theme.js

@@ -4,7 +4,7 @@ export function getTheme(ctx, t = kThemeDefault) {
         ? getDarkTheme(ctx, t)
         : getLightTheme(ctx, t);
 }
-const kThemeDefault = {
+export const kThemeDefault = {
     10: "#04010A",
     20: "#16103B",
     30: "#17176F",
@@ -22,7 +22,7 @@ const kThemeDefault = {
     150: "#CBC1E7",
     160: "#D9D2EE"
 };
-const kThemeOrange = {
+export const kThemeOrange = {
     10: "#040301",
     20: "#1E170A",
     30: "#312610",
@@ -40,7 +40,7 @@ const kThemeOrange = {
     150: "#FFC001",
     160: "#FFD47F"
 };
-const kThemeSecondary = {
+export const kThemeSecondary = {
     10: "#020304",
     20: "#101A1D",
     30: "#162B32",

package/dist/styles/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,eAAe,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOtI,MAAM,UAAU,QAAQ,CAAC,GAAkB,EAAE,IAAmB,aAAa;IACzE,OAAO,GAAG,CAAC,IAAI;QACX,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC;QACtB,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AAChC,CAAC;AAGD,MAAM,aAAa,GAAkB;IACjC,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,YAAY,GAAkB;IAChC,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,eAAe,GAAkB;IACnC,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACjB,CAAC;AAEF,SAAS,aAAa,CAAC,GAAkB,EAAE,IAAmB,aAAa;IACvE,IAAI,GAAG,CAAC,KAAK;QAAE,OAAO,eAAe,CAAC;IACtC,kCAAkC;IAClC,MAAM,UAAU,qBACT,gBAAgB,CAAC,CAAC,CAAC,CACzB,CAAC;IACF,OAAO,UAAU,CAAC;AACtB,CAAC;AAED,SAAS,YAAY,CAAC,GAAkB,EAAE,IAAmB,aAAa;IACtE,IAAI,GAAG,CAAC,KAAK;QAAE,OAAO,cAAc,CAAC;IACrC,iCAAiC;IACjC,MAAM,SAAS,qBACR,eAAe,CAAC,CAAC,CAAC,CACxB,CAAC;IAEF,SAAS,CAAC,qBAAqB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IACzC,SAAS,CAAC,qBAAqB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IACzC,OAAO,SAAS,CAAC;AACrB,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,eAAe,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOtI,MAAM,UAAU,QAAQ,CAAC,GAAkB,EAAE,IAAmB,aAAa;IACzE,OAAO,GAAG,CAAC,IAAI;QACX,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC;QACtB,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AAChC,CAAC;AAGD,MAAM,CAAC,MAAM,aAAa,GAAkB;IACxC,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAkB;IACvC,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAkB;IAC1C,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;CACjB,CAAC;AAEF,SAAS,aAAa,CAAC,GAAkB,EAAE,IAAmB,aAAa;IACvE,IAAI,GAAG,CAAC,KAAK;QAAE,OAAO,eAAe,CAAC;IACtC,kCAAkC;IAClC,MAAM,UAAU,qBACT,gBAAgB,CAAC,CAAC,CAAC,CACzB,CAAC;IACF,OAAO,UAAU,CAAC;AACtB,CAAC;AAED,SAAS,YAAY,CAAC,GAAkB,EAAE,IAAmB,aAAa;IACtE,IAAI,GAAG,CAAC,KAAK;QAAE,OAAO,cAAc,CAAC;IACrC,iCAAiC;IACjC,MAAM,SAAS,qBACR,eAAe,CAAC,CAAC,CAAC,CACxB,CAAC;IAEF,SAAS,CAAC,qBAAqB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IACzC,SAAS,CAAC,qBAAqB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IACzC,OAAO,SAAS,CAAC;AACrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kwiz/fluentui",
-    "version": "1.0.96",
+    "version": "1.0.98",
     "description": "KWIZ common controls for FluentUI",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",