@trebired/frontend 0.4.2 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/README.md +112 -80
- package/dist/config/index.d.ts +6 -45
- package/dist/config/index.d.ts.map +1 -1
- package/dist/config/index.js +19 -252
- package/dist/config/index.js.map +1 -1
- package/dist/config/module.d.ts +5 -0
- package/dist/config/module.d.ts.map +1 -0
- package/dist/config/module.js +124 -0
- package/dist/config/module.js.map +1 -0
- package/dist/config/normalize.d.ts +9 -0
- package/dist/config/normalize.d.ts.map +1 -0
- package/dist/config/normalize.js +116 -0
- package/dist/config/normalize.js.map +1 -0
- package/dist/config/palette.d.ts +8 -0
- package/dist/config/palette.d.ts.map +1 -0
- package/dist/config/palette.js +104 -0
- package/dist/config/palette.js.map +1 -0
- package/dist/config/scales-css.d.ts +8 -0
- package/dist/config/scales-css.d.ts.map +1 -0
- package/dist/config/scales-css.js +99 -0
- package/dist/config/scales-css.js.map +1 -0
- package/dist/config/scales.d.ts +4 -0
- package/dist/config/scales.d.ts.map +1 -0
- package/dist/config/scales.js +55 -0
- package/dist/config/scales.js.map +1 -0
- package/dist/config/scss.d.ts +4 -0
- package/dist/config/scss.d.ts.map +1 -0
- package/dist/config/scss.js +134 -0
- package/dist/config/scss.js.map +1 -0
- package/dist/config/shared.d.ts +9 -0
- package/dist/config/shared.d.ts.map +1 -0
- package/dist/config/shared.js +27 -0
- package/dist/config/shared.js.map +1 -0
- package/dist/config/theme.d.ts +6 -0
- package/dist/config/theme.d.ts.map +1 -0
- package/dist/config/theme.js +133 -0
- package/dist/config/theme.js.map +1 -0
- package/dist/config/types.d.ts +127 -0
- package/dist/config/types.d.ts.map +1 -0
- package/dist/config/types.js +2 -0
- package/dist/config/types.js.map +1 -0
- package/dist/fullscreen/components/index.d.ts +20 -0
- package/dist/fullscreen/components/index.d.ts.map +1 -0
- package/dist/fullscreen/components/index.js +19 -0
- package/dist/fullscreen/components/index.js.map +1 -0
- package/dist/fullscreen/index.d.ts +24 -3
- package/dist/fullscreen/index.d.ts.map +1 -1
- package/dist/fullscreen/index.js +268 -7
- package/dist/fullscreen/index.js.map +1 -1
- package/dist/fullscreen/styles/index.scss +71 -0
- package/dist/index.d.ts +7 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -1
- package/dist/index.js.map +1 -1
- package/dist/layout/components/index.d.ts +43 -0
- package/dist/layout/components/index.d.ts.map +1 -0
- package/dist/layout/components/index.js +53 -0
- package/dist/layout/components/index.js.map +1 -0
- package/dist/layout/index.d.ts +27 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/index.js +80 -0
- package/dist/layout/index.js.map +1 -0
- package/dist/layout/styles/index.scss +137 -0
- package/dist/react/index.d.ts +14 -0
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +14 -0
- package/dist/react/index.js.map +1 -1
- package/dist/server/index.d.ts +5 -0
- package/dist/server/index.d.ts.map +1 -0
- package/dist/server/index.js +5 -0
- package/dist/server/index.js.map +1 -0
- package/dist/sidebar/components/index.d.ts +35 -0
- package/dist/sidebar/components/index.d.ts.map +1 -0
- package/dist/sidebar/components/index.js +49 -0
- package/dist/sidebar/components/index.js.map +1 -0
- package/dist/sidebar/index.d.ts +62 -0
- package/dist/sidebar/index.d.ts.map +1 -0
- package/dist/sidebar/index.js +247 -0
- package/dist/sidebar/index.js.map +1 -0
- package/dist/sidebar/styles/index.scss +205 -0
- package/dist/src/config/index.d.ts +6 -45
- package/dist/src/config/index.d.ts.map +1 -1
- package/dist/src/config/index.js +19 -252
- package/dist/src/config/index.js.map +1 -1
- package/dist/src/config/module.d.ts +5 -0
- package/dist/src/config/module.d.ts.map +1 -0
- package/dist/src/config/module.js +124 -0
- package/dist/src/config/module.js.map +1 -0
- package/dist/src/config/normalize.d.ts +9 -0
- package/dist/src/config/normalize.d.ts.map +1 -0
- package/dist/src/config/normalize.js +116 -0
- package/dist/src/config/normalize.js.map +1 -0
- package/dist/src/config/palette.d.ts +8 -0
- package/dist/src/config/palette.d.ts.map +1 -0
- package/dist/src/config/palette.js +104 -0
- package/dist/src/config/palette.js.map +1 -0
- package/dist/src/config/scales-css.d.ts +8 -0
- package/dist/src/config/scales-css.d.ts.map +1 -0
- package/dist/src/config/scales-css.js +99 -0
- package/dist/src/config/scales-css.js.map +1 -0
- package/dist/src/config/scales.d.ts +4 -0
- package/dist/src/config/scales.d.ts.map +1 -0
- package/dist/src/config/scales.js +55 -0
- package/dist/src/config/scales.js.map +1 -0
- package/dist/src/config/scss.d.ts +4 -0
- package/dist/src/config/scss.d.ts.map +1 -0
- package/dist/src/config/scss.js +134 -0
- package/dist/src/config/scss.js.map +1 -0
- package/dist/src/config/shared.d.ts +9 -0
- package/dist/src/config/shared.d.ts.map +1 -0
- package/dist/src/config/shared.js +27 -0
- package/dist/src/config/shared.js.map +1 -0
- package/dist/src/config/theme.d.ts +6 -0
- package/dist/src/config/theme.d.ts.map +1 -0
- package/dist/src/config/theme.js +133 -0
- package/dist/src/config/theme.js.map +1 -0
- package/dist/src/config/types.d.ts +127 -0
- package/dist/src/config/types.d.ts.map +1 -0
- package/dist/src/config/types.js +2 -0
- package/dist/src/config/types.js.map +1 -0
- package/dist/src/fullscreen/components/index.d.ts +20 -0
- package/dist/src/fullscreen/components/index.d.ts.map +1 -0
- package/dist/src/fullscreen/components/index.js +19 -0
- package/dist/src/fullscreen/components/index.js.map +1 -0
- package/dist/src/fullscreen/index.d.ts +24 -3
- package/dist/src/fullscreen/index.d.ts.map +1 -1
- package/dist/src/fullscreen/index.js +268 -7
- package/dist/src/fullscreen/index.js.map +1 -1
- package/dist/src/index.d.ts +7 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +9 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/layout/components/index.d.ts +43 -0
- package/dist/src/layout/components/index.d.ts.map +1 -0
- package/dist/src/layout/components/index.js +53 -0
- package/dist/src/layout/components/index.js.map +1 -0
- package/dist/src/layout/index.d.ts +27 -0
- package/dist/src/layout/index.d.ts.map +1 -0
- package/dist/src/layout/index.js +80 -0
- package/dist/src/layout/index.js.map +1 -0
- package/dist/src/react/index.d.ts +14 -0
- package/dist/src/react/index.d.ts.map +1 -1
- package/dist/src/react/index.js +14 -0
- package/dist/src/react/index.js.map +1 -1
- package/dist/src/server/index.d.ts +5 -0
- package/dist/src/server/index.d.ts.map +1 -0
- package/dist/src/server/index.js +5 -0
- package/dist/src/server/index.js.map +1 -0
- package/dist/src/sidebar/components/index.d.ts +35 -0
- package/dist/src/sidebar/components/index.d.ts.map +1 -0
- package/dist/src/sidebar/components/index.js +49 -0
- package/dist/src/sidebar/components/index.js.map +1 -0
- package/dist/src/sidebar/index.d.ts +62 -0
- package/dist/src/sidebar/index.d.ts.map +1 -0
- package/dist/src/sidebar/index.js +247 -0
- package/dist/src/sidebar/index.js.map +1 -0
- package/dist/src/theme/apply.d.ts +26 -0
- package/dist/src/theme/apply.d.ts.map +1 -0
- package/dist/src/theme/apply.js +85 -0
- package/dist/src/theme/apply.js.map +1 -0
- package/dist/src/theme/boot.d.ts +4 -0
- package/dist/src/theme/boot.d.ts.map +1 -0
- package/dist/src/theme/boot.js +23 -0
- package/dist/src/theme/boot.js.map +1 -0
- package/dist/src/theme/components/index.d.ts +13 -5
- package/dist/src/theme/components/index.d.ts.map +1 -1
- package/dist/src/theme/components/index.js +22 -6
- package/dist/src/theme/components/index.js.map +1 -1
- package/dist/src/theme/constants.d.ts +12 -0
- package/dist/src/theme/constants.d.ts.map +1 -0
- package/dist/src/theme/constants.js +12 -0
- package/dist/src/theme/constants.js.map +1 -0
- package/dist/src/theme/controls.d.ts +15 -0
- package/dist/src/theme/controls.d.ts.map +1 -0
- package/dist/src/theme/controls.js +128 -0
- package/dist/src/theme/controls.js.map +1 -0
- package/dist/src/theme/index.d.ts +10 -24
- package/dist/src/theme/index.d.ts.map +1 -1
- package/dist/src/theme/index.js +15 -117
- package/dist/src/theme/index.js.map +1 -1
- package/dist/src/theme/modes.d.ts +36 -0
- package/dist/src/theme/modes.d.ts.map +1 -0
- package/dist/src/theme/modes.js +107 -0
- package/dist/src/theme/modes.js.map +1 -0
- package/dist/styles/utils.scss +193 -0
- package/dist/theme/apply.d.ts +26 -0
- package/dist/theme/apply.d.ts.map +1 -0
- package/dist/theme/apply.js +85 -0
- package/dist/theme/apply.js.map +1 -0
- package/dist/theme/boot.d.ts +4 -0
- package/dist/theme/boot.d.ts.map +1 -0
- package/dist/theme/boot.js +23 -0
- package/dist/theme/boot.js.map +1 -0
- package/dist/theme/components/index.d.ts +13 -5
- package/dist/theme/components/index.d.ts.map +1 -1
- package/dist/theme/components/index.js +22 -6
- package/dist/theme/components/index.js.map +1 -1
- package/dist/theme/constants.d.ts +12 -0
- package/dist/theme/constants.d.ts.map +1 -0
- package/dist/theme/constants.js +12 -0
- package/dist/theme/constants.js.map +1 -0
- package/dist/theme/controls.d.ts +15 -0
- package/dist/theme/controls.d.ts.map +1 -0
- package/dist/theme/controls.js +128 -0
- package/dist/theme/controls.js.map +1 -0
- package/dist/theme/index.d.ts +10 -24
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +15 -117
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/modes.d.ts +36 -0
- package/dist/theme/modes.d.ts.map +1 -0
- package/dist/theme/modes.js +107 -0
- package/dist/theme/modes.js.map +1 -0
- package/package.json +4 -167
- package/dist/src/styles/index.d.ts +0 -3
- package/dist/src/styles/index.d.ts.map +0 -1
- package/dist/src/styles/index.js +0 -15
- package/dist/src/styles/index.js.map +0 -1
- package/dist/styles/index.d.ts +0 -3
- package/dist/styles/index.d.ts.map +0 -1
- package/dist/styles/index.js +0 -15
- package/dist/styles/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtE,KAAK,UAAU,gBAAgB,CAC7B,OAAiB,QAAQ,EACzB,UAA+B,EAAE;IAEjC,IAAI,mBAAmB,CAAC,OAAO,CAAC;QAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,MAAM,kBAAkB,CAAC,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IACzE,UAAU,CAAC,SAAS,IAAI,cAAc,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC;IAChF,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACnC,CAAC;AAED,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,0BAA0B,EAC1B,aAAa,GACd,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,cAAc,EACd,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
type ThemeModeScheme = "dark" | "light";
|
|
2
|
+
type ThemeModeDescriptor = {
|
|
3
|
+
key: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
scheme?: ThemeModeScheme;
|
|
6
|
+
};
|
|
7
|
+
type ThemeModeInput = string | ThemeModeDescriptor;
|
|
8
|
+
type ThemeMode = {
|
|
9
|
+
key: string;
|
|
10
|
+
label: string;
|
|
11
|
+
scheme: ThemeModeScheme;
|
|
12
|
+
};
|
|
13
|
+
type ThemeModeOptions = {
|
|
14
|
+
dark?: string;
|
|
15
|
+
light?: string;
|
|
16
|
+
modes?: readonly ThemeModeInput[];
|
|
17
|
+
};
|
|
18
|
+
type ThemeModeRegistry = {
|
|
19
|
+
dark: string;
|
|
20
|
+
light: string;
|
|
21
|
+
modes: readonly ThemeMode[];
|
|
22
|
+
};
|
|
23
|
+
declare const DEFAULT_THEME_MODE_KEYS: readonly string[];
|
|
24
|
+
declare function themeModeKeyOf(value: unknown): string;
|
|
25
|
+
declare function normalizeThemeMode(input: ThemeModeInput): ThemeMode | null;
|
|
26
|
+
declare function normalizeThemeModeRegistry(options?: ThemeModeOptions): ThemeModeRegistry;
|
|
27
|
+
declare const DEFAULT_THEME_MODE_REGISTRY: ThemeModeRegistry;
|
|
28
|
+
declare function configureThemeModes(options?: ThemeModeOptions | null): ThemeModeRegistry;
|
|
29
|
+
declare function hasThemeModeOptions(options?: ThemeModeOptions): boolean;
|
|
30
|
+
declare function getThemeModes(options?: ThemeModeOptions): ThemeModeRegistry;
|
|
31
|
+
declare function themeModeKeys(options?: ThemeModeOptions): string[];
|
|
32
|
+
declare function findThemeMode(key: unknown, options?: ThemeModeOptions): ThemeMode | undefined;
|
|
33
|
+
declare function isThemeMode(key: unknown, options?: ThemeModeOptions): boolean;
|
|
34
|
+
export { DEFAULT_THEME_MODE_KEYS, DEFAULT_THEME_MODE_REGISTRY, configureThemeModes, findThemeMode, getThemeModes, hasThemeModeOptions, isThemeMode, normalizeThemeMode, normalizeThemeModeRegistry, themeModeKeyOf, themeModeKeys, };
|
|
35
|
+
export type { ThemeMode, ThemeModeDescriptor, ThemeModeInput, ThemeModeOptions, ThemeModeRegistry, ThemeModeScheme, };
|
|
36
|
+
//# sourceMappingURL=modes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modes.d.ts","sourceRoot":"","sources":["../../../src/theme/modes.ts"],"names":[],"mappings":"AAEA,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAExC,KAAK,mBAAmB,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,KAAK,cAAc,GAAG,MAAM,GAAG,mBAAmB,CAAC;AAEnD,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;CACnC,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,SAAS,EAAE,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,uBAAuB,EAAE,SAAS,MAAM,EAAsB,CAAC;AAQrE,iBAAS,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAG9C;AAeD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,GAAG,IAAI,CASnE;AAkBD,iBAAS,0BAA0B,CAAC,OAAO,GAAE,gBAAqB,GAAG,iBAAiB,CAOrF;AAED,QAAA,MAAM,2BAA2B,EAAE,iBAAgD,CAAC;AAYpF,iBAAS,mBAAmB,CAAC,OAAO,CAAC,EAAE,gBAAgB,GAAG,IAAI,GAAG,iBAAiB,CAajF;AAED,iBAAS,mBAAmB,CAAC,OAAO,GAAE,gBAAqB,GAAG,OAAO,CAEpE;AAED,iBAAS,aAAa,CAAC,OAAO,GAAE,gBAAqB,GAAG,iBAAiB,CAGxE;AAED,iBAAS,aAAa,CAAC,OAAO,GAAE,gBAAqB,GAAG,MAAM,EAAE,CAE/D;AAED,iBAAS,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,GAAE,gBAAqB,GAAG,SAAS,GAAG,SAAS,CAK1F;AAED,iBAAS,WAAW,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,GAAE,gBAAqB,GAAG,OAAO,CAE1E;AAED,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,0BAA0B,EAC1B,cAAc,EACd,aAAa,GACd,CAAC;AACF,YAAY,EACV,SAAS,EACT,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,GAChB,CAAC"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { THEME_MODES_GLOBAL_KEY } from "./constants.js";
|
|
2
|
+
const DEFAULT_THEME_MODE_KEYS = ["dark", "light"];
|
|
3
|
+
const THEME_MODE_KEY_RE = /^[a-z0-9][a-z0-9_-]*$/u;
|
|
4
|
+
const DARK_KEY_RE = /(^|[-_])dark([-_]|$)/u;
|
|
5
|
+
const registryHolderKey = Symbol.for(THEME_MODES_GLOBAL_KEY);
|
|
6
|
+
let cachedSource = null;
|
|
7
|
+
let cachedRegistry = null;
|
|
8
|
+
function themeModeKeyOf(value) {
|
|
9
|
+
const text = String(value ?? "").trim().toLowerCase();
|
|
10
|
+
return THEME_MODE_KEY_RE.test(text) ? text : "";
|
|
11
|
+
}
|
|
12
|
+
function themeModeLabelOf(key, label) {
|
|
13
|
+
const text = String(label ?? "").trim();
|
|
14
|
+
if (text)
|
|
15
|
+
return text;
|
|
16
|
+
const words = key.replace(/[-_]+/gu, " ").trim();
|
|
17
|
+
return words.charAt(0).toUpperCase() + words.slice(1);
|
|
18
|
+
}
|
|
19
|
+
function themeModeSchemeOf(key, scheme) {
|
|
20
|
+
const text = String(scheme ?? "").trim().toLowerCase();
|
|
21
|
+
if (text === "dark" || text === "light")
|
|
22
|
+
return text;
|
|
23
|
+
return DARK_KEY_RE.test(key) ? "dark" : "light";
|
|
24
|
+
}
|
|
25
|
+
function normalizeThemeMode(input) {
|
|
26
|
+
const source = typeof input === "string" ? { key: input } : input;
|
|
27
|
+
const key = themeModeKeyOf(source?.key);
|
|
28
|
+
if (!key)
|
|
29
|
+
return null;
|
|
30
|
+
return {
|
|
31
|
+
key,
|
|
32
|
+
label: themeModeLabelOf(key, source?.label),
|
|
33
|
+
scheme: themeModeSchemeOf(key, source?.scheme),
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
function normalizeThemeModes(inputs) {
|
|
37
|
+
const source = Array.isArray(inputs) && inputs.length ? inputs : DEFAULT_THEME_MODE_KEYS;
|
|
38
|
+
const modes = [];
|
|
39
|
+
for (const input of source) {
|
|
40
|
+
const mode = normalizeThemeMode(input);
|
|
41
|
+
if (mode && !modes.some((item) => item.key === mode.key))
|
|
42
|
+
modes.push(mode);
|
|
43
|
+
}
|
|
44
|
+
return modes.length ? modes : normalizeThemeModes(DEFAULT_THEME_MODE_KEYS);
|
|
45
|
+
}
|
|
46
|
+
function resolveSchemeKey(modes, requested, scheme) {
|
|
47
|
+
const key = themeModeKeyOf(requested);
|
|
48
|
+
if (key && modes.some((mode) => mode.key === key))
|
|
49
|
+
return key;
|
|
50
|
+
return (modes.find((mode) => mode.scheme === scheme) || modes[0]).key;
|
|
51
|
+
}
|
|
52
|
+
function normalizeThemeModeRegistry(options = {}) {
|
|
53
|
+
const modes = normalizeThemeModes(options.modes);
|
|
54
|
+
return {
|
|
55
|
+
dark: resolveSchemeKey(modes, options.dark, "dark"),
|
|
56
|
+
light: resolveSchemeKey(modes, options.light, "light"),
|
|
57
|
+
modes,
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
const DEFAULT_THEME_MODE_REGISTRY = normalizeThemeModeRegistry();
|
|
61
|
+
function readRegistryHolder() {
|
|
62
|
+
const holder = globalThis;
|
|
63
|
+
const source = holder[registryHolderKey];
|
|
64
|
+
if (!source || typeof source !== "object")
|
|
65
|
+
return null;
|
|
66
|
+
if (source === cachedSource && cachedRegistry)
|
|
67
|
+
return cachedRegistry;
|
|
68
|
+
cachedSource = source;
|
|
69
|
+
cachedRegistry = normalizeThemeModeRegistry(source);
|
|
70
|
+
return cachedRegistry;
|
|
71
|
+
}
|
|
72
|
+
function configureThemeModes(options) {
|
|
73
|
+
const holder = globalThis;
|
|
74
|
+
if (!options) {
|
|
75
|
+
delete holder[registryHolderKey];
|
|
76
|
+
cachedSource = null;
|
|
77
|
+
cachedRegistry = null;
|
|
78
|
+
return DEFAULT_THEME_MODE_REGISTRY;
|
|
79
|
+
}
|
|
80
|
+
const registry = normalizeThemeModeRegistry(options);
|
|
81
|
+
holder[registryHolderKey] = registry;
|
|
82
|
+
cachedSource = registry;
|
|
83
|
+
cachedRegistry = registry;
|
|
84
|
+
return registry;
|
|
85
|
+
}
|
|
86
|
+
function hasThemeModeOptions(options = {}) {
|
|
87
|
+
return Boolean(options.modes?.length || options.dark || options.light);
|
|
88
|
+
}
|
|
89
|
+
function getThemeModes(options = {}) {
|
|
90
|
+
if (hasThemeModeOptions(options))
|
|
91
|
+
return normalizeThemeModeRegistry(options);
|
|
92
|
+
return readRegistryHolder() || DEFAULT_THEME_MODE_REGISTRY;
|
|
93
|
+
}
|
|
94
|
+
function themeModeKeys(options = {}) {
|
|
95
|
+
return getThemeModes(options).modes.map((mode) => mode.key);
|
|
96
|
+
}
|
|
97
|
+
function findThemeMode(key, options = {}) {
|
|
98
|
+
const normalized = themeModeKeyOf(key);
|
|
99
|
+
return normalized
|
|
100
|
+
? getThemeModes(options).modes.find((mode) => mode.key === normalized)
|
|
101
|
+
: undefined;
|
|
102
|
+
}
|
|
103
|
+
function isThemeMode(key, options = {}) {
|
|
104
|
+
return findThemeMode(key, options) !== undefined;
|
|
105
|
+
}
|
|
106
|
+
export { DEFAULT_THEME_MODE_KEYS, DEFAULT_THEME_MODE_REGISTRY, configureThemeModes, findThemeMode, getThemeModes, hasThemeModeOptions, isThemeMode, normalizeThemeMode, normalizeThemeModeRegistry, themeModeKeyOf, themeModeKeys, };
|
|
107
|
+
//# sourceMappingURL=modes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modes.js","sourceRoot":"","sources":["../../../src/theme/modes.ts"],"names":[],"mappings":"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"}
|
package/dist/styles/utils.scss
CHANGED
|
@@ -218,3 +218,196 @@
|
|
|
218
218
|
-webkit-user-select: none;
|
|
219
219
|
user-select: none;
|
|
220
220
|
}
|
|
221
|
+
|
|
222
|
+
.ml-xs {
|
|
223
|
+
margin-left: var(--tbf-gap-xs);
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
.ml-sm {
|
|
227
|
+
margin-left: var(--tbf-gap-sm);
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
.ml-md {
|
|
231
|
+
margin-left: var(--tbf-gap-md);
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
.ml-lg {
|
|
235
|
+
margin-left: var(--tbf-gap-lg);
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.mr-xs {
|
|
239
|
+
margin-right: var(--tbf-gap-xs);
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.mr-sm {
|
|
243
|
+
margin-right: var(--tbf-gap-sm);
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.mr-md {
|
|
247
|
+
margin-right: var(--tbf-gap-md);
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.mr-lg {
|
|
251
|
+
margin-right: var(--tbf-gap-lg);
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.border {
|
|
255
|
+
border: var(--tbf-border-width) solid var(--tbf-border);
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.border-0 {
|
|
259
|
+
border: 0;
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
.border-top {
|
|
263
|
+
border-top: var(--tbf-border-width) solid var(--tbf-border);
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
.border-bottom {
|
|
267
|
+
border-bottom: var(--tbf-border-width) solid var(--tbf-border);
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.border-left {
|
|
271
|
+
border-left: var(--tbf-border-width) solid var(--tbf-border);
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.border-right {
|
|
275
|
+
border-right: var(--tbf-border-width) solid var(--tbf-border);
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
.border-block {
|
|
279
|
+
border-block: var(--tbf-border-width) solid var(--tbf-border);
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
.border-inline {
|
|
283
|
+
border-inline: var(--tbf-border-width) solid var(--tbf-border);
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
$tbf-hor-alignments: (
|
|
287
|
+
left: flex-start,
|
|
288
|
+
center: center,
|
|
289
|
+
right: flex-end,
|
|
290
|
+
);
|
|
291
|
+
|
|
292
|
+
@each $name, $value in $tbf-hor-alignments {
|
|
293
|
+
.hor-#{$name} {
|
|
294
|
+
justify-content: $value;
|
|
295
|
+
|
|
296
|
+
&.column,
|
|
297
|
+
&.left-column,
|
|
298
|
+
&.right-column,
|
|
299
|
+
&.middle-column {
|
|
300
|
+
align-items: $value;
|
|
301
|
+
justify-content: flex-start;
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
.hor-#{$name}-child {
|
|
306
|
+
@if $name == left {
|
|
307
|
+
align-self: flex-start;
|
|
308
|
+
margin-right: auto;
|
|
309
|
+
} @else if $name == center {
|
|
310
|
+
align-self: center;
|
|
311
|
+
margin-left: auto;
|
|
312
|
+
margin-right: auto;
|
|
313
|
+
} @else if $name == right {
|
|
314
|
+
align-self: flex-end;
|
|
315
|
+
margin-left: auto;
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
.hor-apart {
|
|
321
|
+
justify-content: space-between;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
.ver-center {
|
|
325
|
+
display: flex;
|
|
326
|
+
align-items: center;
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
.ver-bottom {
|
|
330
|
+
display: flex;
|
|
331
|
+
align-items: flex-end;
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
.ver-center-child {
|
|
335
|
+
margin-top: auto;
|
|
336
|
+
margin-bottom: auto;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
.ver-bottom-child {
|
|
340
|
+
margin-top: auto;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
.no-stretch {
|
|
344
|
+
flex: 0 0 auto;
|
|
345
|
+
width: auto;
|
|
346
|
+
max-width: fit-content;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
.no-shrink {
|
|
350
|
+
flex-shrink: 0;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
@media (max-width: 900px) {
|
|
354
|
+
.inline-row.mobile-wrap {
|
|
355
|
+
flex-wrap: wrap;
|
|
356
|
+
|
|
357
|
+
> .column {
|
|
358
|
+
flex-basis: 100%;
|
|
359
|
+
width: 100%;
|
|
360
|
+
}
|
|
361
|
+
}
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
.text-break-word {
|
|
365
|
+
min-width: 0;
|
|
366
|
+
max-width: 100%;
|
|
367
|
+
white-space: normal;
|
|
368
|
+
overflow-wrap: break-word;
|
|
369
|
+
word-break: normal;
|
|
370
|
+
hyphens: auto;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
.font-italic {
|
|
374
|
+
font-style: italic;
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
.font-mono {
|
|
378
|
+
font-family:
|
|
379
|
+
ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
380
|
+
"Courier New", monospace;
|
|
381
|
+
word-break: break-all;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
.font-bold {
|
|
385
|
+
font-weight: bold;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
.label {
|
|
389
|
+
color: var(--tbf-text-muted, #000);
|
|
390
|
+
font-size: 14px;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
.pre-wrap {
|
|
394
|
+
white-space: pre-wrap !important;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
.bg-transparent {
|
|
398
|
+
background-color: transparent;
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
.cursor-pointer {
|
|
402
|
+
cursor: pointer;
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
.cursor-auto {
|
|
406
|
+
cursor: auto;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
.cursor-disabled,
|
|
410
|
+
.disabled,
|
|
411
|
+
[disabled] {
|
|
412
|
+
cursor: not-allowed;
|
|
413
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { BindRoot } from "../dom/index.d.ts";
|
|
2
|
+
import type { ThemeModeOptions, ThemeModeScheme } from "./modes.js";
|
|
3
|
+
type ThemeValue = string;
|
|
4
|
+
type ThemePersistenceAdapter = {
|
|
5
|
+
get?: () => Promise<string | null | undefined> | string | null | undefined;
|
|
6
|
+
set?: (theme: ThemeValue) => Promise<unknown> | unknown;
|
|
7
|
+
};
|
|
8
|
+
type ThemeRuntimeOptions = ThemeModeOptions & {
|
|
9
|
+
defaultTheme?: ThemeValue;
|
|
10
|
+
persistence?: ThemePersistenceAdapter;
|
|
11
|
+
};
|
|
12
|
+
type ThemeSyncListener = (root: BindRoot) => void;
|
|
13
|
+
declare function registerThemeSync(listener: ThemeSyncListener): void;
|
|
14
|
+
declare function runThemeSync(root?: BindRoot): void;
|
|
15
|
+
declare function normalizeTheme(value: unknown, options?: ThemeRuntimeOptions): ThemeValue;
|
|
16
|
+
declare function systemThemeKey(options?: ThemeRuntimeOptions): ThemeValue;
|
|
17
|
+
declare function currentDomTheme(options?: ThemeRuntimeOptions): ThemeValue;
|
|
18
|
+
declare function getEffectiveTheme(value?: unknown, options?: ThemeRuntimeOptions): ThemeValue;
|
|
19
|
+
declare function themeScheme(key: unknown, options?: ThemeRuntimeOptions): ThemeModeScheme;
|
|
20
|
+
declare function applyTheme(theme: ThemeValue, options?: ThemeRuntimeOptions): ThemeValue;
|
|
21
|
+
declare function readPersistedTheme(adapter?: ThemePersistenceAdapter, options?: ThemeRuntimeOptions): Promise<ThemeValue>;
|
|
22
|
+
declare function setTheme(theme: ThemeValue, options?: ThemeRuntimeOptions): Promise<ThemeValue>;
|
|
23
|
+
declare function nextTheme(options?: ThemeRuntimeOptions): ThemeValue;
|
|
24
|
+
export { applyTheme, currentDomTheme, getEffectiveTheme, nextTheme, normalizeTheme, readPersistedTheme, registerThemeSync, runThemeSync, setTheme, systemThemeKey, themeScheme, };
|
|
25
|
+
export type { ThemePersistenceAdapter, ThemeRuntimeOptions, ThemeSyncListener, ThemeValue };
|
|
26
|
+
//# sourceMappingURL=apply.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"apply.d.ts","sourceRoot":"","sources":["../../../src/theme/apply.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEpE,KAAK,UAAU,GAAG,MAAM,CAAC;AAEzB,KAAK,uBAAuB,GAAG;IAC7B,GAAG,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3E,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;CACzD,CAAC;AAEF,KAAK,mBAAmB,GAAG,gBAAgB,GAAG;IAC5C,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC,CAAC;AAEF,KAAK,iBAAiB,GAAG,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;AAIlD,iBAAS,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAE5D;AAED,iBAAS,YAAY,CAAC,IAAI,GAAE,QAAmB,GAAG,IAAI,CAErD;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAGrF;AAUD,iBAAS,cAAc,CAAC,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAGrE;AAED,iBAAS,eAAe,CAAC,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAGtE;AAED,iBAAS,iBAAiB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAEzF;AAED,iBAAS,WAAW,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,GAAE,mBAAwB,GAAG,eAAe,CAErF;AAWD,iBAAS,UAAU,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAWpF;AAED,iBAAe,kBAAkB,CAC/B,OAAO,CAAC,EAAE,uBAAuB,EACjC,OAAO,GAAE,mBAAwB,GAChC,OAAO,CAAC,UAAU,CAAC,CAOrB;AAED,iBAAe,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,GAAE,mBAAwB,GAAG,OAAO,CAAC,UAAU,CAAC,CASjG;AAED,iBAAS,SAAS,CAAC,OAAO,GAAE,mBAAwB,GAAG,UAAU,CAIhE;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,WAAW,GACZ,CAAC;AACF,YAAY,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { THEME_ATTR, THEME_CHANGE_EVENT } from "./constants.js";
|
|
2
|
+
import { findThemeMode, getThemeModes, themeModeKeyOf } from "./modes.js";
|
|
3
|
+
const themeSyncListeners = new Set();
|
|
4
|
+
function registerThemeSync(listener) {
|
|
5
|
+
themeSyncListeners.add(listener);
|
|
6
|
+
}
|
|
7
|
+
function runThemeSync(root = document) {
|
|
8
|
+
themeSyncListeners.forEach((listener) => listener(root));
|
|
9
|
+
}
|
|
10
|
+
function normalizeTheme(value, options = {}) {
|
|
11
|
+
const key = themeModeKeyOf(value);
|
|
12
|
+
return key && findThemeMode(key, options) ? key : "";
|
|
13
|
+
}
|
|
14
|
+
function systemPrefersLight() {
|
|
15
|
+
try {
|
|
16
|
+
return Boolean(window.matchMedia?.("(prefers-color-scheme: light)").matches);
|
|
17
|
+
}
|
|
18
|
+
catch {
|
|
19
|
+
return false;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
function systemThemeKey(options = {}) {
|
|
23
|
+
const registry = getThemeModes(options);
|
|
24
|
+
return systemPrefersLight() ? registry.light : registry.dark;
|
|
25
|
+
}
|
|
26
|
+
function currentDomTheme(options = {}) {
|
|
27
|
+
if (typeof document === "undefined")
|
|
28
|
+
return "";
|
|
29
|
+
return normalizeTheme(document.documentElement.getAttribute(THEME_ATTR), options);
|
|
30
|
+
}
|
|
31
|
+
function getEffectiveTheme(value, options = {}) {
|
|
32
|
+
return normalizeTheme(value, options) || currentDomTheme(options) || systemThemeKey(options);
|
|
33
|
+
}
|
|
34
|
+
function themeScheme(key, options = {}) {
|
|
35
|
+
return findThemeMode(key, options)?.scheme || "light";
|
|
36
|
+
}
|
|
37
|
+
function dispatchThemeChange(theme, themeKey) {
|
|
38
|
+
if (typeof window === "undefined")
|
|
39
|
+
return;
|
|
40
|
+
window.dispatchEvent(new CustomEvent(THEME_CHANGE_EVENT, {
|
|
41
|
+
detail: { theme, themeKey },
|
|
42
|
+
}));
|
|
43
|
+
}
|
|
44
|
+
function applyTheme(theme, options = {}) {
|
|
45
|
+
if (typeof document === "undefined")
|
|
46
|
+
return getEffectiveTheme(theme, options);
|
|
47
|
+
const normalized = normalizeTheme(theme, options);
|
|
48
|
+
const next = normalized || systemThemeKey(options);
|
|
49
|
+
const previous = currentDomTheme(options);
|
|
50
|
+
document.documentElement.setAttribute(THEME_ATTR, next);
|
|
51
|
+
document.documentElement.style.colorScheme = themeScheme(next, options);
|
|
52
|
+
document.body?.setAttribute(THEME_ATTR, next);
|
|
53
|
+
if (previous !== next)
|
|
54
|
+
dispatchThemeChange(normalized, next);
|
|
55
|
+
runThemeSync(document);
|
|
56
|
+
return next;
|
|
57
|
+
}
|
|
58
|
+
async function readPersistedTheme(adapter, options = {}) {
|
|
59
|
+
if (!adapter?.get)
|
|
60
|
+
return "";
|
|
61
|
+
try {
|
|
62
|
+
return normalizeTheme(await adapter.get(), options);
|
|
63
|
+
}
|
|
64
|
+
catch {
|
|
65
|
+
return "";
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
async function setTheme(theme, options = {}) {
|
|
69
|
+
const normalized = normalizeTheme(theme, options);
|
|
70
|
+
applyTheme(normalized, options);
|
|
71
|
+
if (options.persistence?.set) {
|
|
72
|
+
try {
|
|
73
|
+
await options.persistence.set(normalized);
|
|
74
|
+
}
|
|
75
|
+
catch { }
|
|
76
|
+
}
|
|
77
|
+
return getEffectiveTheme(normalized, options);
|
|
78
|
+
}
|
|
79
|
+
function nextTheme(options = {}) {
|
|
80
|
+
const keys = getThemeModes(options).modes.map((mode) => mode.key);
|
|
81
|
+
const index = keys.indexOf(getEffectiveTheme(undefined, options));
|
|
82
|
+
return keys[(index + 1) % keys.length] || keys[0];
|
|
83
|
+
}
|
|
84
|
+
export { applyTheme, currentDomTheme, getEffectiveTheme, nextTheme, normalizeTheme, readPersistedTheme, registerThemeSync, runThemeSync, setTheme, systemThemeKey, themeScheme, };
|
|
85
|
+
//# sourceMappingURL=apply.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"apply.js","sourceRoot":"","sources":["../../../src/theme/apply.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"boot.d.ts","sourceRoot":"","sources":["../../../src/theme/boot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAMnD,iBAAS,qBAAqB,CAAC,KAAK,GAAE,MAAW,EAAE,OAAO,GAAE,gBAAqB,GAAG,MAAM,CAezF;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { THEME_ATTR, THEME_MODES_GLOBAL_KEY } from "./constants.js";
|
|
2
|
+
import { getThemeModes, themeModeKeyOf } from "./modes.js";
|
|
3
|
+
function scriptJson(value) {
|
|
4
|
+
return JSON.stringify(value ?? null).replace(/</gu, "\\u003c");
|
|
5
|
+
}
|
|
6
|
+
function createThemeBootScript(theme = "", options = {}) {
|
|
7
|
+
const registry = getThemeModes(options);
|
|
8
|
+
const schemes = Object.fromEntries(registry.modes.map((mode) => [mode.key, mode.scheme]));
|
|
9
|
+
return [
|
|
10
|
+
"(function(){",
|
|
11
|
+
`var r=${scriptJson(registry)},s=${scriptJson(schemes)};`,
|
|
12
|
+
`try{window[Symbol.for(${scriptJson(THEME_MODES_GLOBAL_KEY)})]=r}catch(e){}`,
|
|
13
|
+
`var t=${scriptJson(themeModeKeyOf(theme))};`,
|
|
14
|
+
"if(!s[t])t='';",
|
|
15
|
+
"var p=false;try{p=!!(window.matchMedia&&window.matchMedia('(prefers-color-scheme: light)').matches)}catch(e){}",
|
|
16
|
+
"var k=t||(p?r.light:r.dark);",
|
|
17
|
+
`document.documentElement.setAttribute(${scriptJson(THEME_ATTR)},k);`,
|
|
18
|
+
"document.documentElement.style.colorScheme=s[k]||'light';",
|
|
19
|
+
"})();",
|
|
20
|
+
].join("");
|
|
21
|
+
}
|
|
22
|
+
export { createThemeBootScript };
|
|
23
|
+
//# sourceMappingURL=boot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"boot.js","sourceRoot":"","sources":["../../../src/theme/boot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG3D,SAAS,UAAU,CAAC,KAAc;IAChC,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AACjE,CAAC;AAED,SAAS,qBAAqB,CAAC,QAAgB,EAAE,EAAE,UAA4B,EAAE;IAC/E,MAAM,QAAQ,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC1F,OAAO;QACL,cAAc;QACd,SAAS,UAAU,CAAC,QAAQ,CAAC,MAAM,UAAU,CAAC,OAAO,CAAC,GAAG;QACzD,yBAAyB,UAAU,CAAC,sBAAsB,CAAC,iBAAiB;QAC5E,SAAS,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG;QAC7C,gBAAgB;QAChB,gHAAgH;QAChH,8BAA8B;QAC9B,yCAAyC,UAAU,CAAC,UAAU,CAAC,MAAM;QACrE,2DAA2D;QAC3D,OAAO;KACR,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -1,14 +1,22 @@
|
|
|
1
|
-
import type { ButtonHTMLAttributes, ScriptHTMLAttributes } from "react";
|
|
2
|
-
import { type ThemeValue } from "../index.d.ts";
|
|
1
|
+
import type { ButtonHTMLAttributes, HTMLAttributes, ScriptHTMLAttributes } from "react";
|
|
2
|
+
import { type ThemeModeOptions, type ThemeValue } from "../index.d.ts";
|
|
3
3
|
type ThemeToggleProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
4
4
|
darkLabel?: string;
|
|
5
|
+
labels?: Record<string, string>;
|
|
5
6
|
lightLabel?: string;
|
|
6
7
|
};
|
|
7
|
-
type ThemeBootScriptProps = ScriptHTMLAttributes<HTMLScriptElement> & {
|
|
8
|
+
type ThemeBootScriptProps = ScriptHTMLAttributes<HTMLScriptElement> & ThemeModeOptions & {
|
|
8
9
|
theme?: ThemeValue;
|
|
9
10
|
};
|
|
11
|
+
type ThemeSelectProps = Omit<HTMLAttributes<HTMLElement>, "defaultValue"> & ThemeModeOptions & {
|
|
12
|
+
label?: string;
|
|
13
|
+
name?: string;
|
|
14
|
+
value?: ThemeValue;
|
|
15
|
+
variant?: "buttons" | "select";
|
|
16
|
+
};
|
|
10
17
|
declare function ThemeToggle(props: ThemeToggleProps): import("react").JSX.Element;
|
|
18
|
+
declare function ThemeSelect(props: ThemeSelectProps): import("react").JSX.Element;
|
|
11
19
|
declare function ThemeBootScript(props: ThemeBootScriptProps): import("react").JSX.Element;
|
|
12
|
-
export { ThemeBootScript, ThemeToggle };
|
|
13
|
-
export type { ThemeBootScriptProps, ThemeToggleProps };
|
|
20
|
+
export { ThemeBootScript, ThemeSelect, ThemeToggle };
|
|
21
|
+
export type { ThemeBootScriptProps, ThemeSelectProps, ThemeToggleProps };
|
|
14
22
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AAEvB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,gBAAgB,GAAG;IACvF,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,cAAc,CAAC,GAAG,gBAAgB,GAAG;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAChC,CAAC;AAUF,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAuB3C;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA2C3C;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAQnD;AAED,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AACrD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,13 +1,29 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { classNames } from "../../components/index.js";
|
|
3
|
-
import { createThemeBootScript } from "../index.js";
|
|
3
|
+
import { createThemeBootScript, getThemeModes, normalizeTheme, } from "../index.js";
|
|
4
|
+
function themeLabelAttributes(labels) {
|
|
5
|
+
const attributes = {};
|
|
6
|
+
for (const [key, label] of Object.entries(labels || {})) {
|
|
7
|
+
attributes[`data-tbf-theme-${key}-label`] = label;
|
|
8
|
+
}
|
|
9
|
+
return attributes;
|
|
10
|
+
}
|
|
4
11
|
function ThemeToggle(props) {
|
|
5
|
-
const { children, className, darkLabel = "Dark", lightLabel = "Light", type = "button", ...rest } = props;
|
|
6
|
-
return (_jsx("button", { ...rest, className: classNames("tbf-theme-button", className), "data-tbf-theme-button": "", "data-tbf-theme-dark-label": darkLabel, "data-tbf-theme-light-label": lightLabel, type: type, children: children || _jsx("span", { "data-tbf-theme-label": "", children: lightLabel }) }));
|
|
12
|
+
const { children, className, darkLabel = "Dark", labels, lightLabel = "Light", type = "button", ...rest } = props;
|
|
13
|
+
return (_jsx("button", { ...rest, ...themeLabelAttributes(labels), className: classNames("tbf-theme-button", className), "data-tbf-theme-button": "", "data-tbf-theme-dark-label": darkLabel, "data-tbf-theme-light-label": lightLabel, type: type, children: children || _jsx("span", { "data-tbf-theme-label": "", children: lightLabel }) }));
|
|
14
|
+
}
|
|
15
|
+
function ThemeSelect(props) {
|
|
16
|
+
const { className, dark, label, light, modes, name, value, variant = "select", ...rest } = props;
|
|
17
|
+
const registry = getThemeModes({ dark, light, modes });
|
|
18
|
+
const current = normalizeTheme(value, { dark, light, modes });
|
|
19
|
+
if (variant === "buttons") {
|
|
20
|
+
return (_jsx("div", { ...rest, "aria-label": label, className: classNames("tbf-theme-select", className), "data-tbf-theme-select": "", role: "radiogroup", children: registry.modes.map((mode) => (_jsx("button", { "aria-checked": mode.key === current, className: "tbf-theme-select__option", "data-tbf-theme-active": mode.key === current ? "true" : "false", "data-tbf-theme-value": mode.key, role: "radio", type: "button", children: mode.label }, mode.key))) }));
|
|
21
|
+
}
|
|
22
|
+
return (_jsx("select", { ...rest, "aria-label": label, className: classNames("tbf-theme-select", className), "data-tbf-theme-select": "", defaultValue: current || undefined, name: name, children: registry.modes.map((mode) => (_jsx("option", { value: mode.key, children: mode.label }, mode.key))) }));
|
|
7
23
|
}
|
|
8
24
|
function ThemeBootScript(props) {
|
|
9
|
-
const { theme = "", ...rest } = props;
|
|
10
|
-
return (_jsx("script", { ...rest, dangerouslySetInnerHTML: { __html: createThemeBootScript(theme) } }));
|
|
25
|
+
const { dark, light, modes, theme = "", ...rest } = props;
|
|
26
|
+
return (_jsx("script", { ...rest, dangerouslySetInnerHTML: { __html: createThemeBootScript(theme, { dark, light, modes }) } }));
|
|
11
27
|
}
|
|
12
|
-
export { ThemeBootScript, ThemeToggle };
|
|
28
|
+
export { ThemeBootScript, ThemeSelect, ThemeToggle };
|
|
13
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/components/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const THEME_ATTR = "data-tbf-theme";
|
|
2
|
+
declare const THEME_BOUND_ATTR = "data-tbf-theme-bound";
|
|
3
|
+
declare const THEME_CURRENT_ATTR = "data-tbf-theme-current";
|
|
4
|
+
declare const THEME_VALUE_ATTR = "data-tbf-theme-value";
|
|
5
|
+
declare const THEME_CHANGE_EVENT = "tbf:themechange";
|
|
6
|
+
declare const THEME_MODES_GLOBAL_KEY = "tbf.frontend.theme.modes";
|
|
7
|
+
declare const THEME_TOGGLE_SELECTOR = "[data-tbf-theme-button]";
|
|
8
|
+
declare const THEME_SELECT_SELECTOR = "[data-tbf-theme-select]";
|
|
9
|
+
declare const THEME_OPTION_SELECTOR = "[data-tbf-theme-value]";
|
|
10
|
+
declare const THEME_LABEL_SELECTOR = "[data-tbf-theme-label]";
|
|
11
|
+
export { THEME_ATTR, THEME_BOUND_ATTR, THEME_CHANGE_EVENT, THEME_CURRENT_ATTR, THEME_LABEL_SELECTOR, THEME_MODES_GLOBAL_KEY, THEME_OPTION_SELECTOR, THEME_SELECT_SELECTOR, THEME_TOGGLE_SELECTOR, THEME_VALUE_ATTR, };
|
|
12
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/theme/constants.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,UAAU,mBAAmB,CAAC;AACpC,QAAA,MAAM,gBAAgB,yBAAyB,CAAC;AAChD,QAAA,MAAM,kBAAkB,2BAA2B,CAAC;AACpD,QAAA,MAAM,gBAAgB,yBAAyB,CAAC;AAChD,QAAA,MAAM,kBAAkB,oBAAoB,CAAC;AAC7C,QAAA,MAAM,sBAAsB,6BAA6B,CAAC;AAC1D,QAAA,MAAM,qBAAqB,4BAA4B,CAAC;AACxD,QAAA,MAAM,qBAAqB,4BAA4B,CAAC;AACxD,QAAA,MAAM,qBAAqB,2BAA2B,CAAC;AACvD,QAAA,MAAM,oBAAoB,2BAA2B,CAAC;AAEtD,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,CAAC"}
|