@kaizen/design-tokens 6.0.0 → 6.0.4
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 +35 -0
- package/dist/src/lib/addExtraThemeEntries.js +3 -3
- package/dist/src/lib/cssVariables.js +2 -2
- package/dist/src/lib/makeCssVariableDefinitionsMap.js +1 -1
- package/package.json +5 -5
- package/src/lib/addExtraThemeEntries.js +3 -3
- package/src/lib/addExtraThemeEntries.js.map +1 -1
- package/src/lib/cssVariables.js +2 -2
- package/src/lib/cssVariables.js.map +1 -1
- package/src/lib/makeCssVariableDefinitionsMap.js +1 -1
- package/src/lib/makeCssVariableDefinitionsMap.js.map +1 -1
- package/src/lib/patterns.js.map +1 -1
- package/src/lib/patterns.ts +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,41 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [6.0.4](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@6.0.3...@kaizen/design-tokens@6.0.4) (2022-01-19)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @kaizen/design-tokens
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [6.0.3](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@6.0.2...@kaizen/design-tokens@6.0.3) (2022-01-10)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* Chris/node engine support v16 ([#2365](https://github.com/cultureamp/kaizen-design-system/issues/2365)) ([366fa6d](https://github.com/cultureamp/kaizen-design-system/commit/366fa6d156d2a4a2b35b1356bbcf18adf2189f2b))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## [6.0.2](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@6.0.1...@kaizen/design-tokens@6.0.2) (2022-01-04)
|
|
26
|
+
|
|
27
|
+
**Note:** Version bump only for package @kaizen/design-tokens
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
## [6.0.1](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@6.0.0...@kaizen/design-tokens@6.0.1) (2021-12-13)
|
|
34
|
+
|
|
35
|
+
**Note:** Version bump only for package @kaizen/design-tokens
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
6
41
|
# [6.0.0](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@5.0.0...@kaizen/design-tokens@6.0.0) (2021-12-09)
|
|
7
42
|
|
|
8
43
|
|
|
@@ -46,13 +46,13 @@ var addExtraThemeEntries = function (path, key, value, printValue, _a) {
|
|
|
46
46
|
result[key] = printValue(path, value).toLowerCase();
|
|
47
47
|
var rgbPath = __spreadArray(__spreadArray([], path, true), ["rgb"], false);
|
|
48
48
|
var rgbTriple = printValue(rgbPath, colorRgb.slice(0, 3).join(", "));
|
|
49
|
-
result[key
|
|
49
|
+
result["".concat(key, "-rgb")] = rgbTriple;
|
|
50
50
|
if (augmentWithId) {
|
|
51
|
-
result[key
|
|
51
|
+
result["".concat(key, "-rgb-id")] = (0, cssVariables_1.objectPathToCssVarIdentifier)(rgbPath);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
if (augmentWithId) {
|
|
55
|
-
result[key
|
|
55
|
+
result["".concat(key, "-id")] = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
|
|
56
56
|
}
|
|
57
57
|
return result;
|
|
58
58
|
};
|
|
@@ -18,7 +18,7 @@ var lodash_kebabcase_1 = __importDefault(require("lodash.kebabcase"));
|
|
|
18
18
|
*
|
|
19
19
|
*/
|
|
20
20
|
var objectPathToCssVarFunction = function (path, value) {
|
|
21
|
-
return "var("
|
|
21
|
+
return "var(".concat((0, exports.objectPathToCssVarIdentifier)(path), ", ").concat(value, ")");
|
|
22
22
|
};
|
|
23
23
|
exports.objectPathToCssVarFunction = objectPathToCssVarFunction;
|
|
24
24
|
/**
|
|
@@ -30,6 +30,6 @@ exports.objectPathToCssVarFunction = objectPathToCssVarFunction;
|
|
|
30
30
|
* Output: "--color-wisteria-100"
|
|
31
31
|
*/
|
|
32
32
|
var objectPathToCssVarIdentifier = function (path) {
|
|
33
|
-
return "--"
|
|
33
|
+
return "--".concat(path.map(lodash_kebabcase_1.default).join("-"));
|
|
34
34
|
};
|
|
35
35
|
exports.objectPathToCssVarIdentifier = objectPathToCssVarIdentifier;
|
|
@@ -49,7 +49,7 @@ function makeCssVariableDefinitionsMap(theme) {
|
|
|
49
49
|
(0, mapLeafsOfObject_1.mapLeafsOfObject)(theme, function (path, value) {
|
|
50
50
|
// Key will be `--color-blah`
|
|
51
51
|
var key = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
|
|
52
|
-
var nextCssVariables = (0, addExtraThemeEntries_1.addExtraThemeEntries)(path, key, value, function (_, v) { return ""
|
|
52
|
+
var nextCssVariables = (0, addExtraThemeEntries_1.addExtraThemeEntries)(path, key, value, function (_, v) { return "".concat(v); }, { augmentWithId: false });
|
|
53
53
|
accumulatedCssVariables = __assign(__assign({}, accumulatedCssVariables), nextCssVariables);
|
|
54
54
|
});
|
|
55
55
|
return accumulatedCssVariables;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kaizen/design-tokens",
|
|
3
3
|
"description": "Tokens used in the Kaizen Design System",
|
|
4
|
-
"version": "6.0.
|
|
4
|
+
"version": "6.0.4",
|
|
5
5
|
"homepage": "https://github.com/cultureamp/kaizen-design-system/tree/master/packages/design-tokens",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -46,19 +46,19 @@
|
|
|
46
46
|
"postcss": "^8.3.6",
|
|
47
47
|
"prettier": "*",
|
|
48
48
|
"react-highlight": "^0.14.0",
|
|
49
|
-
"react-intersection-observer": "^8.32.
|
|
49
|
+
"react-intersection-observer": "^8.32.5",
|
|
50
50
|
"react-map-interaction": "^2.1.0",
|
|
51
51
|
"ts-node": "^9.1.1",
|
|
52
52
|
"yargs": "^16.2.0"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"@types/color-string": "^1.5.
|
|
55
|
+
"@types/color-string": "^1.5.2",
|
|
56
56
|
"@types/lodash.kebabcase": "^4.1.6",
|
|
57
|
-
"color-string": "^1.
|
|
57
|
+
"color-string": "^1.8.2",
|
|
58
58
|
"lodash.kebabcase": "^4.1.1"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
61
61
|
"react": ">=16"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "528369db10b5f1ce367c5de020accdf6619ac11c"
|
|
64
64
|
}
|
|
@@ -46,13 +46,13 @@ var addExtraThemeEntries = function (path, key, value, printValue, _a) {
|
|
|
46
46
|
result[key] = printValue(path, value).toLowerCase();
|
|
47
47
|
var rgbPath = __spreadArray(__spreadArray([], path, true), ["rgb"], false);
|
|
48
48
|
var rgbTriple = printValue(rgbPath, colorRgb.slice(0, 3).join(", "));
|
|
49
|
-
result[key
|
|
49
|
+
result["".concat(key, "-rgb")] = rgbTriple;
|
|
50
50
|
if (augmentWithId) {
|
|
51
|
-
result[key
|
|
51
|
+
result["".concat(key, "-rgb-id")] = (0, cssVariables_1.objectPathToCssVarIdentifier)(rgbPath);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
if (augmentWithId) {
|
|
55
|
-
result[key
|
|
55
|
+
result["".concat(key, "-id")] = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
|
|
56
56
|
}
|
|
57
57
|
return result;
|
|
58
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"addExtraThemeEntries.js","sourceRoot":"","sources":["addExtraThemeEntries.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,8DAAsC;AACtC,+CAA6D;AAE7D;;;;;;;;;;;;;;;;;GAiBG;AACI,IAAM,oBAAoB,GAAG,UAClC,IAAc,EACd,GAAW,EACX,KAAc,EACd,UAAmD,EACnD,EAKC;;QAJC,aAAa,mBAAA;IAMf,IAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,yBAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAC9E,IAAM,MAAM;QACV,GAAC,GAAG,IAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;WAC/B,CAAA;IAED,6EAA6E;IAC7E,IAAI,QAAQ,EAAE;QACZ,uDAAuD;QACvD,MAAM,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAA;QAEnD,IAAM,OAAO,mCAAO,IAAI,UAAE,KAAK,SAAC,CAAA;QAChC,IAAM,SAAS,GAAG,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QACtE,MAAM,
|
|
1
|
+
{"version":3,"file":"addExtraThemeEntries.js","sourceRoot":"","sources":["addExtraThemeEntries.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,8DAAsC;AACtC,+CAA6D;AAE7D;;;;;;;;;;;;;;;;;GAiBG;AACI,IAAM,oBAAoB,GAAG,UAClC,IAAc,EACd,GAAW,EACX,KAAc,EACd,UAAmD,EACnD,EAKC;;QAJC,aAAa,mBAAA;IAMf,IAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,yBAAW,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAC9E,IAAM,MAAM;QACV,GAAC,GAAG,IAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;WAC/B,CAAA;IAED,6EAA6E;IAC7E,IAAI,QAAQ,EAAE;QACZ,uDAAuD;QACvD,MAAM,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAA;QAEnD,IAAM,OAAO,mCAAO,IAAI,UAAE,KAAK,SAAC,CAAA;QAChC,IAAM,SAAS,GAAG,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QACtE,MAAM,CAAC,UAAG,GAAG,SAAM,CAAC,GAAG,SAAS,CAAA;QAChC,IAAI,aAAa,EAAE;YACjB,MAAM,CAAC,UAAG,GAAG,YAAS,CAAC,GAAG,IAAA,2CAA4B,EAAC,OAAO,CAAC,CAAA;SAChE;KACF;IACD,IAAI,aAAa,EAAE;QACjB,MAAM,CAAC,UAAG,GAAG,QAAK,CAAC,GAAG,IAAA,2CAA4B,EAAC,IAAI,CAAC,CAAA;KACzD;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAlCY,QAAA,oBAAoB,wBAkChC"}
|
package/src/lib/cssVariables.js
CHANGED
|
@@ -18,7 +18,7 @@ var lodash_kebabcase_1 = __importDefault(require("lodash.kebabcase"));
|
|
|
18
18
|
*
|
|
19
19
|
*/
|
|
20
20
|
var objectPathToCssVarFunction = function (path, value) {
|
|
21
|
-
return "var("
|
|
21
|
+
return "var(".concat((0, exports.objectPathToCssVarIdentifier)(path), ", ").concat(value, ")");
|
|
22
22
|
};
|
|
23
23
|
exports.objectPathToCssVarFunction = objectPathToCssVarFunction;
|
|
24
24
|
/**
|
|
@@ -30,7 +30,7 @@ exports.objectPathToCssVarFunction = objectPathToCssVarFunction;
|
|
|
30
30
|
* Output: "--color-wisteria-100"
|
|
31
31
|
*/
|
|
32
32
|
var objectPathToCssVarIdentifier = function (path) {
|
|
33
|
-
return "--"
|
|
33
|
+
return "--".concat(path.map(lodash_kebabcase_1["default"]).join("-"));
|
|
34
34
|
};
|
|
35
35
|
exports.objectPathToCssVarIdentifier = objectPathToCssVarIdentifier;
|
|
36
36
|
//# sourceMappingURL=cssVariables.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cssVariables.js","sourceRoot":"","sources":["cssVariables.ts"],"names":[],"mappings":";;;;;;AAAA,sEAAoC;AAEpC;;;;;;;;;;;GAWG;AACI,IAAM,0BAA0B,GAAG,UAAC,IAAc,EAAE,KAAc;IACvE,OAAA,
|
|
1
|
+
{"version":3,"file":"cssVariables.js","sourceRoot":"","sources":["cssVariables.ts"],"names":[],"mappings":";;;;;;AAAA,sEAAoC;AAEpC;;;;;;;;;;;GAWG;AACI,IAAM,0BAA0B,GAAG,UAAC,IAAc,EAAE,KAAc;IACvE,OAAA,cAAO,IAAA,oCAA4B,EAAC,IAAI,CAAC,eAAK,KAAK,MAAG;AAAtD,CAAsD,CAAA;AAD3C,QAAA,0BAA0B,8BACiB;AAExD;;;;;;;GAOG;AACI,IAAM,4BAA4B,GAAG,UAAC,IAAc;IACzD,OAAA,YAAK,IAAI,CAAC,GAAG,CAAC,6BAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE;AAAhC,CAAgC,CAAA;AADrB,QAAA,4BAA4B,gCACP"}
|
|
@@ -49,7 +49,7 @@ function makeCssVariableDefinitionsMap(theme) {
|
|
|
49
49
|
(0, mapLeafsOfObject_1.mapLeafsOfObject)(theme, function (path, value) {
|
|
50
50
|
// Key will be `--color-blah`
|
|
51
51
|
var key = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
|
|
52
|
-
var nextCssVariables = (0, addExtraThemeEntries_1.addExtraThemeEntries)(path, key, value, function (_, v) { return ""
|
|
52
|
+
var nextCssVariables = (0, addExtraThemeEntries_1.addExtraThemeEntries)(path, key, value, function (_, v) { return "".concat(v); }, { augmentWithId: false });
|
|
53
53
|
accumulatedCssVariables = __assign(__assign({}, accumulatedCssVariables), nextCssVariables);
|
|
54
54
|
});
|
|
55
55
|
return accumulatedCssVariables;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeCssVariableDefinitionsMap.js","sourceRoot":"","sources":["makeCssVariableDefinitionsMap.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+DAA6D;AAC7D,+CAA6D;AAC7D,uDAAqD;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,SAAgB,6BAA6B,CAC3C,KAAuC;IAEvC,IAAI,uBAAuB,GAAG,EAA4B,CAAA;IAE1D,kDAAkD;IAClD,IAAA,mCAAgB,EAAC,KAAK,EAAE,UAAC,IAAI,EAAE,KAAK;QAClC,6BAA6B;QAC7B,IAAM,GAAG,GAAG,IAAA,2CAA4B,EAAC,IAAI,CAAC,CAAA;QAC9C,IAAM,gBAAgB,GAAG,IAAA,2CAAoB,EAC3C,IAAI,EACJ,GAAG,EACH,KAAK,EACL,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,
|
|
1
|
+
{"version":3,"file":"makeCssVariableDefinitionsMap.js","sourceRoot":"","sources":["makeCssVariableDefinitionsMap.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+DAA6D;AAC7D,+CAA6D;AAC7D,uDAAqD;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,SAAgB,6BAA6B,CAC3C,KAAuC;IAEvC,IAAI,uBAAuB,GAAG,EAA4B,CAAA;IAE1D,kDAAkD;IAClD,IAAA,mCAAgB,EAAC,KAAK,EAAE,UAAC,IAAI,EAAE,KAAK;QAClC,6BAA6B;QAC7B,IAAM,GAAG,GAAG,IAAA,2CAA4B,EAAC,IAAI,CAAC,CAAA;QAC9C,IAAM,gBAAgB,GAAG,IAAA,2CAAoB,EAC3C,IAAI,EACJ,GAAG,EACH,KAAK,EACL,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,UAAG,CAAC,CAAE,EAAN,CAAM,EAChB,EAAE,aAAa,EAAE,KAAK,EAAE,CACzB,CAAA;QACD,uBAAuB,yBAClB,uBAAuB,GACvB,gBAAgB,CACpB,CAAA;IACH,CAAC,CAAC,CAAA;IACF,OAAO,uBAAuB,CAAA;AAChC,CAAC;AAtBD,sEAsBC"}
|
package/src/lib/patterns.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"patterns.js","sourceRoot":"","sources":["patterns.ts"],"names":[],"mappings":";;;AAAa,QAAA,mBAAmB,
|
|
1
|
+
{"version":3,"file":"patterns.js","sourceRoot":"","sources":["patterns.ts"],"names":[],"mappings":";;;AAAa,QAAA,mBAAmB,GAC9B,+DAA+D,CAAA;AACpD,QAAA,qBAAqB,GAAG,0CAA0C,CAAA"}
|
package/src/lib/patterns.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export const zenColorNamePattern =
|
|
1
|
+
export const zenColorNamePattern =
|
|
2
|
+
/ash|stone|slate|iron|wisteria|cluny|peach|yuzu|coral|seedling/
|
|
2
3
|
export const heartColorNamePattern = /purple|blue|orange|yellow|red|green|gray/
|