@kaizen/design-tokens 3.3.2 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +84 -0
- package/dist/index.js +2 -1
- package/dist/react/ThemeProvider.d.ts.map +1 -1
- package/dist/react/ThemeProvider.js +4 -2
- package/dist/react/index.js +1 -1
- package/dist/src/ThemeManager.js +1 -1
- package/dist/src/lib/addExtraThemeEntries.js +13 -10
- package/dist/src/lib/cssVariables.js +5 -3
- package/dist/src/lib/makeCssVariableDefinitionsMap.js +3 -3
- package/dist/src/lib/makeCssVariableTheme.js +2 -2
- package/dist/src/lib/mapLeafsOfObject.js +9 -7
- package/dist/src/themes/index.js +1 -1
- package/package.json +5 -4
- package/react/ThemeProvider.js +4 -2
- package/react/ThemeProvider.js.map +1 -1
- package/react/index.js +1 -1
- package/src/ThemeManager.js +1 -1
- package/src/ThemeManager.js.map +1 -1
- package/src/lib/addExtraThemeEntries.js +13 -10
- package/src/lib/addExtraThemeEntries.js.map +1 -1
- package/src/lib/cssVariables.js +5 -3
- package/src/lib/cssVariables.js.map +1 -1
- package/src/lib/makeCssVariableDefinitionsMap.js +3 -3
- package/src/lib/makeCssVariableDefinitionsMap.js.map +1 -1
- package/src/lib/makeCssVariableTheme.js +2 -2
- package/src/lib/makeCssVariableTheme.js.map +1 -1
- package/src/lib/mapLeafsOfObject.js +9 -7
- package/src/lib/mapLeafsOfObject.js.map +1 -1
- package/src/themes/index.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,90 @@
|
|
|
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.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
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* New InputModal, ConfirmationModal and ContextModal updates ([#2337](https://github.com/cultureamp/kaizen-design-system/issues/2337)) ([01dc545](https://github.com/cultureamp/kaizen-design-system/commit/01dc545bef5427e593d153039a1245045a068e4e))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### BREAKING CHANGES
|
|
15
|
+
|
|
16
|
+
* Refactor of modals to reflect UI Kit design updates.
|
|
17
|
+
|
|
18
|
+
* New styles for all modals - InputEditModal, ConfirmationModal, ContextModal (previously InformationModal).
|
|
19
|
+
* InformationModal renamed to ContextModal - You will need to update any imports.
|
|
20
|
+
* Deprecated RoadblockModal - use ConfirmationModal instead.
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
# [5.0.0](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@3.3.4...@kaizen/design-tokens@5.0.0) (2021-12-02)
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
### Bug Fixes
|
|
30
|
+
|
|
31
|
+
* Roll forward for ci ([#2339](https://github.com/cultureamp/kaizen-design-system/issues/2339)) ([d65c589](https://github.com/cultureamp/kaizen-design-system/commit/d65c5893352f851179a1c276b4e73534f1442796))
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
### Features
|
|
35
|
+
|
|
36
|
+
* New InputModal, ConfirmationModal and ContextModal updates ([#2333](https://github.com/cultureamp/kaizen-design-system/issues/2333)) ([a3d09d5](https://github.com/cultureamp/kaizen-design-system/commit/a3d09d52bde448b972e87d40ef92e6214a4db7f7))
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
### BREAKING CHANGES
|
|
40
|
+
|
|
41
|
+
* Refactor of modals to reflect UI Kit design updates.
|
|
42
|
+
|
|
43
|
+
* New styles for all modals - InputEditModal, ConfirmationModal, ContextModal (previously InformationModal).
|
|
44
|
+
* InformationModal renamed to ContextModal - You will need to update any imports.
|
|
45
|
+
* Deprecated RoadblockModal - use ConfirmationModal instead.
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
# [4.0.0](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@3.3.4...@kaizen/design-tokens@4.0.0) (2021-12-02)
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
### Features
|
|
55
|
+
|
|
56
|
+
* New InputModal, ConfirmationModal and ContextModal updates ([#2333](https://github.com/cultureamp/kaizen-design-system/issues/2333)) ([a3d09d5](https://github.com/cultureamp/kaizen-design-system/commit/a3d09d52bde448b972e87d40ef92e6214a4db7f7))
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
### BREAKING CHANGES
|
|
60
|
+
|
|
61
|
+
* Refactor of modals to reflect UI Kit design updates.
|
|
62
|
+
|
|
63
|
+
* New styles for all modals - InputEditModal, ConfirmationModal, ContextModal (previously InformationModal).
|
|
64
|
+
* InformationModal renamed to ContextModal - You will need to update any imports.
|
|
65
|
+
* Deprecated RoadblockModal - use ConfirmationModal instead.
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
## [3.3.4](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@3.3.3...@kaizen/design-tokens@3.3.4) (2021-11-30)
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
### Bug Fixes
|
|
75
|
+
|
|
76
|
+
* Upgrade to typescript 4 ([#2328](https://github.com/cultureamp/kaizen-design-system/issues/2328)) ([accf5df](https://github.com/cultureamp/kaizen-design-system/commit/accf5dfccaf086d5bd3de060bb2d1612d3a34fb0))
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
## [3.3.3](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@3.3.2...@kaizen/design-tokens@3.3.3) (2021-11-29)
|
|
83
|
+
|
|
84
|
+
**Note:** Version bump only for package @kaizen/design-tokens
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
6
90
|
## [3.3.2](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@3.3.1...@kaizen/design-tokens@3.3.2) (2021-11-09)
|
|
7
91
|
|
|
8
92
|
**Note:** Version bump only for package @kaizen/design-tokens
|
package/dist/index.js
CHANGED
|
@@ -7,9 +7,10 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
7
7
|
o[k2] = m[k];
|
|
8
8
|
}));
|
|
9
9
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
exports.mapLeafsOfObject = exports.makeCSSVariableTheme = exports.makeCssVariableDefinitionsMap = void 0;
|
|
13
14
|
// These are exposed at the top level because it seems like they are the most useful and relevent to usage of design tokens.
|
|
14
15
|
__exportStar(require("./src/themes"), exports);
|
|
15
16
|
__exportStar(require("./src/types"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../react/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAgB,KAAK,EAAE,MAAM,KAAK,CAAA;AAEvD,eAAO,MAAM,YAAY,sBAA2C,CAAA;AAEpE;;;GAGG;AACH,eAAO,MAAM,aAAa;kBAIV,YAAY;cAChB,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../react/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAgB,KAAK,EAAE,MAAM,KAAK,CAAA;AAEvD,eAAO,MAAM,YAAY,sBAA2C,CAAA;AAEpE;;;GAGG;AACH,eAAO,MAAM,aAAa;kBAIV,YAAY;cAChB,MAAM,SAAS;iBAsB1B,CAAA;AAED,eAAO,MAAM,QAAQ,aAAuC,CAAA"}
|
|
@@ -22,7 +22,7 @@ exports.ThemeContext = react_1.default.createContext(__1.defaultTheme);
|
|
|
22
22
|
* Wrap your application in this provider using a ThemeManager, to synchronise it with a react context.
|
|
23
23
|
* This allows child react elements to more easily use theme variables, using the {@link useTheme} hook.
|
|
24
24
|
*/
|
|
25
|
-
|
|
25
|
+
var ThemeProvider = function (_a) {
|
|
26
26
|
var themeManager = _a.themeManager, props = __rest(_a, ["themeManager"]);
|
|
27
27
|
var _b = react_1.default.useState(themeManager.getCurrentTheme()), theme = _b[0], setTheme = _b[1];
|
|
28
28
|
react_1.default.useEffect(function () {
|
|
@@ -39,4 +39,6 @@ exports.ThemeProvider = function (_a) {
|
|
|
39
39
|
}, []);
|
|
40
40
|
return (react_1.default.createElement(exports.ThemeContext.Provider, { value: theme }, props.children));
|
|
41
41
|
};
|
|
42
|
-
exports.
|
|
42
|
+
exports.ThemeProvider = ThemeProvider;
|
|
43
|
+
var useTheme = function () { return react_1.default.useContext(exports.ThemeContext); };
|
|
44
|
+
exports.useTheme = useTheme;
|
package/dist/react/index.js
CHANGED
|
@@ -7,7 +7,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
7
7
|
o[k2] = m[k];
|
|
8
8
|
}));
|
|
9
9
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
13
|
__exportStar(require("./ThemeProvider"), exports);
|
package/dist/src/ThemeManager.js
CHANGED
|
@@ -39,7 +39,7 @@ var ThemeManager = /** @class */ (function () {
|
|
|
39
39
|
_this.themeChangeListeners = _this.themeChangeListeners.filter(function (l) { return l !== listener; });
|
|
40
40
|
};
|
|
41
41
|
this.applyCurrentTheme = function () {
|
|
42
|
-
var cssVariableDefinitions = makeCssVariableDefinitionsMap_1.makeCssVariableDefinitionsMap(_this.theme);
|
|
42
|
+
var cssVariableDefinitions = (0, makeCssVariableDefinitionsMap_1.makeCssVariableDefinitionsMap)(_this.theme);
|
|
43
43
|
Object.entries(cssVariableDefinitions).forEach(function (_a) {
|
|
44
44
|
var key = _a[0], value = _a[1];
|
|
45
45
|
if (_this.theme.themeKey === "zen") {
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
+
if (ar || !(i in from)) {
|
|
5
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
+
ar[i] = from[i];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
8
10
|
};
|
|
9
11
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
10
12
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
@@ -31,7 +33,7 @@ var cssVariables_1 = require("./cssVariables");
|
|
|
31
33
|
* "100-rgb-id": "--color-purple-100-rgb"
|
|
32
34
|
* }
|
|
33
35
|
*/
|
|
34
|
-
|
|
36
|
+
var addExtraThemeEntries = function (path, key, value, printValue, _a) {
|
|
35
37
|
var _b;
|
|
36
38
|
var augmentWithId = _a.augmentWithId;
|
|
37
39
|
var colorRgb = typeof value === "string" ? color_string_1.default.get.rgb(value) : null;
|
|
@@ -42,15 +44,16 @@ exports.addExtraThemeEntries = function (path, key, value, printValue, _a) {
|
|
|
42
44
|
if (colorRgb) {
|
|
43
45
|
// If the value is a color, always convert to lowercase
|
|
44
46
|
result[key] = printValue(path, value).toLowerCase();
|
|
45
|
-
var rgbPath =
|
|
47
|
+
var rgbPath = __spreadArray(__spreadArray([], path, true), ["rgb"], false);
|
|
46
48
|
var rgbTriple = printValue(rgbPath, colorRgb.slice(0, 3).join(", "));
|
|
47
49
|
result[key + "-rgb"] = rgbTriple;
|
|
48
50
|
if (augmentWithId) {
|
|
49
|
-
result[key + "-rgb-id"] = cssVariables_1.objectPathToCssVarIdentifier(rgbPath);
|
|
51
|
+
result[key + "-rgb-id"] = (0, cssVariables_1.objectPathToCssVarIdentifier)(rgbPath);
|
|
50
52
|
}
|
|
51
53
|
}
|
|
52
54
|
if (augmentWithId) {
|
|
53
|
-
result[key + "-id"] = cssVariables_1.objectPathToCssVarIdentifier(path);
|
|
55
|
+
result[key + "-id"] = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
|
|
54
56
|
}
|
|
55
57
|
return result;
|
|
56
58
|
};
|
|
59
|
+
exports.addExtraThemeEntries = addExtraThemeEntries;
|
|
@@ -17,9 +17,10 @@ var lodash_kebabcase_1 = __importDefault(require("lodash.kebabcase"));
|
|
|
17
17
|
* "var(--color-wisteria-100, #f0f1f4)"
|
|
18
18
|
*
|
|
19
19
|
*/
|
|
20
|
-
|
|
21
|
-
return "var(" + exports.objectPathToCssVarIdentifier(path) + ", " + value + ")";
|
|
20
|
+
var objectPathToCssVarFunction = function (path, value) {
|
|
21
|
+
return "var(" + (0, exports.objectPathToCssVarIdentifier)(path) + ", " + value + ")";
|
|
22
22
|
};
|
|
23
|
+
exports.objectPathToCssVarFunction = objectPathToCssVarFunction;
|
|
23
24
|
/**
|
|
24
25
|
* Given an object path (an array of strings), return a CSS variable identifier.
|
|
25
26
|
*
|
|
@@ -28,6 +29,7 @@ exports.objectPathToCssVarFunction = function (path, value) {
|
|
|
28
29
|
*
|
|
29
30
|
* Output: "--color-wisteria-100"
|
|
30
31
|
*/
|
|
31
|
-
|
|
32
|
+
var objectPathToCssVarIdentifier = function (path) {
|
|
32
33
|
return "--" + path.map(lodash_kebabcase_1.default).join("-");
|
|
33
34
|
};
|
|
35
|
+
exports.objectPathToCssVarIdentifier = objectPathToCssVarIdentifier;
|
|
@@ -46,10 +46,10 @@ var mapLeafsOfObject_1 = require("./mapLeafsOfObject");
|
|
|
46
46
|
function makeCssVariableDefinitionsMap(theme) {
|
|
47
47
|
var accumulatedCssVariables = {};
|
|
48
48
|
// Shamelessly using a map function like a forEach
|
|
49
|
-
mapLeafsOfObject_1.mapLeafsOfObject(theme, function (path, value) {
|
|
49
|
+
(0, mapLeafsOfObject_1.mapLeafsOfObject)(theme, function (path, value) {
|
|
50
50
|
// Key will be `--color-blah`
|
|
51
|
-
var key = cssVariables_1.objectPathToCssVarIdentifier(path);
|
|
52
|
-
var nextCssVariables = addExtraThemeEntries_1.addExtraThemeEntries(path, key, value, function (_, v) { return "" + v; }, { augmentWithId: false });
|
|
51
|
+
var key = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
|
|
52
|
+
var nextCssVariables = (0, addExtraThemeEntries_1.addExtraThemeEntries)(path, key, value, function (_, v) { return "" + v; }, { augmentWithId: false });
|
|
53
53
|
accumulatedCssVariables = __assign(__assign({}, accumulatedCssVariables), nextCssVariables);
|
|
54
54
|
});
|
|
55
55
|
return accumulatedCssVariables;
|
|
@@ -45,10 +45,10 @@ function makeCSSVariableTheme(theme, printValue) {
|
|
|
45
45
|
var leafObject = pathWithoutLast.reduce(function (child, segment) {
|
|
46
46
|
return (child[segment] || (child[segment] = {}));
|
|
47
47
|
}, augmentedTheme);
|
|
48
|
-
var cssVariablesOfToken = addExtraThemeEntries_1.addExtraThemeEntries(leafPath, leafKey, value, printValue, { augmentWithId: true });
|
|
48
|
+
var cssVariablesOfToken = (0, addExtraThemeEntries_1.addExtraThemeEntries)(leafPath, leafKey, value, printValue, { augmentWithId: true });
|
|
49
49
|
Object.assign(leafObject, cssVariablesOfToken);
|
|
50
50
|
};
|
|
51
|
-
mapLeafsOfObject_1.mapLeafsOfObject(theme, mapper);
|
|
51
|
+
(0, mapLeafsOfObject_1.mapLeafsOfObject)(theme, mapper);
|
|
52
52
|
return augmentedTheme;
|
|
53
53
|
}
|
|
54
54
|
exports.makeCSSVariableTheme = makeCSSVariableTheme;
|
|
@@ -10,12 +10,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
14
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
15
|
+
if (ar || !(i in from)) {
|
|
16
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
17
|
+
ar[i] = from[i];
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
19
21
|
};
|
|
20
22
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
23
|
exports.mapLeafsOfObject = void 0;
|
|
@@ -42,7 +44,7 @@ exports.mapLeafsOfObject = void 0;
|
|
|
42
44
|
function mapLeafsOfObject(object, mapper) {
|
|
43
45
|
var recurser = function (currentPath, obj) {
|
|
44
46
|
var handleEntry = function (key, value) {
|
|
45
|
-
var pathToKey =
|
|
47
|
+
var pathToKey = __spreadArray(__spreadArray([], currentPath, true), [key], false);
|
|
46
48
|
if (typeof value === "object" && value !== null && value !== undefined) {
|
|
47
49
|
return recurser(pathToKey, value);
|
|
48
50
|
}
|
package/dist/src/themes/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.defaultTheme = void 0;
|
|
3
|
+
exports.defaultTheme = exports.zenTheme = exports.heartTheme = void 0;
|
|
4
4
|
var heart_1 = require("./heart");
|
|
5
5
|
var heart_2 = require("./heart");
|
|
6
6
|
Object.defineProperty(exports, "heartTheme", { enumerable: true, get: function () { return heart_2.heartTheme; } });
|
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": "
|
|
4
|
+
"version": "6.0.0",
|
|
5
5
|
"homepage": "https://github.com/cultureamp/kaizen-design-system/tree/master/packages/design-tokens",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
"react",
|
|
20
20
|
"dist",
|
|
21
21
|
"elm",
|
|
22
|
-
"!**/*.spec.*"
|
|
22
|
+
"!**/*.spec.*",
|
|
23
|
+
"!docs"
|
|
23
24
|
],
|
|
24
25
|
"types": "dist/**/*.d.ts",
|
|
25
26
|
"main": "dist/index.js",
|
|
@@ -33,7 +34,7 @@
|
|
|
33
34
|
"build:ts": "tsc --project tsconfig.dist.json",
|
|
34
35
|
"build:less": "json-to-flat-sass './tokens/*.json' 'less' --extension 'less' --caseType 'kebab' && prettier less/* --write",
|
|
35
36
|
"build:sass": "json-to-flat-sass './tokens/*.json' 'sass' --extension 'scss' --caseType 'kebab' && prettier sass/* --write",
|
|
36
|
-
"clean": "rimraf '?(docs|react|src|bin)/**/?(*.js
|
|
37
|
+
"clean": "rimraf '?(docs|react|src|bin)/**/?(*.js|*.d.ts)' '?(*.js^|*.js.map|*.d.ts)'",
|
|
37
38
|
"prepublish": "yarn build:json && yarn build:less && yarn build:sass && yarn build:ts"
|
|
38
39
|
},
|
|
39
40
|
"devDependencies": {
|
|
@@ -59,5 +60,5 @@
|
|
|
59
60
|
"peerDependencies": {
|
|
60
61
|
"react": ">=16"
|
|
61
62
|
},
|
|
62
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "2b61e6533e73e120472508ceae5e32da8b9f0f44"
|
|
63
64
|
}
|
package/react/ThemeProvider.js
CHANGED
|
@@ -22,7 +22,7 @@ exports.ThemeContext = react_1["default"].createContext(__1.defaultTheme);
|
|
|
22
22
|
* Wrap your application in this provider using a ThemeManager, to synchronise it with a react context.
|
|
23
23
|
* This allows child react elements to more easily use theme variables, using the {@link useTheme} hook.
|
|
24
24
|
*/
|
|
25
|
-
|
|
25
|
+
var ThemeProvider = function (_a) {
|
|
26
26
|
var themeManager = _a.themeManager, props = __rest(_a, ["themeManager"]);
|
|
27
27
|
var _b = react_1["default"].useState(themeManager.getCurrentTheme()), theme = _b[0], setTheme = _b[1];
|
|
28
28
|
react_1["default"].useEffect(function () {
|
|
@@ -39,5 +39,7 @@ exports.ThemeProvider = function (_a) {
|
|
|
39
39
|
}, []);
|
|
40
40
|
return (react_1["default"].createElement(exports.ThemeContext.Provider, { value: theme }, props.children));
|
|
41
41
|
};
|
|
42
|
-
exports.
|
|
42
|
+
exports.ThemeProvider = ThemeProvider;
|
|
43
|
+
var useTheme = function () { return react_1["default"].useContext(exports.ThemeContext); };
|
|
44
|
+
exports.useTheme = useTheme;
|
|
43
45
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["ThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yBAAuD;AAE1C,QAAA,YAAY,GAAG,kBAAK,CAAC,aAAa,CAAQ,gBAAY,CAAC,CAAA;AAEpE;;;GAGG;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["ThemeProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yBAAuD;AAE1C,QAAA,YAAY,GAAG,kBAAK,CAAC,aAAa,CAAQ,gBAAY,CAAC,CAAA;AAEpE;;;GAGG;AACI,IAAM,aAAa,GAAG,UAAC,EAM7B;IALC,IAAA,YAAY,kBAAA,EACT,KAAK,cAFoB,gBAG7B,CADS;IAKF,IAAA,KAAoB,kBAAK,CAAC,QAAQ,CACtC,YAAY,CAAC,eAAe,EAAE,CAC/B,EAFM,KAAK,QAAA,EAAE,QAAQ,QAErB,CAAA;IACD,kBAAK,CAAC,SAAS,CAAC;QACd,IAAI,SAAS,GAAG,KAAK,CAAA;QACrB,IAAM,QAAQ,GAAG,UAAC,QAAe;YAC/B,IAAI,CAAC,SAAS;gBAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACpC,CAAC,CAAA;QACD,YAAY,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAA;QAC7C,OAAO;YACL,SAAS,GAAG,IAAI,CAAA;YAChB,YAAY,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAA;QAClD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,iCAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAChC,KAAK,CAAC,QAAQ,CACO,CACzB,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,aAAa,iBA2BzB;AAEM,IAAM,QAAQ,GAAG,cAAM,OAAA,kBAAK,CAAC,UAAU,CAAC,oBAAY,CAAC,EAA9B,CAA8B,CAAA;AAA/C,QAAA,QAAQ,YAAuC"}
|
package/react/index.js
CHANGED
|
@@ -7,7 +7,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
7
7
|
o[k2] = m[k];
|
|
8
8
|
}));
|
|
9
9
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
12
|
exports.__esModule = true;
|
|
13
13
|
__exportStar(require("./ThemeProvider"), exports);
|
package/src/ThemeManager.js
CHANGED
|
@@ -39,7 +39,7 @@ var ThemeManager = /** @class */ (function () {
|
|
|
39
39
|
_this.themeChangeListeners = _this.themeChangeListeners.filter(function (l) { return l !== listener; });
|
|
40
40
|
};
|
|
41
41
|
this.applyCurrentTheme = function () {
|
|
42
|
-
var cssVariableDefinitions = makeCssVariableDefinitionsMap_1.makeCssVariableDefinitionsMap(_this.theme);
|
|
42
|
+
var cssVariableDefinitions = (0, makeCssVariableDefinitionsMap_1.makeCssVariableDefinitionsMap)(_this.theme);
|
|
43
43
|
Object.entries(cssVariableDefinitions).forEach(function (_a) {
|
|
44
44
|
var key = _a[0], value = _a[1];
|
|
45
45
|
if (_this.theme.themeKey === "zen") {
|
package/src/ThemeManager.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["ThemeManager.ts"],"names":[],"mappings":";;;AACA,qFAAmF;AACnF;;;;;;GAMG;AACH;IAIE,sBACE,KAAY,EACZ,WAAsC;IACtC,oHAAoH;IACpH,KAAqB;QAJvB,iBAaC;QAXC,4BAAA,EAAA,cAAc,QAAQ,CAAC,eAAe;QAEtC,sBAAA,EAAA,YAAqB;QAPf,yBAAoB,GAAG,EAAmC,CAAA;QAE1D,gBAAW,GAAG,QAAQ,CAAC,eAAe,CAAA;QAgBvC,mBAAc,GAAG,cAAM,OAAA,KAAI,CAAC,WAAW,EAAhB,CAAgB,CAAA;QACvC,oBAAe,GAAG,cAAM,OAAA,KAAI,CAAC,KAAK,EAAV,CAAU,CAAA;QAElC,mBAAc,GAAG,UAAC,OAAoB;YAC3C,KAAI,CAAC,WAAW,GAAG,OAAO,CAAA;QAC5B,CAAC,CAAA;QACM,qBAAgB,GAAG,UAAC,KAAY,EAAE,KAAe;YACtD,IAAI,CAAC,KAAK,EAAE;gBACV,IAAI,KAAI,CAAC,KAAK,KAAK,KAAK;oBAAE,OAAM;aACjC;YACD,KAAI,CAAC,KAAK,GAAG,KAAK,CAAA;YAClB,KAAI,CAAC,iBAAiB,EAAE,CAAA;YACxB,KAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAA;QACxC,CAAC,CAAA;QAEM,2BAAsB,GAAG,UAAC,QAAgC;YAC/D,KAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC1C,CAAC,CAAA;QACM,8BAAyB,GAAG,UAAC,QAAgC;YAClE,KAAI,CAAC,oBAAoB,GAAG,KAAI,CAAC,oBAAoB,CAAC,MAAM,CAC1D,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,QAAQ,EAAd,CAAc,CACpB,CAAA;QACH,CAAC,CAAA;QACM,sBAAiB,GAAG;YACzB,IAAM,sBAAsB,GAAG,6DAA6B,
|
|
1
|
+
{"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["ThemeManager.ts"],"names":[],"mappings":";;;AACA,qFAAmF;AACnF;;;;;;GAMG;AACH;IAIE,sBACE,KAAY,EACZ,WAAsC;IACtC,oHAAoH;IACpH,KAAqB;QAJvB,iBAaC;QAXC,4BAAA,EAAA,cAAc,QAAQ,CAAC,eAAe;QAEtC,sBAAA,EAAA,YAAqB;QAPf,yBAAoB,GAAG,EAAmC,CAAA;QAE1D,gBAAW,GAAG,QAAQ,CAAC,eAAe,CAAA;QAgBvC,mBAAc,GAAG,cAAM,OAAA,KAAI,CAAC,WAAW,EAAhB,CAAgB,CAAA;QACvC,oBAAe,GAAG,cAAM,OAAA,KAAI,CAAC,KAAK,EAAV,CAAU,CAAA;QAElC,mBAAc,GAAG,UAAC,OAAoB;YAC3C,KAAI,CAAC,WAAW,GAAG,OAAO,CAAA;QAC5B,CAAC,CAAA;QACM,qBAAgB,GAAG,UAAC,KAAY,EAAE,KAAe;YACtD,IAAI,CAAC,KAAK,EAAE;gBACV,IAAI,KAAI,CAAC,KAAK,KAAK,KAAK;oBAAE,OAAM;aACjC;YACD,KAAI,CAAC,KAAK,GAAG,KAAK,CAAA;YAClB,KAAI,CAAC,iBAAiB,EAAE,CAAA;YACxB,KAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAA;QACxC,CAAC,CAAA;QAEM,2BAAsB,GAAG,UAAC,QAAgC;YAC/D,KAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC1C,CAAC,CAAA;QACM,8BAAyB,GAAG,UAAC,QAAgC;YAClE,KAAI,CAAC,oBAAoB,GAAG,KAAI,CAAC,oBAAoB,CAAC,MAAM,CAC1D,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,QAAQ,EAAd,CAAc,CACpB,CAAA;QACH,CAAC,CAAA;QACM,sBAAiB,GAAG;YACzB,IAAM,sBAAsB,GAAG,IAAA,6DAA6B,EAAC,KAAI,CAAC,KAAK,CAAC,CAAA;YACxE,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;oBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;gBACzD,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,KAAK,EAAE;oBACjC,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;iBAC3C;qBAAM;oBACL,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;iBAC/C;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QAEO,+BAA0B,GAAG,UAAC,KAAY;YAChD,KAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,KAAK,CAAC,EAAf,CAAe,CAAC,CAAA;QAChE,CAAC,CAAA;QA7CC;;;UAGE;QACF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAA;QAC9B,IAAI,KAAK;YAAE,IAAI,CAAC,iBAAiB,EAAE,CAAA;IACrC,CAAC;IAuCH,mBAAC;AAAD,CAAC,AAxDD,IAwDC;AAxDY,oCAAY;AA0DzB,gIAAgI;AAChI,kIAAkI;AAClI,uEAAuE"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
+
if (ar || !(i in from)) {
|
|
5
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
+
ar[i] = from[i];
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
8
10
|
};
|
|
9
11
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
10
12
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
@@ -31,7 +33,7 @@ var cssVariables_1 = require("./cssVariables");
|
|
|
31
33
|
* "100-rgb-id": "--color-purple-100-rgb"
|
|
32
34
|
* }
|
|
33
35
|
*/
|
|
34
|
-
|
|
36
|
+
var addExtraThemeEntries = function (path, key, value, printValue, _a) {
|
|
35
37
|
var _b;
|
|
36
38
|
var augmentWithId = _a.augmentWithId;
|
|
37
39
|
var colorRgb = typeof value === "string" ? color_string_1["default"].get.rgb(value) : null;
|
|
@@ -42,16 +44,17 @@ exports.addExtraThemeEntries = function (path, key, value, printValue, _a) {
|
|
|
42
44
|
if (colorRgb) {
|
|
43
45
|
// If the value is a color, always convert to lowercase
|
|
44
46
|
result[key] = printValue(path, value).toLowerCase();
|
|
45
|
-
var rgbPath =
|
|
47
|
+
var rgbPath = __spreadArray(__spreadArray([], path, true), ["rgb"], false);
|
|
46
48
|
var rgbTriple = printValue(rgbPath, colorRgb.slice(0, 3).join(", "));
|
|
47
49
|
result[key + "-rgb"] = rgbTriple;
|
|
48
50
|
if (augmentWithId) {
|
|
49
|
-
result[key + "-rgb-id"] = cssVariables_1.objectPathToCssVarIdentifier(rgbPath);
|
|
51
|
+
result[key + "-rgb-id"] = (0, cssVariables_1.objectPathToCssVarIdentifier)(rgbPath);
|
|
50
52
|
}
|
|
51
53
|
}
|
|
52
54
|
if (augmentWithId) {
|
|
53
|
-
result[key + "-id"] = cssVariables_1.objectPathToCssVarIdentifier(path);
|
|
55
|
+
result[key + "-id"] = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
|
|
54
56
|
}
|
|
55
57
|
return result;
|
|
56
58
|
};
|
|
59
|
+
exports.addExtraThemeEntries = addExtraThemeEntries;
|
|
57
60
|
//# sourceMappingURL=addExtraThemeEntries.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"addExtraThemeEntries.js","sourceRoot":"","sources":["addExtraThemeEntries.ts"],"names":[],"mappings":"
|
|
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,CAAI,GAAG,SAAM,CAAC,GAAG,SAAS,CAAA;QAChC,IAAI,aAAa,EAAE;YACjB,MAAM,CAAI,GAAG,YAAS,CAAC,GAAG,IAAA,2CAA4B,EAAC,OAAO,CAAC,CAAA;SAChE;KACF;IACD,IAAI,aAAa,EAAE;QACjB,MAAM,CAAI,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
|
@@ -17,9 +17,10 @@ var lodash_kebabcase_1 = __importDefault(require("lodash.kebabcase"));
|
|
|
17
17
|
* "var(--color-wisteria-100, #f0f1f4)"
|
|
18
18
|
*
|
|
19
19
|
*/
|
|
20
|
-
|
|
21
|
-
return "var(" + exports.objectPathToCssVarIdentifier(path) + ", " + value + ")";
|
|
20
|
+
var objectPathToCssVarFunction = function (path, value) {
|
|
21
|
+
return "var(" + (0, exports.objectPathToCssVarIdentifier)(path) + ", " + value + ")";
|
|
22
22
|
};
|
|
23
|
+
exports.objectPathToCssVarFunction = objectPathToCssVarFunction;
|
|
23
24
|
/**
|
|
24
25
|
* Given an object path (an array of strings), return a CSS variable identifier.
|
|
25
26
|
*
|
|
@@ -28,7 +29,8 @@ exports.objectPathToCssVarFunction = function (path, value) {
|
|
|
28
29
|
*
|
|
29
30
|
* Output: "--color-wisteria-100"
|
|
30
31
|
*/
|
|
31
|
-
|
|
32
|
+
var objectPathToCssVarIdentifier = function (path) {
|
|
32
33
|
return "--" + path.map(lodash_kebabcase_1["default"]).join("-");
|
|
33
34
|
};
|
|
35
|
+
exports.objectPathToCssVarIdentifier = objectPathToCssVarIdentifier;
|
|
34
36
|
//# sourceMappingURL=cssVariables.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cssVariables.js","sourceRoot":"","sources":["cssVariables.ts"],"names":[],"mappings":";;;;;;AAAA,sEAAoC;AAEpC;;;;;;;;;;;GAWG;
|
|
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,SAAO,IAAA,oCAA4B,EAAC,IAAI,CAAC,UAAK,KAAK,MAAG;AAAtD,CAAsD,CAAA;AAD3C,QAAA,0BAA0B,8BACiB;AAExD;;;;;;;GAOG;AACI,IAAM,4BAA4B,GAAG,UAAC,IAAc;IACzD,OAAA,OAAK,IAAI,CAAC,GAAG,CAAC,6BAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAG;AAAhC,CAAgC,CAAA;AADrB,QAAA,4BAA4B,gCACP"}
|
|
@@ -46,10 +46,10 @@ var mapLeafsOfObject_1 = require("./mapLeafsOfObject");
|
|
|
46
46
|
function makeCssVariableDefinitionsMap(theme) {
|
|
47
47
|
var accumulatedCssVariables = {};
|
|
48
48
|
// Shamelessly using a map function like a forEach
|
|
49
|
-
mapLeafsOfObject_1.mapLeafsOfObject(theme, function (path, value) {
|
|
49
|
+
(0, mapLeafsOfObject_1.mapLeafsOfObject)(theme, function (path, value) {
|
|
50
50
|
// Key will be `--color-blah`
|
|
51
|
-
var key = cssVariables_1.objectPathToCssVarIdentifier(path);
|
|
52
|
-
var nextCssVariables = addExtraThemeEntries_1.addExtraThemeEntries(path, key, value, function (_, v) { return "" + v; }, { augmentWithId: false });
|
|
51
|
+
var key = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
|
|
52
|
+
var nextCssVariables = (0, addExtraThemeEntries_1.addExtraThemeEntries)(path, key, value, function (_, v) { return "" + 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,mCAAgB,
|
|
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,KAAG,CAAG,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"}
|
|
@@ -45,10 +45,10 @@ function makeCSSVariableTheme(theme, printValue) {
|
|
|
45
45
|
var leafObject = pathWithoutLast.reduce(function (child, segment) {
|
|
46
46
|
return (child[segment] || (child[segment] = {}));
|
|
47
47
|
}, augmentedTheme);
|
|
48
|
-
var cssVariablesOfToken = addExtraThemeEntries_1.addExtraThemeEntries(leafPath, leafKey, value, printValue, { augmentWithId: true });
|
|
48
|
+
var cssVariablesOfToken = (0, addExtraThemeEntries_1.addExtraThemeEntries)(leafPath, leafKey, value, printValue, { augmentWithId: true });
|
|
49
49
|
Object.assign(leafObject, cssVariablesOfToken);
|
|
50
50
|
};
|
|
51
|
-
mapLeafsOfObject_1.mapLeafsOfObject(theme, mapper);
|
|
51
|
+
(0, mapLeafsOfObject_1.mapLeafsOfObject)(theme, mapper);
|
|
52
52
|
return augmentedTheme;
|
|
53
53
|
}
|
|
54
54
|
exports.makeCSSVariableTheme = makeCSSVariableTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeCssVariableTheme.js","sourceRoot":"","sources":["makeCssVariableTheme.ts"],"names":[],"mappings":";;;AACA,+DAA6D;AAC7D,+CAA2D;AAC3D,uDAAqD;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,SAAgB,oBAAoB,CAElC,KAAgB,EAAE,UAAuC;IAAvC,2BAAA,EAAA,aAAa,yCAA0B;IACzD,IAAM,cAAc,GAA4B,EAAE,CAAA;IAClD,IAAM,MAAM,GAAG,UAAC,QAAkB,EAAE,KAAc;QAChD,IAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC7C,IAAM,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC9D,IAAM,UAAU,GAAG,eAAe,CAAC,MAAM,CACvC,UAAC,KAAK,EAAE,OAAO;YACb,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAA4B;QAApE,CAAoE,EACtE,cAAyC,CAC1C,CAAA;QACD,IAAM,mBAAmB,GAAG,2CAAoB,
|
|
1
|
+
{"version":3,"file":"makeCssVariableTheme.js","sourceRoot":"","sources":["makeCssVariableTheme.ts"],"names":[],"mappings":";;;AACA,+DAA6D;AAC7D,+CAA2D;AAC3D,uDAAqD;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,SAAgB,oBAAoB,CAElC,KAAgB,EAAE,UAAuC;IAAvC,2BAAA,EAAA,aAAa,yCAA0B;IACzD,IAAM,cAAc,GAA4B,EAAE,CAAA;IAClD,IAAM,MAAM,GAAG,UAAC,QAAkB,EAAE,KAAc;QAChD,IAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC7C,IAAM,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAC9D,IAAM,UAAU,GAAG,eAAe,CAAC,MAAM,CACvC,UAAC,KAAK,EAAE,OAAO;YACb,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAA4B;QAApE,CAAoE,EACtE,cAAyC,CAC1C,CAAA;QACD,IAAM,mBAAmB,GAAG,IAAA,2CAAoB,EAC9C,QAAQ,EACR,OAAO,EACP,KAAK,EACL,UAAU,EACV,EAAE,aAAa,EAAE,IAAI,EAAE,CACxB,CAAA;QACD,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAA;IAChD,CAAC,CAAA;IAED,IAAA,mCAAgB,EAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAE/B,OAAO,cAAuD,CAAA;AAChE,CAAC;AAzBD,oDAyBC"}
|
|
@@ -10,12 +10,14 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
14
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
15
|
+
if (ar || !(i in from)) {
|
|
16
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
17
|
+
ar[i] = from[i];
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
19
21
|
};
|
|
20
22
|
exports.__esModule = true;
|
|
21
23
|
exports.mapLeafsOfObject = void 0;
|
|
@@ -42,7 +44,7 @@ exports.mapLeafsOfObject = void 0;
|
|
|
42
44
|
function mapLeafsOfObject(object, mapper) {
|
|
43
45
|
var recurser = function (currentPath, obj) {
|
|
44
46
|
var handleEntry = function (key, value) {
|
|
45
|
-
var pathToKey =
|
|
47
|
+
var pathToKey = __spreadArray(__spreadArray([], currentPath, true), [key], false);
|
|
46
48
|
if (typeof value === "object" && value !== null && value !== undefined) {
|
|
47
49
|
return recurser(pathToKey, value);
|
|
48
50
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapLeafsOfObject.js","sourceRoot":"","sources":["mapLeafsOfObject.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mapLeafsOfObject.js","sourceRoot":"","sources":["mapLeafsOfObject.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,gBAAgB,CAI9B,MAAW,EACX,MAAuD;IAEvD,IAAM,QAAQ,GAAG,UACf,WAAqB,EACrB,GAAM;QAEN,IAAM,WAAW,GAAG,UAAC,GAAW,EAAE,KAAc;YAC9C,IAAM,SAAS,mCAAO,WAAW,UAAE,GAAG,SAAC,CAAA;YACvC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;gBACtE,OAAO,QAAQ,CAAC,SAAS,EAAE,KAAyC,CAAC,CAAA;aACtE;YACD,OAAO,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;QACjC,CAAC,CAAA;QACD,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAC/B,UAAC,GAAG,EAAE,EAAoB;;gBAAnB,OAAO,QAAA,EAAE,SAAS,QAAA;YAAM,OAAA,uBAC1B,GAAG,gBACL,OAAO,IAAG,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC,OAC1C;QAH6B,CAG7B,EACF,EAAkC,CACnC,CAAA;IACH,CAAC,CAAA;IACD,OAAO,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;AAC7B,CAAC;AA3BD,4CA2BC"}
|
package/src/themes/index.js
CHANGED
|
@@ -7,7 +7,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
7
7
|
o[k2] = m[k];
|
|
8
8
|
}));
|
|
9
9
|
exports.__esModule = true;
|
|
10
|
-
exports.defaultTheme = void 0;
|
|
10
|
+
exports.defaultTheme = exports.zenTheme = exports.heartTheme = void 0;
|
|
11
11
|
var heart_1 = require("./heart");
|
|
12
12
|
var heart_2 = require("./heart");
|
|
13
13
|
__createBinding(exports, heart_2, "heartTheme");
|