@tstdl/base 0.71.16 → 0.71.19
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/css/theme/theme.model.d.ts +5 -5
- package/css/theme/theme.model.js +5 -0
- package/css/theme/theme.model.js.map +1 -1
- package/css/theme/theme.service.js +40 -10
- package/css/theme/theme.service.js.map +1 -1
- package/package.json +3 -3
- package/tokens.d.ts +1 -0
- package/tokens.js +6 -0
- package/tokens.js.map +1 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export declare type ThemeEntry = string | {
|
|
2
|
-
name?:
|
|
1
|
+
export declare type ThemeEntry<Name extends string = string> = string | {
|
|
2
|
+
name?: Name;
|
|
3
3
|
color: string;
|
|
4
4
|
};
|
|
5
|
-
export declare type Theme = {
|
|
6
|
-
|
|
7
|
-
colors: Record<string, ThemeEntry>;
|
|
5
|
+
export declare type Theme<T extends Record<string, ThemeEntry> = Record<string, ThemeEntry>> = {
|
|
6
|
+
colors: T;
|
|
8
7
|
};
|
|
8
|
+
export declare function createTheme<T extends Theme>(theme: T): T;
|
package/css/theme/theme.model.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.model.js","sourceRoot":"","sources":["../../../source/css/theme/theme.model.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"theme.model.js","sourceRoot":"","sources":["../../../source/css/theme/theme.model.ts"],"names":[],"mappings":";;;AASA,SAAgB,WAAW,CAAkB,KAAQ;IACnD,OAAO,KAAK,CAAC;AACf,CAAC;AAFD,kCAEC"}
|
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
|
+
};
|
|
8
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
9
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
10
|
+
};
|
|
11
|
+
var __param = (this && this.__param) || function (paramIndex, decorator) {
|
|
12
|
+
return function (target, key) { decorator(target, key, paramIndex); }
|
|
13
|
+
};
|
|
2
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
15
|
exports.ThemeService = void 0;
|
|
4
|
-
const
|
|
16
|
+
const container_1 = require("../../container");
|
|
17
|
+
const tokens_1 = require("../../tokens");
|
|
5
18
|
const type_guards_1 = require("../../utils/type-guards");
|
|
6
19
|
const chroma = require("chroma-js");
|
|
7
|
-
|
|
8
|
-
class ThemeService {
|
|
20
|
+
let ThemeService = class ThemeService {
|
|
9
21
|
constructor(document) {
|
|
10
22
|
this.styleElement = document.createElement('style');
|
|
11
23
|
document.head.appendChild(this.styleElement);
|
|
@@ -37,23 +49,41 @@ class ThemeService {
|
|
|
37
49
|
}
|
|
38
50
|
`;
|
|
39
51
|
}
|
|
40
|
-
}
|
|
52
|
+
};
|
|
53
|
+
ThemeService = __decorate([
|
|
54
|
+
(0, container_1.singleton)(),
|
|
55
|
+
__param(0, (0, container_1.inject)(tokens_1.DOCUMENT)),
|
|
56
|
+
__metadata("design:paramtypes", [Document])
|
|
57
|
+
], ThemeService);
|
|
41
58
|
exports.ThemeService = ThemeService;
|
|
42
59
|
function buildThemeRules(theme) {
|
|
43
|
-
var _a
|
|
60
|
+
var _a;
|
|
44
61
|
const rules = [];
|
|
45
62
|
for (const [colorName, value] of Object.entries(theme.colors)) {
|
|
46
63
|
const name = (0, type_guards_1.isString)(value) ? colorName : ((_a = value.name) !== null && _a !== void 0 ? _a : colorName);
|
|
47
64
|
const color = (0, type_guards_1.isString)(value) ? value : value.color;
|
|
48
|
-
const colorRules = generatePaletteVariableDeclarations(name,
|
|
65
|
+
const colorRules = generatePaletteVariableDeclarations(name, color);
|
|
49
66
|
rules.push(...colorRules);
|
|
50
67
|
}
|
|
51
68
|
return rules;
|
|
52
69
|
}
|
|
53
|
-
function generatePaletteVariableDeclarations(paletteName,
|
|
54
|
-
const
|
|
55
|
-
const
|
|
56
|
-
const
|
|
70
|
+
function generatePaletteVariableDeclarations(paletteName, color) {
|
|
71
|
+
const chromaColor = chroma.css(color);
|
|
72
|
+
const [hue, saturation, lightness] = chromaColor.hsl();
|
|
73
|
+
const colors = {
|
|
74
|
+
50: chroma.hsl(hue, saturation, lightness - 0.40).css(),
|
|
75
|
+
100: chroma.hsl(hue, saturation, lightness - 0.32).css(),
|
|
76
|
+
200: chroma.hsl(hue, saturation, lightness - 0.24).css(),
|
|
77
|
+
300: chroma.hsl(hue, saturation, lightness - 0.16).css(),
|
|
78
|
+
400: chroma.hsl(hue, saturation, lightness - 0.08).css(),
|
|
79
|
+
500: chromaColor.css(),
|
|
80
|
+
600: chroma.hsl(hue, saturation, lightness + 0.11).css(),
|
|
81
|
+
700: chroma.hsl(hue, saturation, lightness + 0.22).css(),
|
|
82
|
+
800: chroma.hsl(hue, saturation, lightness + 0.33).css(),
|
|
83
|
+
900: chroma.hsl(hue, saturation, lightness + 0.44).css()
|
|
84
|
+
};
|
|
85
|
+
const colorEntries = Object.entries(colors);
|
|
86
|
+
const variables = [[`--color-${paletteName}`, colors[500]], ...colorEntries.map(([number, numberColor]) => [`--color-${paletteName}-${number}`, numberColor])];
|
|
57
87
|
const variableDeclarations = variables.map(([name, value]) => `${name}: ${value};`);
|
|
58
88
|
return variableDeclarations;
|
|
59
89
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.service.js","sourceRoot":"","sources":["../../../source/css/theme/theme.service.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.service.js","sourceRoot":"","sources":["../../../source/css/theme/theme.service.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tstdl/base",
|
|
3
|
-
"version": "0.71.
|
|
3
|
+
"version": "0.71.19",
|
|
4
4
|
"author": "Patrick Hein",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"rxjs": "^7"
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
|
-
"@types/chroma-js": "^2.1
|
|
21
|
+
"@types/chroma-js": "^2.1",
|
|
22
22
|
"@types/koa__router": "8.0",
|
|
23
23
|
"@types/luxon": "2.3",
|
|
24
24
|
"@types/minio": "7.0",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@elastic/elasticsearch": "^8.2",
|
|
39
39
|
"@koa/router": "^10.1",
|
|
40
40
|
"@tstdl/angular": "^0.10",
|
|
41
|
-
"chroma-js": "^2.4
|
|
41
|
+
"chroma-js": "^2.4",
|
|
42
42
|
"got": "^12.0",
|
|
43
43
|
"handlebars": "^4.7",
|
|
44
44
|
"koa": "^2.13",
|
package/tokens.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DOCUMENT: import("./container").InjectionToken<Document, any>;
|
package/tokens.js
ADDED
package/tokens.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../source/tokens.ts"],"names":[],"mappings":";;;AAAA,2CAA6C;AAEhC,QAAA,QAAQ,GAAG,IAAA,0BAAc,EAAW,UAAU,CAAC,CAAC"}
|