@salutejs/plasma-tokens-utils 0.24.0 → 0.25.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/lib/functions.d.ts +2 -2
- package/lib/functions.js +4 -4
- package/lib/functions.js.map +1 -1
- package/lib/generation.d.ts +2 -12
- package/lib/generation.js +14 -39
- package/lib/generation.js.map +1 -1
- package/lib/generators/generateColorThemeValues.js +1 -13
- package/lib/generators/generateColorThemeValues.js.map +1 -1
- package/lib/generators/generateColorThemes.js +4 -20
- package/lib/generators/generateColorThemes.js.map +1 -1
- package/lib/generators/generateColorThemesTokenDataGroups.d.ts +1 -1
- package/lib/generators/generateColorThemesTokenDataGroups.js +16 -6
- package/lib/generators/generateColorThemesTokenDataGroups.js.map +1 -1
- package/lib/generators/generateFile.js +1 -2
- package/lib/generators/generateFile.js.map +1 -1
- package/lib/generators/generateThemes.d.ts +2 -0
- package/lib/generators/generateThemes.js +46 -0
- package/lib/generators/generateThemes.js.map +1 -0
- package/lib/generators/generateTokenSet.d.ts +16 -0
- package/lib/generators/generateTokenSet.js +60 -0
- package/lib/generators/generateTokenSet.js.map +1 -0
- package/lib/generators/generateTypoSystem.js +1 -1
- package/lib/generators/generateTypoSystem.js.map +1 -1
- package/lib/generators/getMapDeprecatedColorTokens.d.ts +1 -1
- package/lib/generators/getMapDeprecatedColorTokens.js +9 -6
- package/lib/generators/getMapDeprecatedColorTokens.js.map +1 -1
- package/lib/generators/index.d.ts +2 -0
- package/lib/generators/index.js +5 -1
- package/lib/generators/index.js.map +1 -1
- package/lib/types.d.ts +13 -1
- package/lib/utils/index.d.ts +3 -1
- package/lib/utils/index.js +6 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/objectToCSSShadowVariables.d.ts +2 -0
- package/lib/utils/objectToCSSShadowVariables.js +16 -0
- package/lib/utils/objectToCSSShadowVariables.js.map +1 -0
- package/lib/utils/objectToCSSVariables.d.ts +3 -2
- package/lib/utils/objectToCSSVariables.js +15 -21
- package/lib/utils/objectToCSSVariables.js.map +1 -1
- package/lib/utils/other.d.ts +3 -1
- package/lib/utils/other.js +10 -4
- package/lib/utils/other.js.map +1 -1
- package/lib/utils/writeGeneratedToFS.d.ts +8 -0
- package/lib/utils/writeGeneratedToFS.js +29 -0
- package/lib/utils/writeGeneratedToFS.js.map +1 -0
- package/package.json +2 -2
package/lib/functions.d.ts
CHANGED
|
@@ -17,10 +17,10 @@ export declare const alphenColor: (color: string, value: number) => string;
|
|
|
17
17
|
* Преобразует название и значение токена в CSS Var.
|
|
18
18
|
* @param {string} name
|
|
19
19
|
* @param {string|number} value
|
|
20
|
-
* @param {
|
|
20
|
+
* @param {withDesignPrefix|undefined} withDesignPrefix
|
|
21
21
|
* @return {string}
|
|
22
22
|
*/
|
|
23
|
-
export declare const toCSSVarTokenWithValue: (name: string, value: string | number,
|
|
23
|
+
export declare const toCSSVarTokenWithValue: (name: string, value: string | number, withDesignPrefix?: boolean | undefined) => string;
|
|
24
24
|
export declare const capitalize: (str: string) => string;
|
|
25
25
|
/**
|
|
26
26
|
* Конвертация значений fontSize и lineHeight из пикселей в ремы.
|
package/lib/functions.js
CHANGED
|
@@ -59,13 +59,13 @@ var toRem = function (value, basis) {
|
|
|
59
59
|
* Преобразует название и значение токена в CSS Var.
|
|
60
60
|
* @param {string} name
|
|
61
61
|
* @param {string|number} value
|
|
62
|
-
* @param {
|
|
62
|
+
* @param {withDesignPrefix|undefined} withDesignPrefix
|
|
63
63
|
* @return {string}
|
|
64
64
|
*/
|
|
65
|
-
exports.toCSSVarTokenWithValue = function (name, value,
|
|
65
|
+
exports.toCSSVarTokenWithValue = function (name, value, withDesignPrefix) {
|
|
66
66
|
return value
|
|
67
|
-
? "var(" + utils_1.getCSSVariableName(name,
|
|
68
|
-
: "var(" + utils_1.getCSSVariableName(name,
|
|
67
|
+
? "var(" + utils_1.getCSSVariableName(name, withDesignPrefix) + ", " + utils_1.escapeValue(value) + ")"
|
|
68
|
+
: "var(" + utils_1.getCSSVariableName(name, withDesignPrefix) + ")";
|
|
69
69
|
};
|
|
70
70
|
// ToDo: перенести в новый пакет, plasma-utils, где шарится код между всеми компонентами, токенами, утилитами
|
|
71
71
|
exports.capitalize = function (str) { return str[0].toUpperCase() + str.slice(1); };
|
package/lib/functions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"functions.js","sourceRoot":"","sources":["../src/functions.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAG1B,iCAA0D;AAE1D;;;;GAIG;AACU,QAAA,aAAa,GAAG,UAAC,GAAW;IACrC,IAAM,KAAK,GAAG,eAAK,CAAC,GAAG,CAAC,CAAC;IACzB,IAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,IAAM,QAAQ,GAAG,eAAK,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;IAE/D,IAAI,KAAK,KAAK,CAAC,EAAE;QACb,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;KACpC;IACD,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;AACrC,CAAC,CAAC;AAEF;;GAEG;AACU,QAAA,YAAY,GAAG,UAAC,KAAa,EAAE,KAAa;IACrD,IAAM,GAAG,GAAG,eAAK,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC;IAC/B,IAAM,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,CAAC;IAEnD,IAAI,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;QACnB,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;KAC/B;IACD,OAAO,GAAG,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;AAChC,CAAC,CAAC;AAEF;;GAEG;AACU,QAAA,WAAW,GAAG,UAAC,KAAa,EAAE,KAAa;IACpD,IAAM,GAAG,GAAG,eAAK,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC;IAC/B,OAAO,qBAAa,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;AACpE,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,IAAM,KAAK,GAAG,UAAC,KAAsB,EAAE,KAAU;IAAV,sBAAA,EAAA,UAAU;IAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC3B,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;KACnD;IACD,OAAU,KAAK,GAAG,KAAK,QAAK,CAAC;AACjC,CAAC,CAAC;AAEF;;;;;;GAMG;AACU,QAAA,sBAAsB,GAAG,UAAC,IAAY,EAAE,KAAsB,EAAE,
|
|
1
|
+
{"version":3,"file":"functions.js","sourceRoot":"","sources":["../src/functions.ts"],"names":[],"mappings":"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"}
|
package/lib/generation.d.ts
CHANGED
|
@@ -1,22 +1,19 @@
|
|
|
1
1
|
import { ThemeColorsList } from './constants';
|
|
2
|
-
import type { TokenDataGroup, TokenData, TokenType, TypoSystem, GeneratedFiles, TypoStyles } from './types';
|
|
3
|
-
declare type GeneratedTokenType = 'value' | 'css';
|
|
2
|
+
import type { TokenDataGroup, TokenData, TokenType, TypoSystem, GeneratedFiles, TypoStyles, GeneratedTokenType } from './types';
|
|
4
3
|
/**
|
|
5
4
|
* Генерация одиночного токена.
|
|
6
5
|
* @param {TokenData<TokenType>} token Входные данные
|
|
7
6
|
* @param {GeneratedTokenType} type Тип выводимого токена
|
|
8
7
|
* @param {string} prefix Префикс в CSS-токене
|
|
9
8
|
* @param {boolean} withType Генерировать типы для токенов
|
|
10
|
-
* @param {boolean} fromData Тема из генератора
|
|
11
9
|
* @return {string}
|
|
12
10
|
*/
|
|
13
|
-
export declare const generateToken: ({ token, type, name, prefix, withType,
|
|
11
|
+
export declare const generateToken: ({ token, type, name, prefix, withType, }: {
|
|
14
12
|
token: TokenData<TokenType>;
|
|
15
13
|
type: GeneratedTokenType;
|
|
16
14
|
name: string;
|
|
17
15
|
prefix?: string | undefined;
|
|
18
16
|
withType?: boolean | undefined;
|
|
19
|
-
fromData?: boolean | undefined;
|
|
20
17
|
}) => string;
|
|
21
18
|
/**
|
|
22
19
|
* Преобразует объект токенов в CSS Properties object.
|
|
@@ -43,10 +40,3 @@ export declare const generateTypographyValues: <TK extends string>(typoSystem: P
|
|
|
43
40
|
* Генерация Theme JSON.
|
|
44
41
|
*/
|
|
45
42
|
export declare const generateThemeJSON: <TK extends string>(typoSystem: TypoSystem<TK>, basicTheme: Record<keyof typeof ThemeColorsList, string>, otherThemes: Record<string, Record<keyof typeof ThemeColorsList, string>>) => string;
|
|
46
|
-
/**
|
|
47
|
-
* Запись нагенерированного в файловую систему.
|
|
48
|
-
* @param {string} dir Директория для записи (если не существует, то будет создана).
|
|
49
|
-
* @param {GeneratedFiles} generated Сгенерированный контент для записи.
|
|
50
|
-
*/
|
|
51
|
-
export declare const writeGeneratedToFS: (dir: string, generated: GeneratedFiles) => void;
|
|
52
|
-
export {};
|
package/lib/generation.js
CHANGED
|
@@ -21,28 +21,22 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
}
|
|
22
22
|
return t;
|
|
23
23
|
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
exports.
|
|
29
|
-
var fs_1 = __importDefault(require("fs"));
|
|
30
|
-
var path_1 = __importDefault(require("path"));
|
|
25
|
+
exports.generateThemeJSON = exports.generateTypographyValues = exports.generateTypography = exports.generateTokens = exports.generateToken = void 0;
|
|
31
26
|
var param_case_1 = require("param-case");
|
|
32
|
-
var constants_1 = require("./constants");
|
|
33
27
|
var functions_1 = require("./functions");
|
|
34
28
|
var utils_1 = require("./utils");
|
|
29
|
+
// TODO: https://github.com/salute-developers/plasma/issues/512
|
|
35
30
|
/**
|
|
36
31
|
* Генерация одиночного токена.
|
|
37
32
|
* @param {TokenData<TokenType>} token Входные данные
|
|
38
33
|
* @param {GeneratedTokenType} type Тип выводимого токена
|
|
39
34
|
* @param {string} prefix Префикс в CSS-токене
|
|
40
35
|
* @param {boolean} withType Генерировать типы для токенов
|
|
41
|
-
* @param {boolean} fromData Тема из генератора
|
|
42
36
|
* @return {string}
|
|
43
37
|
*/
|
|
44
38
|
exports.generateToken = function (_a) {
|
|
45
|
-
var token = _a.token, type = _a.type, name = _a.name, prefix = _a.prefix, withType = _a.withType
|
|
39
|
+
var token = _a.token, type = _a.type, name = _a.name, prefix = _a.prefix, withType = _a.withType;
|
|
46
40
|
var comment = token.comment;
|
|
47
41
|
var value = token.value;
|
|
48
42
|
var out = '';
|
|
@@ -63,31 +57,25 @@ exports.generateToken = function (_a) {
|
|
|
63
57
|
}
|
|
64
58
|
out += '\n\n';
|
|
65
59
|
}
|
|
66
|
-
if (typeof value === 'string'
|
|
67
|
-
var newValue = typeof value === 'object' ? value.origin : value;
|
|
60
|
+
if (typeof value === 'string') {
|
|
68
61
|
// type=css param is used for colors values only
|
|
69
62
|
if (type === 'css') {
|
|
70
|
-
value = functions_1.toCSSVarTokenWithValue(prefix + "-" + param_case_1.paramCase(name),
|
|
63
|
+
value = functions_1.toCSSVarTokenWithValue(prefix + "-" + param_case_1.paramCase(name), value);
|
|
71
64
|
}
|
|
72
65
|
else {
|
|
73
|
-
value = utils_1.escapeValue(
|
|
66
|
+
value = utils_1.escapeValue(value);
|
|
74
67
|
}
|
|
75
|
-
|
|
76
|
-
var clearName = name.split('-')[1] || name;
|
|
77
|
-
out += "export const " + clearName + typeHint + " = '" + value + "';\n";
|
|
68
|
+
out += "export const " + name + typeHint + " = '" + value + "';\n";
|
|
78
69
|
}
|
|
79
70
|
else {
|
|
80
71
|
// type=css param is used for typography values only
|
|
81
72
|
var replacer = function (k, val) {
|
|
82
73
|
if (k) {
|
|
83
|
-
return functions_1.toCSSVarTokenWithValue(prefix + "-" + param_case_1.paramCase(k), val
|
|
74
|
+
return functions_1.toCSSVarTokenWithValue(prefix + "-" + param_case_1.paramCase(k), val);
|
|
84
75
|
}
|
|
85
76
|
return val;
|
|
86
77
|
};
|
|
87
|
-
var
|
|
88
|
-
var objToStr = (type === 'css'
|
|
89
|
-
? JSON.stringify(newValue, replacer, 4)
|
|
90
|
-
: JSON.stringify(newValue, null, 4)).replace(/"/g, "'");
|
|
78
|
+
var objToStr = (type === 'css' ? JSON.stringify(value, replacer, 4) : JSON.stringify(value, null, 4)).replace(/"/g, "'");
|
|
91
79
|
out += "export const " + name + typeHint + " = " + objToStr + ";";
|
|
92
80
|
}
|
|
93
81
|
return out;
|
|
@@ -102,11 +90,10 @@ exports.generateToken = function (_a) {
|
|
|
102
90
|
*/
|
|
103
91
|
exports.generateTokens = function (tokens, type, prefix, withType) {
|
|
104
92
|
if (type === void 0) { type = 'value'; }
|
|
105
|
-
|
|
106
|
-
return Object.entries(theme).reduce(function (acc, _a) {
|
|
93
|
+
return Object.entries(tokens).reduce(function (acc, _a) {
|
|
107
94
|
var name = _a[0], token = _a[1];
|
|
108
|
-
return "" + acc + exports.generateToken({ token: token, type: type, name: name, prefix: prefix, withType: withType
|
|
109
|
-
},
|
|
95
|
+
return "" + acc + exports.generateToken({ token: token, type: type, name: name, prefix: prefix, withType: withType }) + "\n";
|
|
96
|
+
}, '');
|
|
110
97
|
};
|
|
111
98
|
/**
|
|
112
99
|
* Генерация типографики, разложенной по типам компонентов.
|
|
@@ -115,7 +102,7 @@ exports.generateTokens = function (tokens, type, prefix, withType) {
|
|
|
115
102
|
*/
|
|
116
103
|
exports.generateTypography = function (typoStyles) {
|
|
117
104
|
var out = [];
|
|
118
|
-
var index =
|
|
105
|
+
var index = '';
|
|
119
106
|
for (var _i = 0, _a = Object.entries(typoStyles); _i < _a.length; _i++) {
|
|
120
107
|
var _b = _a[_i], name_1 = _b[0], styles = _b[1];
|
|
121
108
|
index += "export { " + name_1 + " } from './" + name_1 + "';\n";
|
|
@@ -144,7 +131,7 @@ exports.generateTypography = function (typoStyles) {
|
|
|
144
131
|
exports.generateTypographyValues = function (typoSystem) {
|
|
145
132
|
var fontSizes = typoSystem.fontSizes, fonts = typoSystem.fonts, fontWeights = typoSystem.fontWeights, lineHeights = typoSystem.lineHeights, letterSpacings = typoSystem.letterSpacings;
|
|
146
133
|
var out = [];
|
|
147
|
-
var index =
|
|
134
|
+
var index = '';
|
|
148
135
|
for (var _i = 0, _a = Object.entries({
|
|
149
136
|
fontSizes: fontSizes,
|
|
150
137
|
fonts: fonts,
|
|
@@ -180,16 +167,4 @@ exports.generateThemeJSON = function (typoSystem, basicTheme, otherThemes) {
|
|
|
180
167
|
var theme = __assign({ fontSizes: fontSizes, colors: __assign(__assign({}, basicTheme), { modes: otherThemes }) }, rest);
|
|
181
168
|
return JSON.stringify(theme, null, 4) + "\n";
|
|
182
169
|
};
|
|
183
|
-
/**
|
|
184
|
-
* Запись нагенерированного в файловую систему.
|
|
185
|
-
* @param {string} dir Директория для записи (если не существует, то будет создана).
|
|
186
|
-
* @param {GeneratedFiles} generated Сгенерированный контент для записи.
|
|
187
|
-
*/
|
|
188
|
-
exports.writeGeneratedToFS = function (dir, generated) {
|
|
189
|
-
fs_1.default.existsSync(dir) || fs_1.default.mkdirSync(dir);
|
|
190
|
-
for (var _i = 0, generated_1 = generated; _i < generated_1.length; _i++) {
|
|
191
|
-
var _a = generated_1[_i], file = _a.file, content = _a.content;
|
|
192
|
-
fs_1.default.writeFileSync(path_1.default.join(dir, file), content);
|
|
193
|
-
}
|
|
194
|
-
};
|
|
195
170
|
//# sourceMappingURL=generation.js.map
|
package/lib/generation.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generation.js","sourceRoot":"","sources":["../src/generation.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"generation.js","sourceRoot":"","sources":["../src/generation.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.generateColorThemeValues = void 0;
|
|
15
4
|
var generation_1 = require("../generation");
|
|
@@ -22,8 +11,7 @@ exports.generateColorThemeValues = function (colorThemes) {
|
|
|
22
11
|
var out = [];
|
|
23
12
|
for (var _i = 0, _a = Object.entries(colorThemes); _i < _a.length; _i++) {
|
|
24
13
|
var _b = _a[_i], name_1 = _b[0], themeItem = _b[1];
|
|
25
|
-
|
|
26
|
-
out.push({ file: name_1 + ".ts", content: generation_1.generateTokens(theme) });
|
|
14
|
+
out.push({ file: name_1 + ".ts", content: generation_1.generateTokens(themeItem) });
|
|
27
15
|
}
|
|
28
16
|
return out;
|
|
29
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateColorThemeValues.js","sourceRoot":"","sources":["../../src/generators/generateColorThemeValues.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"generateColorThemeValues.js","sourceRoot":"","sources":["../../src/generators/generateColorThemeValues.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAE/C;;;;GAIG;AACU,QAAA,wBAAwB,GAAG,UAAC,WAAmD;IACxF,IAAM,GAAG,GAAmB,EAAE,CAAC;IAE/B,KAAgC,UAA2B,EAA3B,KAAA,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAA3B,cAA2B,EAA3B,IAA2B,EAAE;QAAlD,IAAA,WAAiB,EAAhB,MAAI,QAAA,EAAE,SAAS,QAAA;QACvB,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,EAAK,MAAI,QAAK,EAAE,OAAO,EAAE,2BAAc,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;KACxE;IAED,OAAO,GAAG,CAAC;AACf,CAAC,CAAC"}
|
|
@@ -10,26 +10,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
14
|
exports.generateColorThemes = void 0;
|
|
26
|
-
var constants_1 = require("../constants");
|
|
27
15
|
var utils_1 = require("../utils");
|
|
28
16
|
var generateFile_1 = require("./generateFile");
|
|
29
|
-
//
|
|
30
|
-
var findExistedProp = function (themeData, prop) {
|
|
31
|
-
return Object.keys(themeData).find(function (data) { return data.endsWith(prop); }) || '';
|
|
32
|
-
};
|
|
17
|
+
// TODO: https://github.com/salute-developers/plasma/issues/512
|
|
33
18
|
/**
|
|
34
19
|
* Генерация цветовых схем для создания глобального стиля.
|
|
35
20
|
* @param {Record<string, TokenDataGroup<string>>>} colorThemes Цветовые схемы, разложенные по названиям
|
|
@@ -39,18 +24,17 @@ exports.generateColorThemes = function (colorThemes, mixin, withDeprecated) {
|
|
|
39
24
|
if (mixin === void 0) { mixin = {}; }
|
|
40
25
|
if (withDeprecated === void 0) { withDeprecated = false; }
|
|
41
26
|
var files = [];
|
|
42
|
-
var indexContent =
|
|
27
|
+
var indexContent = '';
|
|
43
28
|
for (var _i = 0, _a = Object.entries(colorThemes); _i < _a.length; _i++) {
|
|
44
29
|
var _b = _a[_i], fileName = _b[0], themeItem = _b[1];
|
|
45
|
-
var
|
|
46
|
-
var themeData = utils_1.extractTokenData(theme);
|
|
30
|
+
var themeData = utils_1.extractTokenData(themeItem);
|
|
47
31
|
var _c = withDeprecated ? utils_1.getDeprecatedVars(fileName) : ['', ''], deprecated = _c[0], deprecatedThemeName = _c[1];
|
|
48
32
|
var fileNames = [fileName];
|
|
49
33
|
if (withDeprecated && deprecated) {
|
|
50
34
|
fileNames.push(deprecatedThemeName);
|
|
51
35
|
}
|
|
52
36
|
indexContent += "export { " + fileNames.join(', ') + " } from './" + fileName + "';\n";
|
|
53
|
-
files.push(generateFile_1.generateFile(fileName, utils_1.attachToRoot(__assign(__assign(__assign({}, utils_1.objectToCSSVariables(themeData, 'colors'
|
|
37
|
+
files.push(generateFile_1.generateFile(fileName, utils_1.attachToRoot(__assign(__assign(__assign({}, utils_1.objectToCSSVariables(themeData, 'colors')), utils_1.objectToCSSVariables(mixin)), { color: themeData.text, backgroundColor: themeData.background })), deprecated));
|
|
54
38
|
}
|
|
55
39
|
files.push({
|
|
56
40
|
file: 'index.ts',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateColorThemes.js","sourceRoot":"","sources":["../../src/generators/generateColorThemes.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"generateColorThemes.js","sourceRoot":"","sources":["../../src/generators/generateColorThemes.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,kCAAmG;AAEnG,+CAA8C;AAE9C,+DAA+D;AAE/D;;;;GAIG;AACU,QAAA,mBAAmB,GAAG,UAC/B,WAAmD,EACnD,KAAsB,EACtB,cAAsB;IADtB,sBAAA,EAAA,UAAsB;IACtB,+BAAA,EAAA,sBAAsB;IAEtB,IAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,IAAI,YAAY,GAAG,EAAE,CAAC;IAEtB,KAAoC,UAA2B,EAA3B,KAAA,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAA3B,cAA2B,EAA3B,IAA2B,EAAE;QAAtD,IAAA,WAAqB,EAApB,QAAQ,QAAA,EAAE,SAAS,QAAA;QAC3B,IAAM,SAAS,GAAG,wBAAgB,CAAC,SAAS,CAAC,CAAC;QACxC,IAAA,KAAoC,cAAc,CAAC,CAAC,CAAC,yBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAA1F,UAAU,QAAA,EAAE,mBAAmB,QAA2D,CAAC;QAElG,IAAM,SAAS,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC7B,IAAI,cAAc,IAAI,UAAU,EAAE;YAC9B,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;SACvC;QAED,YAAY,IAAI,cAAY,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAc,QAAQ,SAAM,CAAC;QAE7E,KAAK,CAAC,IAAI,CACN,2BAAY,CACR,QAAQ,EACR,oBAAY,gCACL,4BAAoB,CAAC,SAAS,EAAE,QAAQ,CAAC,GACzC,4BAAoB,CAAC,KAAK,CAAC,KAC9B,KAAK,EAAE,SAAS,CAAC,IAAI,EACrB,eAAe,EAAE,SAAS,CAAC,UAAU,IACvC,EACF,UAAU,CACb,CACJ,CAAC;KACL;IAED,KAAK,CAAC,IAAI,CAAC;QACP,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,YAAY;KACxB,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ThemeTokenDataGroups } from '../types';
|
|
2
|
-
export declare const generateColorThemesTokenDataGroups: (themesFolder: string) => Record<string, ThemeTokenDataGroups
|
|
2
|
+
export declare const generateColorThemesTokenDataGroups: (themesFolder: string) => Record<string, Record<string, ThemeTokenDataGroups>>;
|
|
@@ -31,27 +31,37 @@ var makePath = function (path, key) {
|
|
|
31
31
|
}
|
|
32
32
|
return path ? "" + path + index_1.upperFirstLetter(key) : key;
|
|
33
33
|
};
|
|
34
|
-
var dataObjectToTokenDataGroup = function (dataObject, path) {
|
|
34
|
+
var dataObjectToTokenDataGroup = function (dataObject, path, prefix) {
|
|
35
35
|
return Object.entries(dataObject).reduce(function (acc, _a) {
|
|
36
36
|
var _b;
|
|
37
37
|
var key = _a[0], value = _a[1];
|
|
38
38
|
var fullPath = makePath(path, key);
|
|
39
39
|
if (isTokenData(value)) {
|
|
40
|
-
|
|
40
|
+
var tokenName = prefix ? "" + prefix + index_1.upperFirstLetter(fullPath) : fullPath;
|
|
41
|
+
return __assign(__assign({}, acc), (_b = {}, _b[tokenName] = value, _b));
|
|
41
42
|
}
|
|
42
43
|
if (value && typeof value === 'object') {
|
|
43
|
-
return __assign(__assign({}, acc), dataObjectToTokenDataGroup(value, fullPath));
|
|
44
|
+
return __assign(__assign({}, acc), dataObjectToTokenDataGroup(value, fullPath, prefix));
|
|
44
45
|
}
|
|
45
46
|
return acc;
|
|
46
47
|
}, {});
|
|
47
48
|
};
|
|
48
49
|
var themeToColorTokenDataGroups = function (theme) {
|
|
49
50
|
var _a, _b;
|
|
50
|
-
var name = theme.config.name, dark = theme.dark, light = theme.light;
|
|
51
|
+
var name = theme.config.name, dark = theme.dark, light = theme.light, shadow = theme.shadow;
|
|
52
|
+
var shadowTokens = shadow
|
|
53
|
+
? dataObjectToTokenDataGroup(shadow, '', 'shadow')
|
|
54
|
+
: undefined;
|
|
51
55
|
return _a = {},
|
|
52
56
|
_a[name] = (_b = {},
|
|
53
|
-
_b[name + "__dark"] =
|
|
54
|
-
|
|
57
|
+
_b[name + "__dark"] = {
|
|
58
|
+
color: dataObjectToTokenDataGroup(dark, ''),
|
|
59
|
+
shadow: shadowTokens,
|
|
60
|
+
},
|
|
61
|
+
_b[name + "__light"] = {
|
|
62
|
+
color: dataObjectToTokenDataGroup(light, ''),
|
|
63
|
+
shadow: shadowTokens,
|
|
64
|
+
},
|
|
55
65
|
_b),
|
|
56
66
|
_a;
|
|
57
67
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateColorThemesTokenDataGroups.js","sourceRoot":"","sources":["../../src/generators/generateColorThemesTokenDataGroups.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAoB;AACpB,8CAAwB;AAExB,kCAAmF;AACnF,kCAA8E;AAE9E,IAAM,WAAW,GAAG,UAAC,KAAc;IAC/B,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,CAAC;AAC3E,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,IAAY,EAAE,GAAW;IACvC,IAAI,CAAC,IAAI,IAAI,GAAG,IAAI,kBAAU,EAAE;QAC5B,OAAO,EAAE,CAAC;KACb;IAED,IAAI,IAAI,KAAK,iBAAS,CAAC,OAAO,EAAE;QAC5B,OAAO,GAAG,CAAC;KACd;IAED,OAAO,IAAI,CAAC,CAAC,CAAC,KAAG,IAAI,GAAG,wBAAgB,CAAC,GAAG,CAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAC1D,CAAC,CAAC;AAEF,IAAM,0BAA0B,GAAG,UAAC,UAAsB,EAAE,IAAY;
|
|
1
|
+
{"version":3,"file":"generateColorThemesTokenDataGroups.js","sourceRoot":"","sources":["../../src/generators/generateColorThemesTokenDataGroups.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.generateFile = void 0;
|
|
4
|
-
var constants_1 = require("../constants");
|
|
5
4
|
/**
|
|
6
5
|
* Создает дескриптор на файл с определенным именем и контентом.
|
|
7
6
|
*/
|
|
@@ -12,7 +11,7 @@ exports.generateFile = function (name, content, deprecated) {
|
|
|
12
11
|
}
|
|
13
12
|
return {
|
|
14
13
|
file: name + ".ts",
|
|
15
|
-
content:
|
|
14
|
+
content: "export const " + name + " = " + content + ";" + deprecated + "\n",
|
|
16
15
|
};
|
|
17
16
|
};
|
|
18
17
|
//# sourceMappingURL=generateFile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateFile.js","sourceRoot":"","sources":["../../src/generators/generateFile.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"generateFile.js","sourceRoot":"","sources":["../../src/generators/generateFile.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACU,QAAA,YAAY,GAAG,UAAC,IAAY,EAAE,OAAwB,EAAE,UAAe;IAAf,2BAAA,EAAA,eAAe;IAChF,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QAC7B,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;KAC9C;IACD,OAAO;QACH,IAAI,EAAK,IAAI,QAAK;QAClB,OAAO,EAAE,kBAAgB,IAAI,WAAM,OAAO,SAAI,UAAU,OAAI;KAC/D,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.generateThemes = void 0;
|
|
15
|
+
var utils_1 = require("../utils");
|
|
16
|
+
var generateFile_1 = require("./generateFile");
|
|
17
|
+
// Метод для поиска ключа, у которого может быть префикс
|
|
18
|
+
var findExistedProp = function (themeData, prop) {
|
|
19
|
+
return Object.keys(themeData).find(function (data) { return data.endsWith(prop); }) || '';
|
|
20
|
+
};
|
|
21
|
+
exports.generateThemes = function (themes, mixin, withDeprecated) {
|
|
22
|
+
if (mixin === void 0) { mixin = {}; }
|
|
23
|
+
if (withDeprecated === void 0) { withDeprecated = false; }
|
|
24
|
+
var withPrefixDesign = false;
|
|
25
|
+
var files = [];
|
|
26
|
+
var indexContent = '';
|
|
27
|
+
for (var _i = 0, _a = Object.entries(themes); _i < _a.length; _i++) {
|
|
28
|
+
var _b = _a[_i], fileName = _b[0], themeItem = _b[1];
|
|
29
|
+
var _c = themeItem.color, color = _c === void 0 ? {} : _c, _d = themeItem.shadow, shadow = _d === void 0 ? {} : _d;
|
|
30
|
+
var themeData = utils_1.extractTokenData(color);
|
|
31
|
+
var themeShadow = utils_1.extractTokenData(shadow);
|
|
32
|
+
var _e = withDeprecated ? utils_1.getDeprecatedVars(fileName) : ['', ''], deprecated = _e[0], deprecatedThemeName = _e[1];
|
|
33
|
+
var fileNames = [fileName];
|
|
34
|
+
if (withDeprecated && deprecated) {
|
|
35
|
+
fileNames.push(deprecatedThemeName);
|
|
36
|
+
}
|
|
37
|
+
indexContent += "export { " + fileNames.join(', ') + " } from './" + fileName + "';\n";
|
|
38
|
+
files.push(generateFile_1.generateFile(fileName, utils_1.attachToRoot(__assign(__assign(__assign(__assign({}, utils_1.objectToCSSVariables(themeData, '', withPrefixDesign)), utils_1.objectToCSSShadowVariables(themeShadow)), utils_1.objectToCSSVariables(mixin, '', withPrefixDesign)), { color: themeData[findExistedProp(themeData, 'text')], backgroundColor: themeData[findExistedProp(themeData, 'background')] })), deprecated));
|
|
39
|
+
}
|
|
40
|
+
files.push({
|
|
41
|
+
file: 'index.ts',
|
|
42
|
+
content: indexContent,
|
|
43
|
+
});
|
|
44
|
+
return files;
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=generateThemes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"generateThemes.js","sourceRoot":"","sources":["../../src/generators/generateThemes.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,kCAMkB;AAElB,+CAA8C;AAE9C,yDAAyD;AACzD,IAAM,eAAe,GAAG,UAAC,SAAiC,EAAE,IAAY;IACpE,OAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAnB,CAAmB,CAAC,IAAI,EAAE;AAAhE,CAAgE,CAAC;AAExD,QAAA,cAAc,GAAG,UAC1B,MAA4C,EAC5C,KAAsB,EACtB,cAAsB;IADtB,sBAAA,EAAA,UAAsB;IACtB,+BAAA,EAAA,sBAAsB;IAEtB,IAAM,gBAAgB,GAAG,KAAK,CAAC;IAC/B,IAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,IAAI,YAAY,GAAG,EAAE,CAAC;IAEtB,KAAoC,UAAsB,EAAtB,KAAA,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAtB,cAAsB,EAAtB,IAAsB,EAAE;QAAjD,IAAA,WAAqB,EAApB,QAAQ,QAAA,EAAE,SAAS,QAAA;QACnB,IAAA,KAA4B,SAAS,MAA3B,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,KAAgB,SAAS,OAAd,EAAX,MAAM,mBAAG,EAAE,KAAA,CAAe;QAC9C,IAAM,SAAS,GAAG,wBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAM,WAAW,GAAG,wBAAgB,CAAC,MAAM,CAAC,CAAC;QAEvC,IAAA,KAAoC,cAAc,CAAC,CAAC,CAAC,yBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAA1F,UAAU,QAAA,EAAE,mBAAmB,QAA2D,CAAC;QAElG,IAAM,SAAS,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC7B,IAAI,cAAc,IAAI,UAAU,EAAE;YAC9B,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;SACvC;QAED,YAAY,IAAI,cAAY,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAc,QAAQ,SAAM,CAAC;QAE7E,KAAK,CAAC,IAAI,CACN,2BAAY,CACR,QAAQ,EACR,oBAAY,yCACL,4BAAoB,CAAC,SAAS,EAAE,EAAE,EAAE,gBAAgB,CAAC,GACrD,kCAA0B,CAAC,WAAW,CAAC,GACvC,4BAAoB,CAAC,KAAK,EAAE,EAAE,EAAE,gBAAgB,CAAC,KACpD,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,EACpD,eAAe,EAAE,SAAS,CAAC,eAAe,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,IACtE,EACF,UAAU,CACb,CACJ,CAAC;KACL;IAED,KAAK,CAAC,IAAI,CAAC;QACP,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,YAAY;KACxB,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { TokenDataGroup, TokenType, GeneratedTokenType, GeneratedTokenMode } from '../types';
|
|
2
|
+
interface GenerateTokens {
|
|
3
|
+
tokens: TokenDataGroup<TokenType> | undefined;
|
|
4
|
+
type: GeneratedTokenType;
|
|
5
|
+
mode: GeneratedTokenMode;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Преобразует объект токенов в CSS Properties object.
|
|
9
|
+
* @param {TokenDataGroup<TokenType>} tokens Объект токенов
|
|
10
|
+
* @param {GeneratedTokenType} type Тип выводимого токена
|
|
11
|
+
* @param {string} name Имя токена
|
|
12
|
+
* @param {GeneratedTokenMode} mode Вид выводимого токена
|
|
13
|
+
* @return {string}
|
|
14
|
+
*/
|
|
15
|
+
export declare const generateTokenSet: ({ tokens, type, mode }: GenerateTokens) => string;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.generateTokenSet = void 0;
|
|
4
|
+
var param_case_1 = require("param-case");
|
|
5
|
+
var functions_1 = require("../functions");
|
|
6
|
+
var utils_1 = require("../utils");
|
|
7
|
+
var generateShadowToken = function (_a) {
|
|
8
|
+
var value = _a.value, type = _a.type, name = _a.name, withPrefixDesign = _a.withPrefixDesign;
|
|
9
|
+
var result = '';
|
|
10
|
+
if (!Array.isArray(value)) {
|
|
11
|
+
return value;
|
|
12
|
+
}
|
|
13
|
+
var newValue = utils_1.getBoxShadow(value);
|
|
14
|
+
if (type === 'css') {
|
|
15
|
+
result = newValue.map(function (val) { return functions_1.toCSSVarTokenWithValue("" + param_case_1.paramCase(name), val, withPrefixDesign); }).join(', ');
|
|
16
|
+
}
|
|
17
|
+
return result;
|
|
18
|
+
};
|
|
19
|
+
var generateColorToken = function (_a) {
|
|
20
|
+
var value = _a.value, type = _a.type, name = _a.name, withPrefixDesign = _a.withPrefixDesign;
|
|
21
|
+
var result = '';
|
|
22
|
+
if (typeof value !== 'string' && !(typeof value === 'object' && 'origin' in value)) {
|
|
23
|
+
return value;
|
|
24
|
+
}
|
|
25
|
+
var newValue = typeof value === 'object' ? value.origin : value;
|
|
26
|
+
if (type === 'css') {
|
|
27
|
+
result = functions_1.toCSSVarTokenWithValue("" + param_case_1.paramCase(name), newValue, withPrefixDesign);
|
|
28
|
+
}
|
|
29
|
+
return result;
|
|
30
|
+
};
|
|
31
|
+
var generateMethodsMap = {
|
|
32
|
+
color: generateColorToken,
|
|
33
|
+
shadow: generateShadowToken,
|
|
34
|
+
};
|
|
35
|
+
var generateToken = function (_a) {
|
|
36
|
+
var token = _a.token, type = _a.type, name = _a.name, mode = _a.mode;
|
|
37
|
+
var withPrefixDesign = false;
|
|
38
|
+
var comment = token.comment, value = token.value;
|
|
39
|
+
var out = comment ? "/** " + comment + " */\n" : '';
|
|
40
|
+
// Для случаев, когда у токена есть префикс
|
|
41
|
+
var clearName = name.split('-')[1] || name;
|
|
42
|
+
var newValue = generateMethodsMap[mode]({ value: value, type: type, name: name, withPrefixDesign: withPrefixDesign });
|
|
43
|
+
return out + "export const " + clearName + " = '" + newValue + "';\n";
|
|
44
|
+
};
|
|
45
|
+
/**
|
|
46
|
+
* Преобразует объект токенов в CSS Properties object.
|
|
47
|
+
* @param {TokenDataGroup<TokenType>} tokens Объект токенов
|
|
48
|
+
* @param {GeneratedTokenType} type Тип выводимого токена
|
|
49
|
+
* @param {string} name Имя токена
|
|
50
|
+
* @param {GeneratedTokenMode} mode Вид выводимого токена
|
|
51
|
+
* @return {string}
|
|
52
|
+
*/
|
|
53
|
+
exports.generateTokenSet = function (_a) {
|
|
54
|
+
var tokens = _a.tokens, type = _a.type, mode = _a.mode;
|
|
55
|
+
return Object.entries(tokens || {}).reduce(function (acc, _a) {
|
|
56
|
+
var name = _a[0], token = _a[1];
|
|
57
|
+
return "" + acc + generateToken({ token: token, type: type, name: name, mode: mode }) + "\n";
|
|
58
|
+
}, '');
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=generateTokenSet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"generateTokenSet.js","sourceRoot":"","sources":["../../src/generators/generateTokenSet.ts"],"names":[],"mappings":"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"}
|
|
@@ -23,7 +23,7 @@ var generateFile_1 = require("./generateFile");
|
|
|
23
23
|
exports.generateTypoSystem = function (typoThemes, mixin) {
|
|
24
24
|
if (mixin === void 0) { mixin = {}; }
|
|
25
25
|
var files = [];
|
|
26
|
-
var indexContent =
|
|
26
|
+
var indexContent = '';
|
|
27
27
|
for (var _i = 0, _a = Object.entries(typoThemes); _i < _a.length; _i++) {
|
|
28
28
|
var _b = _a[_i], fileName = _b[0], _c = _b[1], theme = _c.theme, _d = _c.scale, scale = _d === void 0 ? 1 : _d;
|
|
29
29
|
indexContent += "export { " + fileName + " } from './" + fileName + "';\n";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateTypoSystem.js","sourceRoot":"","sources":["../../src/generators/generateTypoSystem.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"generateTypoSystem.js","sourceRoot":"","sources":["../../src/generators/generateTypoSystem.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0CAA8C;AAE9C,kCAA8D;AAE9D,+CAA8C;AAE9C;;;;GAIG;AACU,QAAA,kBAAkB,GAAG,UAC9B,UAAiE,EACjE,KAAsB;IAAtB,sBAAA,EAAA,UAAsB;IAEtB,IAAM,KAAK,GAAmB,EAAE,CAAC;IACjC,IAAI,YAAY,GAAG,EAAE,CAAC;IAEtB,KAA+C,UAA0B,EAA1B,KAAA,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAA1B,cAA0B,EAA1B,IAA0B,EAAE;QAAhE,IAAA,WAAgC,EAA/B,QAAQ,QAAA,EAAE,UAAoB,EAAlB,KAAK,WAAA,EAAE,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA;QACpC,YAAY,IAAI,cAAY,QAAQ,mBAAc,QAAQ,SAAM,CAAC;QAEjE,KAAK,CAAC,IAAI,CACN,2BAAY,CACR,QAAQ,EACR,oBAAY,yCACL,4BAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,GACnC,4BAAoB,CAAC,KAAK,CAAC,GAC3B;YACC,6BAA6B,EAAE,YAAY;YAC3C,uBAAuB,EAAE,MAAM;SAClC,KACD,QAAQ,EAAK,0BAAc,GAAG,KAAK,OAAI,IACzC,CACL,CACJ,CAAC;KACL;IAED,KAAK,CAAC,IAAI,CAAC;QACP,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,YAAY;KACxB,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ThemeTokenDataGroups } from '../types';
|
|
2
|
-
export declare const getMapDeprecatedColorTokens: (themeTokenDataGroups: Record<string, ThemeTokenDataGroups
|
|
2
|
+
export declare const getMapDeprecatedColorTokens: (themeTokenDataGroups: Record<string, Record<string, ThemeTokenDataGroups>>) => Record<string, ThemeTokenDataGroups>;
|
|
@@ -88,13 +88,16 @@ exports.getMapDeprecatedColorTokens = function (themeTokenDataGroups) {
|
|
|
88
88
|
return Object.entries(themeTokenDataGroupsByName).reduce(function (tokensWithDeprecated, _a) {
|
|
89
89
|
var _b;
|
|
90
90
|
var themeName = _a[0], tokens = _a[1];
|
|
91
|
-
var deprecatedTokens = getDeprecatedTokens(tokens);
|
|
91
|
+
var deprecatedTokens = getDeprecatedTokens(tokens.color || {});
|
|
92
92
|
var _c = gradientColors[themeName.endsWith('dark') ? 'dark' : 'light'], skeletonGradient = _c.skeletonGradient, skeletonGradientLighter = _c.skeletonGradientLighter;
|
|
93
|
-
return __assign(__assign({}, tokensWithDeprecated), (_b = {}, _b[themeName] =
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
93
|
+
return __assign(__assign({}, tokensWithDeprecated), (_b = {}, _b[themeName] = {
|
|
94
|
+
color: __assign(__assign(__assign({}, tokens.color), { skeletonGradient: {
|
|
95
|
+
value: skeletonGradient,
|
|
96
|
+
}, skeletonGradientLighter: {
|
|
97
|
+
value: skeletonGradientLighter,
|
|
98
|
+
} }), deprecatedTokens),
|
|
99
|
+
shadow: __assign({}, tokens.shadow),
|
|
100
|
+
}, _b));
|
|
98
101
|
}, {});
|
|
99
102
|
};
|
|
100
103
|
//# sourceMappingURL=getMapDeprecatedColorTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getMapDeprecatedColorTokens.js","sourceRoot":"","sources":["../../src/generators/getMapDeprecatedColorTokens.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAGA,IAAM,cAAc,GAAG;IACnB,IAAI,EAAE;QACF,gBAAgB,EAAE,+nBAehB;QACF,uBAAuB,EAAE,+nBAevB;KACL;IACD,KAAK,EAAE;QACH,gBAAgB,EAAE,ijBAehB;QACF,uBAAuB,EAAE,ijBAevB;KACL;CACJ,CAAC;AAEF,IAAM,iCAAiC,GAAqC;IACxE,YAAY,EAAE,mBAAmB;IACjC,cAAc,EAAE,qBAAqB;IACrC,aAAa,EAAE,oBAAoB;IAEnC,YAAY,EAAE,oBAAoB;IAClC,cAAc,EAAE,sBAAsB;IACtC,aAAa,EAAE,qBAAqB;IAEpC,WAAW,EAAE,OAAO;IAEpB,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,4BAA4B;IACzC,oBAAoB,EAAE,oCAAoC;IAC1D,uEAAuE;IACvE,WAAW,EAAE,2BAA2B;IACxC,oBAAoB,EAAE,mCAAmC;IAEzD,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,mBAAmB;IAC/B,MAAM,EAAE,YAAY;IACpB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,cAAc;IACxB,OAAO,EAAE,aAAa;IAEtB,oDAAoD;IACpD,uDAAuD;IAEvD,eAAe,EAAE,2BAA2B;IAC5C,eAAe,EAAE,6BAA6B;IAC9C,eAAe,EAAE,4BAA4B;IAC7C,cAAc,EAAE,qBAAqB;IACrC,cAAc,EAAE,uBAAuB;IACvC,cAAc,EAAE,sBAAsB;IACtC,WAAW,EAAE,wBAAwB;IACrC,8CAA8C;IAC9C,eAAe,EAAE,6BAA6B;IAC9C,YAAY,EAAE,YAAY;IAC1B,aAAa,EAAE,iBAAiB;IAChC,aAAa,EAAE,gBAAgB;IAC/B,cAAc,EAAE,iBAAiB;CAMpC,CAAC;AAEF,IAAM,6BAA6B,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"getMapDeprecatedColorTokens.js","sourceRoot":"","sources":["../../src/generators/getMapDeprecatedColorTokens.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,3 +5,5 @@ export { generateThemeFromData } from './generateThemeFromData';
|
|
|
5
5
|
export { generateFile } from './generateFile';
|
|
6
6
|
export { generateColorThemesTokenDataGroups } from './generateColorThemesTokenDataGroups';
|
|
7
7
|
export { getMapDeprecatedColorTokens } from './getMapDeprecatedColorTokens';
|
|
8
|
+
export { generateTokenSet } from './generateTokenSet';
|
|
9
|
+
export { generateThemes } from './generateThemes';
|
package/lib/generators/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getMapDeprecatedColorTokens = exports.generateColorThemesTokenDataGroups = exports.generateFile = exports.generateThemeFromData = exports.generateTypoSystem = exports.generateColorThemeValues = exports.generateColorThemes = void 0;
|
|
3
|
+
exports.generateThemes = exports.generateTokenSet = exports.getMapDeprecatedColorTokens = exports.generateColorThemesTokenDataGroups = exports.generateFile = exports.generateThemeFromData = exports.generateTypoSystem = exports.generateColorThemeValues = exports.generateColorThemes = void 0;
|
|
4
4
|
var generateColorThemes_1 = require("./generateColorThemes");
|
|
5
5
|
Object.defineProperty(exports, "generateColorThemes", { enumerable: true, get: function () { return generateColorThemes_1.generateColorThemes; } });
|
|
6
6
|
var generateColorThemeValues_1 = require("./generateColorThemeValues");
|
|
@@ -15,4 +15,8 @@ var generateColorThemesTokenDataGroups_1 = require("./generateColorThemesTokenDa
|
|
|
15
15
|
Object.defineProperty(exports, "generateColorThemesTokenDataGroups", { enumerable: true, get: function () { return generateColorThemesTokenDataGroups_1.generateColorThemesTokenDataGroups; } });
|
|
16
16
|
var getMapDeprecatedColorTokens_1 = require("./getMapDeprecatedColorTokens");
|
|
17
17
|
Object.defineProperty(exports, "getMapDeprecatedColorTokens", { enumerable: true, get: function () { return getMapDeprecatedColorTokens_1.getMapDeprecatedColorTokens; } });
|
|
18
|
+
var generateTokenSet_1 = require("./generateTokenSet");
|
|
19
|
+
Object.defineProperty(exports, "generateTokenSet", { enumerable: true, get: function () { return generateTokenSet_1.generateTokenSet; } });
|
|
20
|
+
var generateThemes_1 = require("./generateThemes");
|
|
21
|
+
Object.defineProperty(exports, "generateThemes", { enumerable: true, get: function () { return generateThemes_1.generateThemes; } });
|
|
18
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/generators/index.ts"],"names":[],"mappings":";;;AAAA,6DAA4D;AAAnD,0HAAA,mBAAmB,OAAA;AAC5B,uEAAsE;AAA7D,oIAAA,wBAAwB,OAAA;AACjC,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,2FAA0F;AAAjF,wJAAA,kCAAkC,OAAA;AAC3C,6EAA4E;AAAnE,0IAAA,2BAA2B,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/generators/index.ts"],"names":[],"mappings":";;;AAAA,6DAA4D;AAAnD,0HAAA,mBAAmB,OAAA;AAC5B,uEAAsE;AAA7D,oIAAA,wBAAwB,OAAA;AACjC,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,2FAA0F;AAAjF,wJAAA,kCAAkC,OAAA;AAC3C,6EAA4E;AAAnE,0IAAA,2BAA2B,OAAA;AACpC,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AACzB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA"}
|
package/lib/types.d.ts
CHANGED
|
@@ -153,6 +153,15 @@ export declare type TokensGetterFn = (config: ThemeConfig) => Record<ThemeMode,
|
|
|
153
153
|
light?: TokenData;
|
|
154
154
|
inverse?: TokenData;
|
|
155
155
|
}>;
|
|
156
|
+
export interface Shadow {
|
|
157
|
+
color: string;
|
|
158
|
+
blurRadius: string;
|
|
159
|
+
spreadRadius: string;
|
|
160
|
+
offset: {
|
|
161
|
+
x: string;
|
|
162
|
+
y: string;
|
|
163
|
+
};
|
|
164
|
+
}
|
|
156
165
|
export interface Theme {
|
|
157
166
|
config: ThemeConfig;
|
|
158
167
|
dark: {
|
|
@@ -167,7 +176,10 @@ export interface Theme {
|
|
|
167
176
|
backgrounds: TokensBackgroundByType<BackgroundName>;
|
|
168
177
|
overlay: TokensByType<OverlayName>;
|
|
169
178
|
};
|
|
179
|
+
shadow?: Record<string, string>;
|
|
170
180
|
}
|
|
171
|
-
export declare type ThemeTokenDataGroups = Record<string, TokenDataGroup<string
|
|
181
|
+
export declare type ThemeTokenDataGroups = Record<string, TokenDataGroup<string> | undefined>;
|
|
182
|
+
export declare type GeneratedTokenType = 'value' | 'css';
|
|
183
|
+
export declare type GeneratedTokenMode = 'color' | 'shadow';
|
|
172
184
|
export declare type ActualTokenNames = TextIconsTokenName | ControlsSurfacesName | BackgroundName | OverlayName | 'white' | 'black' | 'clear' | 'onDarkTextPrimary' | 'onDarkTextSecondary' | 'onDarkTextTertiary' | 'onLightTextPrimary' | 'onLightTextSecondary' | 'onLightTextTertiary' | 'onLightSurfaceSolidDefault' | 'onLightSurfaceTransparentSecondary' | 'onDarkSurfaceSolidDefault' | 'onDarkSurfaceTransparentSecondary';
|
|
173
185
|
export {};
|
package/lib/utils/index.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
export { attachToRoot } from './attachToRoot';
|
|
2
|
-
export { escapeValue, getCSSVariableName } from './other';
|
|
2
|
+
export { escapeValue, getCSSVariableName, getBoxShadow } from './other';
|
|
3
3
|
export { extractTokenData } from './extractTokenData';
|
|
4
4
|
export { filterTypoStyles } from './filterTypoStyles';
|
|
5
5
|
export { objectToCSSVariables } from './objectToCSSVariables';
|
|
6
|
+
export { objectToCSSShadowVariables } from './objectToCSSShadowVariables';
|
|
6
7
|
export { upperFirstLetter } from './upperFirstLetter';
|
|
7
8
|
export { getDeprecatedVars } from './getDeprecatedVars';
|
|
8
9
|
export { lowerFirstLetter } from './lowerFirstLetter';
|
|
9
10
|
export { camelize } from './camelize';
|
|
11
|
+
export { writeGeneratedToFS } from './writeGeneratedToFS';
|
package/lib/utils/index.js
CHANGED
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.camelize = exports.lowerFirstLetter = exports.getDeprecatedVars = exports.upperFirstLetter = exports.objectToCSSVariables = exports.filterTypoStyles = exports.extractTokenData = exports.getCSSVariableName = exports.escapeValue = exports.attachToRoot = void 0;
|
|
3
|
+
exports.writeGeneratedToFS = exports.camelize = exports.lowerFirstLetter = exports.getDeprecatedVars = exports.upperFirstLetter = exports.objectToCSSShadowVariables = exports.objectToCSSVariables = exports.filterTypoStyles = exports.extractTokenData = exports.getBoxShadow = exports.getCSSVariableName = exports.escapeValue = exports.attachToRoot = void 0;
|
|
4
4
|
var attachToRoot_1 = require("./attachToRoot");
|
|
5
5
|
Object.defineProperty(exports, "attachToRoot", { enumerable: true, get: function () { return attachToRoot_1.attachToRoot; } });
|
|
6
6
|
var other_1 = require("./other");
|
|
7
7
|
Object.defineProperty(exports, "escapeValue", { enumerable: true, get: function () { return other_1.escapeValue; } });
|
|
8
8
|
Object.defineProperty(exports, "getCSSVariableName", { enumerable: true, get: function () { return other_1.getCSSVariableName; } });
|
|
9
|
+
Object.defineProperty(exports, "getBoxShadow", { enumerable: true, get: function () { return other_1.getBoxShadow; } });
|
|
9
10
|
var extractTokenData_1 = require("./extractTokenData");
|
|
10
11
|
Object.defineProperty(exports, "extractTokenData", { enumerable: true, get: function () { return extractTokenData_1.extractTokenData; } });
|
|
11
12
|
var filterTypoStyles_1 = require("./filterTypoStyles");
|
|
12
13
|
Object.defineProperty(exports, "filterTypoStyles", { enumerable: true, get: function () { return filterTypoStyles_1.filterTypoStyles; } });
|
|
13
14
|
var objectToCSSVariables_1 = require("./objectToCSSVariables");
|
|
14
15
|
Object.defineProperty(exports, "objectToCSSVariables", { enumerable: true, get: function () { return objectToCSSVariables_1.objectToCSSVariables; } });
|
|
16
|
+
var objectToCSSShadowVariables_1 = require("./objectToCSSShadowVariables");
|
|
17
|
+
Object.defineProperty(exports, "objectToCSSShadowVariables", { enumerable: true, get: function () { return objectToCSSShadowVariables_1.objectToCSSShadowVariables; } });
|
|
15
18
|
var upperFirstLetter_1 = require("./upperFirstLetter");
|
|
16
19
|
Object.defineProperty(exports, "upperFirstLetter", { enumerable: true, get: function () { return upperFirstLetter_1.upperFirstLetter; } });
|
|
17
20
|
var getDeprecatedVars_1 = require("./getDeprecatedVars");
|
|
@@ -20,4 +23,6 @@ var lowerFirstLetter_1 = require("./lowerFirstLetter");
|
|
|
20
23
|
Object.defineProperty(exports, "lowerFirstLetter", { enumerable: true, get: function () { return lowerFirstLetter_1.lowerFirstLetter; } });
|
|
21
24
|
var camelize_1 = require("./camelize");
|
|
22
25
|
Object.defineProperty(exports, "camelize", { enumerable: true, get: function () { return camelize_1.camelize; } });
|
|
26
|
+
var writeGeneratedToFS_1 = require("./writeGeneratedToFS");
|
|
27
|
+
Object.defineProperty(exports, "writeGeneratedToFS", { enumerable: true, get: function () { return writeGeneratedToFS_1.writeGeneratedToFS; } });
|
|
23
28
|
//# sourceMappingURL=index.js.map
|
package/lib/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;AAAA,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;AAAA,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,iCAAwE;AAA/D,oGAAA,WAAW,OAAA;AAAE,2GAAA,kBAAkB,OAAA;AAAE,qGAAA,YAAY,OAAA;AACtD,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AACzB,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AACzB,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA;AAC7B,2EAA0E;AAAjE,wIAAA,0BAA0B,OAAA;AACnC,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AACzB,yDAAwD;AAA/C,sHAAA,iBAAiB,OAAA;AAC1B,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AACzB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.objectToCSSShadowVariables = void 0;
|
|
4
|
+
var other_1 = require("./other");
|
|
5
|
+
exports.objectToCSSShadowVariables = function (obj) {
|
|
6
|
+
var withPrefixDesign = false;
|
|
7
|
+
return Object.keys(obj)
|
|
8
|
+
.filter(function (key) { return key !== 'modes' && key !== 'comment'; })
|
|
9
|
+
.reduce(function (vars, key) {
|
|
10
|
+
var name = other_1.join(key);
|
|
11
|
+
var value = obj[key];
|
|
12
|
+
vars[other_1.getCSSVariableName(name, withPrefixDesign)] = other_1.getBoxShadow(value).join(', ');
|
|
13
|
+
return vars;
|
|
14
|
+
}, {});
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=objectToCSSShadowVariables.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"objectToCSSShadowVariables.js","sourceRoot":"","sources":["../../src/utils/objectToCSSShadowVariables.ts"],"names":[],"mappings":";;;AAEA,iCAAiE;AAEpD,QAAA,0BAA0B,GAAG,UAAC,GAAe;IACtD,IAAM,gBAAgB,GAAG,KAAK,CAAC;IAE/B,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;SAClB,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,SAAS,EAApC,CAAoC,CAAC;SACrD,MAAM,CAAC,UAAC,IAAI,EAAE,GAAG;QACd,IAAM,IAAI,GAAG,YAAI,CAAC,GAAG,CAAC,CAAC;QACvB,IAAM,KAAK,GAAI,GAAG,CAAC,GAAG,CAA8B,CAAC;QAErD,IAAI,CAAC,0BAAkB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,GAAG,oBAAY,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAElF,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,EAAqC,CAAC,CAAC;AAClD,CAAC,CAAC"}
|
|
@@ -2,8 +2,9 @@ import type { DataObject } from '../types';
|
|
|
2
2
|
/**
|
|
3
3
|
* Преобразовать объект токенов в плоский объект,
|
|
4
4
|
* где ключом выступает название CSS переменной, значением - значение переменной.
|
|
5
|
-
* @param {string} prefix
|
|
6
5
|
* @param {object} obj
|
|
6
|
+
* @param {string} prefix
|
|
7
|
+
* @param {boolean?} withPrefixDesign
|
|
7
8
|
* @return {object}
|
|
8
9
|
*/
|
|
9
|
-
export declare const objectToCSSVariables: (obj: DataObject, prefix?: string,
|
|
10
|
+
export declare const objectToCSSVariables: (obj: DataObject, prefix?: string, withPrefixDesign?: boolean | undefined) => Record<string, string | number>;
|
|
@@ -16,31 +16,25 @@ var other_1 = require("./other");
|
|
|
16
16
|
/**
|
|
17
17
|
* Преобразовать объект токенов в плоский объект,
|
|
18
18
|
* где ключом выступает название CSS переменной, значением - значение переменной.
|
|
19
|
-
* @param {string} prefix
|
|
20
19
|
* @param {object} obj
|
|
20
|
+
* @param {string} prefix
|
|
21
|
+
* @param {boolean?} withPrefixDesign
|
|
21
22
|
* @return {object}
|
|
22
23
|
*/
|
|
23
|
-
exports.objectToCSSVariables = function (obj, prefix,
|
|
24
|
+
exports.objectToCSSVariables = function (obj, prefix, withPrefixDesign) {
|
|
24
25
|
if (prefix === void 0) { prefix = ''; }
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
else {
|
|
36
|
-
vars = __assign(__assign({}, vars), exports.objectToCSSVariables(value, name_1));
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
else {
|
|
40
|
-
vars[other_1.getCSSVariableName(name_1, fromData)] = other_1.escapeValue(value);
|
|
41
|
-
}
|
|
26
|
+
return Object.keys(obj)
|
|
27
|
+
.filter(function (key) { return key !== 'modes' && key !== 'comment'; })
|
|
28
|
+
.reduce(function (vars, key) {
|
|
29
|
+
var name = other_1.join(prefix, key);
|
|
30
|
+
var value = obj[key] || '';
|
|
31
|
+
if (typeof value !== 'object' || 'origin' in value) {
|
|
32
|
+
var newValue = typeof value === 'object' && value.origin ? value.origin : value;
|
|
33
|
+
vars[other_1.getCSSVariableName(name, withPrefixDesign)] = other_1.escapeValue(newValue);
|
|
34
|
+
return vars;
|
|
42
35
|
}
|
|
43
|
-
|
|
44
|
-
|
|
36
|
+
vars = __assign(__assign({}, vars), exports.objectToCSSVariables(value, name, withPrefixDesign));
|
|
37
|
+
return vars;
|
|
38
|
+
}, {});
|
|
45
39
|
};
|
|
46
40
|
//# sourceMappingURL=objectToCSSVariables.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"objectToCSSVariables.js","sourceRoot":"","sources":["../../src/utils/objectToCSSVariables.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,iCAAgE;AAEhE
|
|
1
|
+
{"version":3,"file":"objectToCSSVariables.js","sourceRoot":"","sources":["../../src/utils/objectToCSSVariables.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,iCAAgE;AAEhE;;;;;;;GAOG;AACU,QAAA,oBAAoB,GAAG,UAAC,GAAe,EAAE,MAAW,EAAE,gBAA0B;IAAvC,uBAAA,EAAA,WAAW;IAC7D,OAAA,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;SACX,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,SAAS,EAApC,CAAoC,CAAC;SACrD,MAAM,CAAC,UAAC,IAAI,EAAE,GAAG;QACd,IAAM,IAAI,GAAG,YAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC/B,IAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QAE7B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,IAAI,KAAK,EAAE;YAChD,IAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;YAElF,IAAI,CAAC,0BAAkB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,GAAG,mBAAW,CAAC,QAAkB,CAAC,CAAC;YAEnF,OAAO,IAAI,CAAC;SACf;QAED,IAAI,yBACG,IAAI,GACJ,4BAAoB,CAAC,KAAK,EAAE,IAAI,EAAE,gBAAgB,CAAC,CACzD,CAAC;QAEF,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,EAAqC,CAAC;AApB7C,CAoB6C,CAAC"}
|
package/lib/utils/other.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Shadow } from '../types';
|
|
1
2
|
/**
|
|
2
3
|
* В строковых значениях токенов встречаются нежелательные символы,
|
|
3
4
|
* их нужно очищать перед размещением в CSS Var или JSON.
|
|
@@ -6,4 +7,5 @@
|
|
|
6
7
|
*/
|
|
7
8
|
export declare const escapeValue: <T = string | number>(value: T) => string | T;
|
|
8
9
|
export declare const join: (...args: (string | undefined)[]) => string;
|
|
9
|
-
export declare const getCSSVariableName: (key: string,
|
|
10
|
+
export declare const getCSSVariableName: (key: string, withDesignPrefix?: boolean) => string;
|
|
11
|
+
export declare const getBoxShadow: (shadows: Array<Shadow>) => string[];
|
package/lib/utils/other.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getCSSVariableName = exports.join = exports.escapeValue = void 0;
|
|
3
|
+
exports.getBoxShadow = exports.getCSSVariableName = exports.join = exports.escapeValue = void 0;
|
|
4
4
|
var constants_1 = require("../constants");
|
|
5
5
|
/**
|
|
6
6
|
* В строковых значениях токенов встречаются нежелательные символы,
|
|
@@ -21,8 +21,14 @@ exports.join = function () {
|
|
|
21
21
|
}
|
|
22
22
|
return args.filter(Boolean).join('-');
|
|
23
23
|
};
|
|
24
|
-
exports.getCSSVariableName = function (key,
|
|
25
|
-
if (
|
|
26
|
-
return
|
|
24
|
+
exports.getCSSVariableName = function (key, withDesignPrefix) {
|
|
25
|
+
if (withDesignPrefix === void 0) { withDesignPrefix = true; }
|
|
26
|
+
return withDesignPrefix ? "--" + constants_1.DESIGN_SYSTEM_PREFIX + "-" + key : "--" + key;
|
|
27
|
+
};
|
|
28
|
+
exports.getBoxShadow = function (shadows) {
|
|
29
|
+
return shadows.map(function (_a) {
|
|
30
|
+
var _b = _a.offset, x = _b.x, y = _b.y, blurRadius = _a.blurRadius, spreadRadius = _a.spreadRadius, color = _a.color;
|
|
31
|
+
return x + " " + y + " " + blurRadius + " " + spreadRadius + " " + color;
|
|
32
|
+
});
|
|
27
33
|
};
|
|
28
34
|
//# sourceMappingURL=other.js.map
|
package/lib/utils/other.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"other.js","sourceRoot":"","sources":["../../src/utils/other.ts"],"names":[],"mappings":";;;AAAA,0CAAoD;
|
|
1
|
+
{"version":3,"file":"other.js","sourceRoot":"","sources":["../../src/utils/other.ts"],"names":[],"mappings":";;;AAAA,0CAAoD;AAGpD;;;;;GAKG;AACU,QAAA,WAAW,GAAG,UAAsB,KAAQ;IACrD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC3B,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KACrC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAEW,QAAA,IAAI,GAAG;IAAC,cAA+B;SAA/B,UAA+B,EAA/B,qBAA+B,EAA/B,IAA+B;QAA/B,yBAA+B;;IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAA9B,CAA8B,CAAC;AAE3E,QAAA,kBAAkB,GAAG,UAAC,GAAW,EAAE,gBAAuB;IAAvB,iCAAA,EAAA,uBAAuB;IACnE,OAAA,gBAAgB,CAAC,CAAC,CAAC,OAAK,gCAAoB,SAAI,GAAK,CAAC,CAAC,CAAC,OAAK,GAAK;AAAlE,CAAkE,CAAC;AAE1D,QAAA,YAAY,GAAG,UAAC,OAAsB;IAC/C,OAAA,OAAO,CAAC,GAAG,CACP,UAAC,EAAqD;YAAnD,cAAgB,EAAN,CAAC,OAAA,EAAE,CAAC,OAAA,EAAI,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA;QAAO,OAAG,CAAC,SAAI,CAAC,SAAI,UAAU,SAAI,YAAY,SAAI,KAAO;IAAlD,CAAkD,CAChH;AAFD,CAEC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { GeneratedFiles } from '../types';
|
|
2
|
+
/**
|
|
3
|
+
* Запись нагенерированного в файловую систему.
|
|
4
|
+
* @param {string} dir Директория для записи (если не существует, то будет создана).
|
|
5
|
+
* @param {GeneratedFiles} generated Сгенерированный контент для записи.
|
|
6
|
+
* @param {string?} generateMessage Сообщение, которое добавляется сверху файла (по умолчанию ROBO_COMMENT).
|
|
7
|
+
*/
|
|
8
|
+
export declare const writeGeneratedToFS: (dir: string, generated: GeneratedFiles, generateMessage?: string) => void;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.writeGeneratedToFS = void 0;
|
|
7
|
+
var fs_1 = __importDefault(require("fs"));
|
|
8
|
+
var path_1 = __importDefault(require("path"));
|
|
9
|
+
var constants_1 = require("../constants");
|
|
10
|
+
/**
|
|
11
|
+
* Запись нагенерированного в файловую систему.
|
|
12
|
+
* @param {string} dir Директория для записи (если не существует, то будет создана).
|
|
13
|
+
* @param {GeneratedFiles} generated Сгенерированный контент для записи.
|
|
14
|
+
* @param {string?} generateMessage Сообщение, которое добавляется сверху файла (по умолчанию ROBO_COMMENT).
|
|
15
|
+
*/
|
|
16
|
+
exports.writeGeneratedToFS = function (dir, generated, generateMessage) {
|
|
17
|
+
if (generateMessage === void 0) { generateMessage = constants_1.ROBO_COMMENT; }
|
|
18
|
+
fs_1.default.existsSync(dir) || fs_1.default.mkdirSync(dir);
|
|
19
|
+
for (var _i = 0, generated_1 = generated; _i < generated_1.length; _i++) {
|
|
20
|
+
var _a = generated_1[_i], file = _a.file, content = _a.content;
|
|
21
|
+
var src = path_1.default.join(dir, file);
|
|
22
|
+
if (fs_1.default.existsSync(src)) {
|
|
23
|
+
fs_1.default.appendFileSync(src, content);
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
fs_1.default.writeFileSync(src, "" + generateMessage + content);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=writeGeneratedToFS.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"writeGeneratedToFS.js","sourceRoot":"","sources":["../../src/utils/writeGeneratedToFS.ts"],"names":[],"mappings":";;;;;;AAAA,0CAAoB;AACpB,8CAAwB;AAExB,0CAA4C;AAG5C;;;;;GAKG;AACU,QAAA,kBAAkB,GAAG,UAAC,GAAW,EAAE,SAAyB,EAAE,eAA8B;IAA9B,gCAAA,EAAA,kBAAkB,wBAAY;IACrG,YAAE,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,YAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAExC,KAAgC,UAAS,EAAT,uBAAS,EAAT,uBAAS,EAAT,IAAS,EAAE;QAAhC,IAAA,oBAAiB,EAAf,IAAI,UAAA,EAAE,OAAO,aAAA;QACtB,IAAM,GAAG,GAAG,cAAI,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QAEjC,IAAI,YAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YACpB,YAAE,CAAC,cAAc,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YAChC,OAAO;SACV;QAED,YAAE,CAAC,aAAa,CAAC,GAAG,EAAE,KAAG,eAAe,GAAG,OAAS,CAAC,CAAC;KACzD;AACL,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-tokens-utils",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.25.0",
|
|
4
4
|
"description": "Code shared between token libraries.",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"files": [
|
|
40
40
|
"lib"
|
|
41
41
|
],
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "d9adef660efdc5ab0cf973d5cd63102ed394fba6"
|
|
43
43
|
}
|