@furystack/shades-common-components 8.2.3 → 9.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/esm/components/button.d.ts.map +1 -1
- package/esm/components/button.js +3 -8
- package/esm/components/button.js.map +1 -1
- package/esm/services/css-variable-theme.d.ts.map +1 -1
- package/esm/services/css-variable-theme.js +1 -0
- package/esm/services/css-variable-theme.js.map +1 -1
- package/esm/services/default-dark-theme.d.ts.map +1 -1
- package/esm/services/default-dark-theme.js +1 -0
- package/esm/services/default-dark-theme.js.map +1 -1
- package/esm/services/default-light-theme.d.ts.map +1 -1
- package/esm/services/default-light-theme.js +1 -0
- package/esm/services/default-light-theme.js.map +1 -1
- package/esm/services/theme-provider-service.d.ts +15 -3
- package/esm/services/theme-provider-service.d.ts.map +1 -1
- package/esm/services/theme-provider-service.js +17 -3
- package/esm/services/theme-provider-service.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button.tsx +5 -10
- package/src/services/css-variable-theme.ts +1 -1
- package/src/services/default-dark-theme.ts +1 -0
- package/src/services/default-light-theme.ts +1 -0
- package/src/services/theme-provider-service.ts +20 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,uCAAuC,CAAA;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,uCAAuC,CAAA;AAG3E,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;CACtB,CAAA;AA0DD,eAAO,MAAM,MAAM;;;;;6HAwIjB,CAAA"}
|
package/esm/components/button.js
CHANGED
|
@@ -2,7 +2,6 @@ import { attachProps } from '@furystack/shades';
|
|
|
2
2
|
import { Shade, createComponent } from '@furystack/shades';
|
|
3
3
|
import { promisifyAnimation } from '../utils/promisify-animation.js';
|
|
4
4
|
import { ThemeProviderService } from '../services/theme-provider-service.js';
|
|
5
|
-
import { Trace } from '@furystack/utils';
|
|
6
5
|
const getBackground = (buttonProps, theme) => buttonProps.variant === 'contained'
|
|
7
6
|
? buttonProps.color
|
|
8
7
|
? buttonProps.disabled
|
|
@@ -74,13 +73,9 @@ export const Button = Shade({
|
|
|
74
73
|
const { theme } = themeProvider;
|
|
75
74
|
const background = getBackground(props, theme);
|
|
76
75
|
if (props.variant === 'contained') {
|
|
77
|
-
useDisposable('themeChanged', () =>
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
onFinished: () => {
|
|
81
|
-
const el = element;
|
|
82
|
-
el.style.color = getTextColor(props, themeProvider.theme, () => themeProvider.getTextColor(el.style.background || el.style.backgroundColor));
|
|
83
|
-
},
|
|
76
|
+
useDisposable('themeChanged', () => themeProvider.subscribe('themeChanged', () => {
|
|
77
|
+
const el = element;
|
|
78
|
+
el.style.color = getTextColor(props, themeProvider.theme, () => themeProvider.getTextColor(el.style.background || el.style.backgroundColor));
|
|
84
79
|
}));
|
|
85
80
|
}
|
|
86
81
|
const hoveredBackground = getHoveredBackground(props, theme, () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-variable-theme.d.ts","sourceRoot":"","sources":["../../src/services/css-variable-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACxD,eAAO,MAAM,gBAAgB,EAAE,
|
|
1
|
+
{"version":3,"file":"css-variable-theme.d.ts","sourceRoot":"","sources":["../../src/services/css-variable-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACxD,eAAO,MAAM,gBAAgB,EAAE,KAmD9B,CAAA;AAED,eAAO,MAAM,cAAc,QAAS,MAAM,SAAS,MAAM,QAAQ,WAAW,SAE3E,CAAA;AAED,eAAO,MAAM,cAAc,QAAS,MAAM,SAAQ,WAAW,WAE5D,CAAA;AAkBD,eAAO,MAAM,oBAAoB,UAAW,YAAY,KAAK,CAAC,SAG7D,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-variable-theme.js","sourceRoot":"","sources":["../../src/services/css-variable-theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,kCAAkC;QAC3C,SAAS,EAAE,oCAAoC;QAC/C,QAAQ,EAAE,mCAAmC;KAC9C;IACD,MAAM,EAAE;QACN,MAAM,EAAE,mCAAmC;QAC3C,KAAK,EAAE,kCAAkC;QACzC,QAAQ,EAAE,qCAAqC;QAC/C,QAAQ,EAAE,qCAAqC;QAC/C,kBAAkB,EAAE,gDAAgD;KACrE;IACD,UAAU,EAAE;QACV,OAAO,EAAE,wCAAwC;QACjD,KAAK,EAAE,sCAAsC;KAC9C;IACD,OAAO,EAAE;QACP,OAAO,EAAE;YACP,KAAK,EAAE,2CAA2C;YAClD,IAAI,EAAE,0CAA0C;YAChD,IAAI,EAAE,0CAA0C;SACjD;QACD,SAAS,EAAE;YACT,KAAK,EAAE,6CAA6C;YACpD,IAAI,EAAE,4CAA4C;YAClD,IAAI,EAAE,4CAA4C;SACnD;QACD,KAAK,EAAE;YACL,KAAK,EAAE,yCAAyC;YAChD,IAAI,EAAE,wCAAwC;YAC9C,IAAI,EAAE,wCAAwC;SAC/C;QACD,OAAO,EAAE;YACP,KAAK,EAAE,2CAA2C;YAClD,IAAI,EAAE,0CAA0C;YAChD,IAAI,EAAE,0CAA0C;SACjD;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,wCAAwC;YAC/C,IAAI,EAAE,uCAAuC;YAC7C,IAAI,EAAE,uCAAuC;SAC9C;QACD,OAAO,EAAE;YACP,KAAK,EAAE,2CAA2C;YAClD,IAAI,EAAE,0CAA0C;YAChD,IAAI,EAAE,0CAA0C;SACjD;KACF;IACD,OAAO,EAAE,6BAA6B;CACvC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,KAAa,EAAE,IAAiB,EAAE,EAAE;IAC9E,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;AACzE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,OAAoB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAgB,EAAE,EAAE;IAChH,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;AAC1F,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAClB,MAAS,EACT,MAAsB,EACtB,IAAiB,EACjB,QAAQ,GAAG,cAAc,EACzB,EAAE;IACF,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAmB,CAAA;IAClD,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACnB,IAAI,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,QAAQ,IAAI,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE,CAAC;YACvE,WAAW,CAAC,MAAM,CAAC,GAAG,CAAW,EAAE,MAAM,CAAC,GAAG,CAAW,EAAE,IAAI,CAAC,CAAA;YAC/D,OAAM;QACR,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAW,EAAE,MAAM,CAAC,GAAG,CAAW,EAAE,IAAI,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"css-variable-theme.js","sourceRoot":"","sources":["../../src/services/css-variable-theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-dark-theme.d.ts","sourceRoot":"","sources":["../../src/services/default-dark-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAExD,eAAO,MAAM,gBAAgB,EAAE,
|
|
1
|
+
{"version":3,"file":"default-dark-theme.d.ts","sourceRoot":"","sources":["../../src/services/default-dark-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAExD,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-dark-theme.js","sourceRoot":"","sources":["../../src/services/default-dark-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,0BAA0B;QACrC,QAAQ,EAAE,0BAA0B;KACrC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,2BAA2B;QAClC,QAAQ,EAAE,2BAA2B;QACrC,QAAQ,EAAE,0BAA0B;QACpC,kBAAkB,EAAE,2BAA2B;KAChD;IACD,UAAU,EAAE;QACV,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;KACjB;IACD,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,qBAAqB;CAC/B,CAAA"}
|
|
1
|
+
{"version":3,"file":"default-dark-theme.js","sourceRoot":"","sources":["../../src/services/default-dark-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,0BAA0B;QACrC,QAAQ,EAAE,0BAA0B;KACrC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,2BAA2B;QAClC,QAAQ,EAAE,2BAA2B;QACrC,QAAQ,EAAE,0BAA0B;QACpC,kBAAkB,EAAE,2BAA2B;KAChD;IACD,UAAU,EAAE;QACV,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;KACjB;IACD,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,qBAAqB;CAC/B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-light-theme.d.ts","sourceRoot":"","sources":["../../src/services/default-light-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAExD,eAAO,MAAM,iBAAiB,EAAE,
|
|
1
|
+
{"version":3,"file":"default-light-theme.d.ts","sourceRoot":"","sources":["../../src/services/default-light-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAExD,eAAO,MAAM,iBAAiB,EAAE,KAoB/B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default-light-theme.js","sourceRoot":"","sources":["../../src/services/default-light-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,SAAS,EAAE,qBAAqB;QAChC,QAAQ,EAAE,qBAAqB;KAChC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,qBAAqB;QAC7B,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,qBAAqB;QAC/B,kBAAkB,EAAE,qBAAqB;KAC1C;IACD,UAAU,EAAE;QACV,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE,qBAAqB;CAC/B,CAAA"}
|
|
1
|
+
{"version":3,"file":"default-light-theme.js","sourceRoot":"","sources":["../../src/services/default-light-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAGrD,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE,qBAAqB;IAC3B,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,SAAS,EAAE,qBAAqB;QAChC,QAAQ,EAAE,qBAAqB;KAChC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,qBAAqB;QAC7B,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,qBAAqB;QAC/B,kBAAkB,EAAE,qBAAqB;KAC1C;IACD,UAAU,EAAE;QACV,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE,qBAAqB;CAC/B,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { EventHub, type DeepPartial } from '@furystack/utils';
|
|
2
2
|
export type Color = string;
|
|
3
3
|
export type ColorVariants = {
|
|
4
4
|
main: Color;
|
|
@@ -30,6 +30,7 @@ export interface Background {
|
|
|
30
30
|
paper: Color;
|
|
31
31
|
}
|
|
32
32
|
export interface Theme {
|
|
33
|
+
name: string;
|
|
33
34
|
palette: Palette;
|
|
34
35
|
text: Text;
|
|
35
36
|
button: ButtonColor;
|
|
@@ -48,7 +49,9 @@ export declare class RgbColor {
|
|
|
48
49
|
/**
|
|
49
50
|
* Service class for theme-related operations
|
|
50
51
|
*/
|
|
51
|
-
export declare class ThemeProviderService {
|
|
52
|
+
export declare class ThemeProviderService extends EventHub<{
|
|
53
|
+
themeChanged: DeepPartial<Theme>;
|
|
54
|
+
}> {
|
|
52
55
|
/**
|
|
53
56
|
* @deprecated does not respect CSS vars
|
|
54
57
|
* @param color The background color
|
|
@@ -64,7 +67,16 @@ export declare class ThemeProviderService {
|
|
|
64
67
|
*/
|
|
65
68
|
getRgbFromColorString(color: string): RgbColor;
|
|
66
69
|
readonly theme: Theme;
|
|
67
|
-
|
|
70
|
+
private _assignedTheme;
|
|
71
|
+
/**
|
|
72
|
+
* Returns the last assigned theme object
|
|
73
|
+
*/
|
|
74
|
+
getAssignedTheme(): DeepPartial<Theme>;
|
|
75
|
+
/**
|
|
76
|
+
*
|
|
77
|
+
* @param v The Theme instance
|
|
78
|
+
*/
|
|
79
|
+
setAssignedTheme(theme: DeepPartial<Theme>): void;
|
|
68
80
|
dispose(): void;
|
|
69
81
|
}
|
|
70
82
|
//# sourceMappingURL=theme-provider-service.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-provider-service.d.ts","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"theme-provider-service.d.ts","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG7D,MAAM,MAAM,KAAK,GAAG,MAAM,CAAA;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,aAAa,CAAA;IACtB,SAAS,EAAE,aAAa,CAAA;IACxB,KAAK,EAAE,aAAa,CAAA;IACpB,OAAO,EAAE,aAAa,CAAA;IACtB,OAAO,EAAE,aAAa,CAAA;IACtB,IAAI,EAAE,aAAa,CAAA;CACpB;AAED,MAAM,WAAW,IAAI;IACnB,OAAO,EAAE,KAAK,CAAA;IACd,SAAS,EAAE,KAAK,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAA;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,KAAK,CAAA;IACb,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,KAAK,CAAA;IACf,QAAQ,EAAE,KAAK,CAAA;IACf,kBAAkB,EAAE,KAAK,CAAA;CAC1B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,KAAK,CAAA;IACd,KAAK,EAAE,KAAK,CAAA;CACb;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,EAAE,WAAW,CAAA;IACnB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,KAAK,CAAA;CACf;AAED,qBAAa,QAAQ;IAEV,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;gBAHT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,GAAE,MAAU;IAGf,MAAM,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ;IAK3D,QAAQ,IAAI,MAAM;CAG1B;AAED;;GAEG;AACH,qBACa,oBAAqB,SAAQ,QAAQ,CAAC;IAAE,YAAY,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;CAAE,CAAC;IACtF;;;;;;OAMG;IACI,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,SAAY,EAAE,IAAI,SAAY;IAMvE;;;;OAIG;IACI,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ;IAmCrD,SAAgB,KAAK,QAAmB;IAExC,OAAO,CAAC,cAAc,CAAuC;IAE7D;;OAEG;IACI,gBAAgB,IAAI,WAAW,CAAC,KAAK,CAAC;IAI7C;;;OAGG;IACI,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC;IAM1C,OAAO;CAGf"}
|
|
@@ -5,6 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { Injectable } from '@furystack/inject';
|
|
8
|
+
import { EventHub } from '@furystack/utils';
|
|
8
9
|
import { cssVariableTheme, getCssVariable, useThemeCssVariables } from './css-variable-theme.js';
|
|
9
10
|
export class RgbColor {
|
|
10
11
|
r;
|
|
@@ -28,7 +29,7 @@ export class RgbColor {
|
|
|
28
29
|
/**
|
|
29
30
|
* Service class for theme-related operations
|
|
30
31
|
*/
|
|
31
|
-
let ThemeProviderService = class ThemeProviderService {
|
|
32
|
+
let ThemeProviderService = class ThemeProviderService extends EventHub {
|
|
32
33
|
/**
|
|
33
34
|
* @deprecated does not respect CSS vars
|
|
34
35
|
* @param color The background color
|
|
@@ -73,8 +74,21 @@ let ThemeProviderService = class ThemeProviderService {
|
|
|
73
74
|
throw Error(`Color format '${color}' is not supported.'`);
|
|
74
75
|
}
|
|
75
76
|
theme = cssVariableTheme;
|
|
76
|
-
|
|
77
|
-
|
|
77
|
+
_assignedTheme = cssVariableTheme;
|
|
78
|
+
/**
|
|
79
|
+
* Returns the last assigned theme object
|
|
80
|
+
*/
|
|
81
|
+
getAssignedTheme() {
|
|
82
|
+
return this._assignedTheme;
|
|
83
|
+
}
|
|
84
|
+
/**
|
|
85
|
+
*
|
|
86
|
+
* @param v The Theme instance
|
|
87
|
+
*/
|
|
88
|
+
setAssignedTheme(theme) {
|
|
89
|
+
this._assignedTheme = theme;
|
|
90
|
+
useThemeCssVariables(theme);
|
|
91
|
+
this.emit('themeChanged', theme);
|
|
78
92
|
}
|
|
79
93
|
dispose() {
|
|
80
94
|
/** */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-provider-service.js","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"theme-provider-service.js","sourceRoot":"","sources":["../../src/services/theme-provider-service.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -4,7 +4,6 @@ import { Shade, createComponent } from '@furystack/shades'
|
|
|
4
4
|
import { promisifyAnimation } from '../utils/promisify-animation.js'
|
|
5
5
|
import type { Palette, Theme } from '../services/theme-provider-service.js'
|
|
6
6
|
import { ThemeProviderService } from '../services/theme-provider-service.js'
|
|
7
|
-
import { Trace } from '@furystack/utils'
|
|
8
7
|
|
|
9
8
|
export type ButtonProps = PartialElement<HTMLButtonElement> & {
|
|
10
9
|
variant?: 'contained' | 'outlined'
|
|
@@ -106,15 +105,11 @@ export const Button = Shade<ButtonProps>({
|
|
|
106
105
|
|
|
107
106
|
if (props.variant === 'contained') {
|
|
108
107
|
useDisposable('themeChanged', () =>
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
el.style.color = getTextColor(props, themeProvider.theme, () =>
|
|
115
|
-
themeProvider.getTextColor(el.style.background || el.style.backgroundColor),
|
|
116
|
-
)
|
|
117
|
-
},
|
|
108
|
+
themeProvider.subscribe('themeChanged', () => {
|
|
109
|
+
const el = element
|
|
110
|
+
el.style.color = getTextColor(props, themeProvider.theme, () =>
|
|
111
|
+
themeProvider.getTextColor(el.style.background || el.style.backgroundColor),
|
|
112
|
+
)
|
|
118
113
|
}),
|
|
119
114
|
)
|
|
120
115
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { DeepPartial } from '@furystack/utils'
|
|
2
2
|
import type { Theme } from './theme-provider-service.js'
|
|
3
3
|
export const cssVariableTheme: Theme = {
|
|
4
|
+
name: 'css-variable-theme',
|
|
4
5
|
text: {
|
|
5
6
|
primary: 'var(--shades-theme-text-primary)',
|
|
6
7
|
secondary: 'var(--shades-theme-text-secondary)',
|
|
@@ -76,7 +77,6 @@ const assignValue = <T extends object>(
|
|
|
76
77
|
}
|
|
77
78
|
})
|
|
78
79
|
}
|
|
79
|
-
|
|
80
80
|
export const useThemeCssVariables = (theme: DeepPartial<Theme>) => {
|
|
81
81
|
const root = document.querySelector(':root') as HTMLElement
|
|
82
82
|
assignValue(cssVariableTheme, theme, root)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Injectable } from '@furystack/inject'
|
|
2
|
-
import type
|
|
2
|
+
import { EventHub, type DeepPartial } from '@furystack/utils'
|
|
3
3
|
import { cssVariableTheme, getCssVariable, useThemeCssVariables } from './css-variable-theme.js'
|
|
4
4
|
|
|
5
5
|
export type Color = string // `#${string}` | `rgba(${number},${number},${number},${number})` |
|
|
@@ -39,6 +39,7 @@ export interface Background {
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
export interface Theme {
|
|
42
|
+
name: string
|
|
42
43
|
palette: Palette
|
|
43
44
|
text: Text
|
|
44
45
|
button: ButtonColor
|
|
@@ -68,7 +69,7 @@ export class RgbColor {
|
|
|
68
69
|
* Service class for theme-related operations
|
|
69
70
|
*/
|
|
70
71
|
@Injectable({ lifetime: 'singleton' })
|
|
71
|
-
export class ThemeProviderService {
|
|
72
|
+
export class ThemeProviderService extends EventHub<{ themeChanged: DeepPartial<Theme> }> {
|
|
72
73
|
/**
|
|
73
74
|
* @deprecated does not respect CSS vars
|
|
74
75
|
* @param color The background color
|
|
@@ -124,8 +125,23 @@ export class ThemeProviderService {
|
|
|
124
125
|
|
|
125
126
|
public readonly theme = cssVariableTheme
|
|
126
127
|
|
|
127
|
-
|
|
128
|
-
|
|
128
|
+
private _assignedTheme: DeepPartial<Theme> = cssVariableTheme
|
|
129
|
+
|
|
130
|
+
/**
|
|
131
|
+
* Returns the last assigned theme object
|
|
132
|
+
*/
|
|
133
|
+
public getAssignedTheme(): DeepPartial<Theme> {
|
|
134
|
+
return this._assignedTheme
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
*
|
|
139
|
+
* @param v The Theme instance
|
|
140
|
+
*/
|
|
141
|
+
public setAssignedTheme(theme: DeepPartial<Theme>) {
|
|
142
|
+
this._assignedTheme = theme
|
|
143
|
+
useThemeCssVariables(theme)
|
|
144
|
+
this.emit('themeChanged', theme)
|
|
129
145
|
}
|
|
130
146
|
|
|
131
147
|
public dispose() {
|