@kaizen/design-tokens 5.0.0 → 6.0.3

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.
Files changed (13) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/dist/src/lib/addExtraThemeEntries.js +3 -3
  3. package/dist/src/lib/cssVariables.js +2 -2
  4. package/dist/src/lib/makeCssVariableDefinitionsMap.js +1 -1
  5. package/package.json +5 -5
  6. package/src/lib/addExtraThemeEntries.js +3 -3
  7. package/src/lib/addExtraThemeEntries.js.map +1 -1
  8. package/src/lib/cssVariables.js +2 -2
  9. package/src/lib/cssVariables.js.map +1 -1
  10. package/src/lib/makeCssVariableDefinitionsMap.js +1 -1
  11. package/src/lib/makeCssVariableDefinitionsMap.js.map +1 -1
  12. package/src/lib/patterns.js.map +1 -1
  13. package/src/lib/patterns.ts +2 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,53 @@
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.3](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@6.0.2...@kaizen/design-tokens@6.0.3) (2022-01-10)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * 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))
12
+
13
+
14
+
15
+
16
+
17
+ ## [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)
18
+
19
+ **Note:** Version bump only for package @kaizen/design-tokens
20
+
21
+
22
+
23
+
24
+
25
+ ## [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)
26
+
27
+ **Note:** Version bump only for package @kaizen/design-tokens
28
+
29
+
30
+
31
+
32
+
33
+ # [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)
34
+
35
+
36
+ ### Features
37
+
38
+ * 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))
39
+
40
+
41
+ ### BREAKING CHANGES
42
+
43
+ * Refactor of modals to reflect UI Kit design updates.
44
+
45
+ * New styles for all modals - InputEditModal, ConfirmationModal, ContextModal (previously InformationModal).
46
+ * InformationModal renamed to ContextModal - You will need to update any imports.
47
+ * Deprecated RoadblockModal - use ConfirmationModal instead.
48
+
49
+
50
+
51
+
52
+
6
53
  # [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)
7
54
 
8
55
 
package/dist/src/lib/addExtraThemeEntries.js CHANGED
@@ -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 + "-rgb"] = rgbTriple;
49
+ result["".concat(key, "-rgb")] = rgbTriple;
50
50
  if (augmentWithId) {
51
- result[key + "-rgb-id"] = (0, cssVariables_1.objectPathToCssVarIdentifier)(rgbPath);
51
+ result["".concat(key, "-rgb-id")] = (0, cssVariables_1.objectPathToCssVarIdentifier)(rgbPath);
52
52
  }
53
53
  }
54
54
  if (augmentWithId) {
55
- result[key + "-id"] = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
55
+ result["".concat(key, "-id")] = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
56
56
  }
57
57
  return result;
58
58
  };
package/dist/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(" + (0, exports.objectPathToCssVarIdentifier)(path) + ", " + value + ")";
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 "--" + path.map(lodash_kebabcase_1.default).join("-");
33
+ return "--".concat(path.map(lodash_kebabcase_1.default).join("-"));
34
34
  };
35
35
  exports.objectPathToCssVarIdentifier = objectPathToCssVarIdentifier;
package/dist/src/lib/makeCssVariableDefinitionsMap.js CHANGED
@@ -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 "" + v; }, { augmentWithId: false });
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": "5.0.0",
4
+ "version": "6.0.3",
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.2",
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.0",
55
+ "@types/color-string": "^1.5.2",
56
56
  "@types/lodash.kebabcase": "^4.1.6",
57
- "color-string": "^1.6.0",
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": "b9c8a03c307cceb9fc72f1381091202adc786939"
63
+ "gitHead": "fd1737c7b8369fdc7022b3206f5269e40d037efd"
64
64
  }
package/src/lib/addExtraThemeEntries.js CHANGED
@@ -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 + "-rgb"] = rgbTriple;
49
+ result["".concat(key, "-rgb")] = rgbTriple;
50
50
  if (augmentWithId) {
51
- result[key + "-rgb-id"] = (0, cssVariables_1.objectPathToCssVarIdentifier)(rgbPath);
51
+ result["".concat(key, "-rgb-id")] = (0, cssVariables_1.objectPathToCssVarIdentifier)(rgbPath);
52
52
  }
53
53
  }
54
54
  if (augmentWithId) {
55
- result[key + "-id"] = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
55
+ result["".concat(key, "-id")] = (0, cssVariables_1.objectPathToCssVarIdentifier)(path);
56
56
  }
57
57
  return result;
58
58
  };
package/src/lib/addExtraThemeEntries.js.map CHANGED
@@ -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,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"}
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(" + (0, exports.objectPathToCssVarIdentifier)(path) + ", " + value + ")";
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 "--" + path.map(lodash_kebabcase_1["default"]).join("-");
33
+ return "--".concat(path.map(lodash_kebabcase_1["default"]).join("-"));
34
34
  };
35
35
  exports.objectPathToCssVarIdentifier = objectPathToCssVarIdentifier;
36
36
  //# sourceMappingURL=cssVariables.js.map
package/src/lib/cssVariables.js.map CHANGED
@@ -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,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"}
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"}
package/src/lib/makeCssVariableDefinitionsMap.js CHANGED
@@ -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 "" + v; }, { augmentWithId: false });
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/src/lib/makeCssVariableDefinitionsMap.js.map CHANGED
@@ -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,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"}
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,GAAG,+DAA+D,CAAA;AACrF,QAAA,qBAAqB,GAAG,0CAA0C,CAAA"}
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 = /ash|stone|slate|iron|wisteria|cluny|peach|yuzu|coral|seedling/
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/