@kaizen/design-tokens 8.1.0 → 9.0.2

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 (27) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/src/ThemeManager.d.ts +1 -1
  3. package/dist/src/ThemeManager.d.ts.map +1 -1
  4. package/dist/src/ThemeManager.js +2 -7
  5. package/dist/src/themes/index.d.ts +0 -1
  6. package/dist/src/themes/index.d.ts.map +1 -1
  7. package/dist/src/themes/index.js +1 -3
  8. package/dist/src/types.d.ts +1 -1
  9. package/dist/src/types.d.ts.map +1 -1
  10. package/package.json +2 -2
  11. package/src/ThemeManager.d.ts +1 -1
  12. package/src/ThemeManager.js +2 -7
  13. package/src/ThemeManager.js.map +1 -1
  14. package/src/ThemeManager.ts +5 -8
  15. package/src/themes/index.d.ts +0 -1
  16. package/src/themes/index.js +1 -3
  17. package/src/themes/index.js.map +1 -1
  18. package/src/themes/index.ts +0 -1
  19. package/src/types.d.ts +1 -1
  20. package/src/types.ts +1 -1
  21. package/dist/src/themes/zen.d.ts +0 -3
  22. package/dist/src/themes/zen.d.ts.map +0 -1
  23. package/dist/src/themes/zen.js +0 -294
  24. package/src/themes/zen.d.ts +0 -2
  25. package/src/themes/zen.js +0 -295
  26. package/src/themes/zen.js.map +0 -1
  27. package/src/themes/zen.ts +0 -293
package/CHANGELOG.md CHANGED
@@ -3,6 +3,38 @@
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
+ ## [9.0.2](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@9.0.1...@kaizen/design-tokens@9.0.2) (2022-06-21)
7
+
8
+ **Note:** Version bump only for package @kaizen/design-tokens
9
+
10
+
11
+
12
+
13
+
14
+ ## [9.0.1](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@9.0.0...@kaizen/design-tokens@9.0.1) (2022-06-20)
15
+
16
+ **Note:** Version bump only for package @kaizen/design-tokens
17
+
18
+
19
+
20
+
21
+
22
+ # [9.0.0](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@8.1.0...@kaizen/design-tokens@9.0.0) (2022-06-20)
23
+
24
+
25
+ ### Code Refactoring
26
+
27
+ * remove zen theme from kds ([#2799](https://github.com/cultureamp/kaizen-design-system/issues/2799)) ([a3a26a5](https://github.com/cultureamp/kaizen-design-system/commit/a3a26a549ee3c37d159c2547d8e78d07e53f16ec))
28
+
29
+
30
+ ### BREAKING CHANGES
31
+
32
+ * Remove exported zenTheme and config from `design-tokens` package
33
+
34
+
35
+
36
+
37
+
6
38
  # [8.1.0](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/design-tokens@8.0.3...@kaizen/design-tokens@8.1.0) (2022-05-20)
7
39
 
8
40
 
package/dist/src/ThemeManager.d.ts CHANGED
@@ -7,10 +7,10 @@ import { Theme as BaseTheme } from "./types";
7
7
  * It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.
8
8
  */
9
9
  export declare class ThemeManager<Theme extends BaseTheme = BaseTheme> {
10
+ constructor(theme: Theme, apply?: boolean);
10
11
  private themeChangeListeners;
11
12
  private theme;
12
13
  private rootElement;
13
- constructor(theme: Theme, apply?: boolean);
14
14
  getRootElement: () => HTMLElement | null;
15
15
  getCurrentTheme: () => Theme;
16
16
  setRootElement: (element: HTMLElement) => void;
package/dist/src/ThemeManager.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../src/ThemeManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;;GAMG;AACH,qBAAa,YAAY,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IAC3D,OAAO,CAAC,oBAAoB,CAAsC;IAClE,OAAO,CAAC,KAAK,CAAO;IACpB,OAAO,CAAC,WAAW,CAA2B;gBAE5C,KAAK,EAAE,KAAK,EAEZ,KAAK,GAAE,OAAc;IAUhB,cAAc,2BAAyB;IACvC,eAAe,cAAmB;IAElC,cAAc,YAAa,WAAW,UAE5C;IACM,gBAAgB,UAAW,KAAK,uCAOtC;IAEM,sBAAsB,qBAAsB,KAAK,KAAK,IAAI,UAEhE;IACM,yBAAyB,qBAAsB,KAAK,KAAK,IAAI,UAInE;IACM,iBAAiB,aAYvB;IAED,OAAO,CAAC,0BAA0B,CAEjC;CACF"}
1
+ {"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../src/ThemeManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;;GAMG;AACH,qBAAa,YAAY,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;gBAEzD,KAAK,EAAE,KAAK,EAEZ,KAAK,GAAE,OAAc;IAUvB,OAAO,CAAC,oBAAoB,CAAsC;IAClE,OAAO,CAAC,KAAK,CAAO;IACpB,OAAO,CAAC,WAAW,CAA2B;IAEvC,cAAc,2BAAyB;IACvC,eAAe,cAAmB;IAElC,cAAc,YAAa,WAAW,UAE5C;IACM,gBAAgB,UAAW,KAAK,uCAOtC;IAEM,sBAAsB,qBAAsB,KAAK,KAAK,IAAI,UAEhE;IACM,yBAAyB,qBAAsB,KAAK,KAAK,IAAI,UAInE;IACM,iBAAiB,aAQvB;IAED,OAAO,CAAC,0BAA0B,CAEjC;CACF"}
package/dist/src/ThemeManager.js CHANGED
@@ -42,14 +42,9 @@ var ThemeManager = /** @class */ (function () {
42
42
  _this.setRootElement(document.documentElement);
43
43
  var cssVariableDefinitions = (0, makeCssVariableDefinitionsMap_1.makeCssVariableDefinitionsMap)(_this.theme);
44
44
  Object.entries(cssVariableDefinitions).forEach(function (_a) {
45
- var _b, _c;
45
+ var _b;
46
46
  var key = _a[0], value = _a[1];
47
- if (_this.theme.themeKey === "zen") {
48
- (_b = _this.rootElement) === null || _b === void 0 ? void 0 : _b.style.removeProperty(key);
49
- }
50
- else {
51
- (_c = _this.rootElement) === null || _c === void 0 ? void 0 : _c.style.setProperty(key, value);
52
- }
47
+ (_b = _this.rootElement) === null || _b === void 0 ? void 0 : _b.style.setProperty(key, value);
53
48
  });
54
49
  }
55
50
  };
package/dist/src/themes/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  export { heartTheme } from "./heart";
2
- export { zenTheme } from "./zen";
3
2
  export declare const defaultTheme: import("../types").Theme;
4
3
  //# sourceMappingURL=index.d.ts.map
package/dist/src/themes/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,eAAO,MAAM,YAAY,0BAAa,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,eAAO,MAAM,YAAY,0BAAa,CAAA"}
package/dist/src/themes/index.js CHANGED
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.defaultTheme = exports.zenTheme = exports.heartTheme = void 0;
3
+ exports.defaultTheme = 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; } });
7
- var zen_1 = require("./zen");
8
- Object.defineProperty(exports, "zenTheme", { enumerable: true, get: function () { return zen_1.zenTheme; } });
9
7
  exports.defaultTheme = heart_1.heartTheme;
package/dist/src/types.d.ts CHANGED
@@ -22,7 +22,7 @@ export declare type TypographyFont = {
22
22
  lineHeight: KaizenCSSProperties["lineHeight"];
23
23
  letterSpacing: KaizenCSSProperties["letterSpacing"];
24
24
  };
25
- export declare type ThemeKey = "zen" | "heart" | "custom";
25
+ export declare type ThemeKey = "heart" | "custom";
26
26
  export declare type Theme = {
27
27
  themeKey: ThemeKey;
28
28
  border: {
package/dist/src/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}
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": "8.1.0",
4
+ "version": "9.0.2",
5
5
  "homepage": "https://github.com/cultureamp/kaizen-design-system/tree/master/packages/design-tokens",
6
6
  "repository": {
7
7
  "type": "git",
@@ -58,5 +58,5 @@
58
58
  "peerDependencies": {
59
59
  "react": ">=16 || ^17.0.0 || ^18.0.0"
60
60
  },
61
- "gitHead": "68d4108e36e84d103ac5ba98c7ed0c4f5ccb5a30"
61
+ "gitHead": "1547b9f094dbe0d4192b8b4f351eb545bccab6f6"
62
62
  }
package/src/ThemeManager.d.ts CHANGED
@@ -7,10 +7,10 @@ import { Theme as BaseTheme } from "./types";
7
7
  * It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.
8
8
  */
9
9
  export declare class ThemeManager<Theme extends BaseTheme = BaseTheme> {
10
+ constructor(theme: Theme, apply?: boolean);
10
11
  private themeChangeListeners;
11
12
  private theme;
12
13
  private rootElement;
13
- constructor(theme: Theme, apply?: boolean);
14
14
  getRootElement: () => HTMLElement | null;
15
15
  getCurrentTheme: () => Theme;
16
16
  setRootElement: (element: HTMLElement) => void;
package/src/ThemeManager.js CHANGED
@@ -42,14 +42,9 @@ var ThemeManager = /** @class */ (function () {
42
42
  _this.setRootElement(document.documentElement);
43
43
  var cssVariableDefinitions = (0, makeCssVariableDefinitionsMap_1.makeCssVariableDefinitionsMap)(_this.theme);
44
44
  Object.entries(cssVariableDefinitions).forEach(function (_a) {
45
- var _b, _c;
45
+ var _b;
46
46
  var key = _a[0], value = _a[1];
47
- if (_this.theme.themeKey === "zen") {
48
- (_b = _this.rootElement) === null || _b === void 0 ? void 0 : _b.style.removeProperty(key);
49
- }
50
- else {
51
- (_c = _this.rootElement) === null || _c === void 0 ? void 0 : _c.style.setProperty(key, value);
52
- }
47
+ (_b = _this.rootElement) === null || _b === void 0 ? void 0 : _b.style.setProperty(key, value);
53
48
  });
54
49
  }
55
50
  };
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;IACZ,oHAAoH;IACpH,KAAqB;QAHvB,iBAWC;QARC,sBAAA,EAAA,YAAqB;QANf,yBAAoB,GAAG,EAAmC,CAAA;QAE1D,gBAAW,GAAuB,IAAI,CAAA;QAcvC,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,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBACjC,KAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;gBAC7C,IAAM,sBAAsB,GAAG,IAAA,6DAA6B,EAAC,KAAI,CAAC,KAAK,CAAC,CAAA;gBACxE,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;;wBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;oBACzD,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,KAAK,EAAE;wBACjC,MAAA,KAAI,CAAC,WAAW,0CAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;qBAC5C;yBAAM;wBACL,MAAA,KAAI,CAAC,WAAW,0CAAE,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;qBAChD;gBACH,CAAC,CAAC,CAAA;aACH;QACH,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;QA/CC;;;UAGE;QACF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,KAAK;YAAE,IAAI,CAAC,iBAAiB,EAAE,CAAA;IACrC,CAAC;IA0CH,mBAAC;AAAD,CAAC,AAzDD,IAyDC;AAzDY,oCAAY;AA2DzB,gIAAgI;AAChI,kIAAkI;AAClI,uEAAuE"}
1
+ {"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["ThemeManager.ts"],"names":[],"mappings":";;;AACA,qFAAmF;AACnF;;;;;;GAMG;AACH;IACE,sBACE,KAAY;IACZ,oHAAoH;IACpH,KAAqB;QAHvB,iBAWC;QARC,sBAAA,EAAA,YAAqB;QAUf,yBAAoB,GAAG,EAAmC,CAAA;QAE1D,gBAAW,GAAuB,IAAI,CAAA;QAEvC,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,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBACjC,KAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;gBAC7C,IAAM,sBAAsB,GAAG,IAAA,6DAA6B,EAAC,KAAI,CAAC,KAAK,CAAC,CAAA;gBACxE,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,OAAO,CAAC,UAAC,EAAY;;wBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;oBACzD,MAAA,KAAI,CAAC,WAAW,0CAAE,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;gBACjD,CAAC,CAAC,CAAA;aACH;QACH,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;QA/CC;;;UAGE;QACF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,KAAK;YAAE,IAAI,CAAC,iBAAiB,EAAE,CAAA;IACrC,CAAC;IA0CH,mBAAC;AAAD,CAAC,AAtDD,IAsDC;AAtDY,oCAAY;AAwDzB,gIAAgI;AAChI,kIAAkI;AAClI,uEAAuE"}
package/src/ThemeManager.ts CHANGED
@@ -8,9 +8,6 @@ import { makeCssVariableDefinitionsMap } from "./lib/makeCssVariableDefinitionsM
8
8
  * It works by converting a Theme interface to a flattened map of CSS variable keys and values, then calling `document.documentElement.style.setProperty(key, value)`.
9
9
  */
10
10
  export class ThemeManager<Theme extends BaseTheme = BaseTheme> {
11
- private themeChangeListeners = [] as Array<(theme: Theme) => void>
12
- private theme: Theme
13
- private rootElement: HTMLElement | null = null
14
11
  constructor(
15
12
  theme: Theme,
16
13
  /* This allows you to stop the class from applying the theme automatically during construction. Defaults to true */
@@ -24,6 +21,10 @@ export class ThemeManager<Theme extends BaseTheme = BaseTheme> {
24
21
  if (apply) this.applyCurrentTheme()
25
22
  }
26
23
 
24
+ private themeChangeListeners = [] as Array<(theme: Theme) => void>
25
+ private theme: Theme
26
+ private rootElement: HTMLElement | null = null
27
+
27
28
  public getRootElement = () => this.rootElement
28
29
  public getCurrentTheme = () => this.theme
29
30
 
@@ -52,11 +53,7 @@ export class ThemeManager<Theme extends BaseTheme = BaseTheme> {
52
53
  this.setRootElement(document.documentElement)
53
54
  const cssVariableDefinitions = makeCssVariableDefinitionsMap(this.theme)
54
55
  Object.entries(cssVariableDefinitions).forEach(([key, value]) => {
55
- if (this.theme.themeKey === "zen") {
56
- this.rootElement?.style.removeProperty(key)
57
- } else {
58
- this.rootElement?.style.setProperty(key, value)
59
- }
56
+ this.rootElement?.style.setProperty(key, value)
60
57
  })
61
58
  }
62
59
  }
package/src/themes/index.d.ts CHANGED
@@ -1,3 +1,2 @@
1
1
  export { heartTheme } from "./heart";
2
- export { zenTheme } from "./zen";
3
2
  export declare const defaultTheme: import("../types").Theme;
package/src/themes/index.js CHANGED
@@ -7,11 +7,9 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
7
7
  o[k2] = m[k];
8
8
  }));
9
9
  exports.__esModule = true;
10
- exports.defaultTheme = exports.zenTheme = exports.heartTheme = void 0;
10
+ exports.defaultTheme = 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");
14
- var zen_1 = require("./zen");
15
- __createBinding(exports, zen_1, "zenTheme");
16
14
  exports.defaultTheme = heart_1.heartTheme;
17
15
  //# sourceMappingURL=index.js.map
package/src/themes/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,iCAAoC;AACpC,iCAAoC;AAA3B,gDAAU;AACnB,6BAAgC;AAAvB,4CAAQ;AACJ,QAAA,YAAY,GAAG,kBAAU,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,iCAAoC;AACpC,iCAAoC;AAA3B,gDAAU;AACN,QAAA,YAAY,GAAG,kBAAU,CAAA"}
package/src/themes/index.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  import { heartTheme } from "./heart"
2
2
  export { heartTheme } from "./heart"
3
- export { zenTheme } from "./zen"
4
3
  export const defaultTheme = heartTheme
package/src/types.d.ts CHANGED
@@ -22,7 +22,7 @@ export declare type TypographyFont = {
22
22
  lineHeight: KaizenCSSProperties["lineHeight"];
23
23
  letterSpacing: KaizenCSSProperties["letterSpacing"];
24
24
  };
25
- export declare type ThemeKey = "zen" | "heart" | "custom";
25
+ export declare type ThemeKey = "heart" | "custom";
26
26
  export declare type Theme = {
27
27
  themeKey: ThemeKey;
28
28
  border: {
package/src/types.ts CHANGED
@@ -28,7 +28,7 @@ export type TypographyFont = {
28
28
  letterSpacing: KaizenCSSProperties["letterSpacing"]
29
29
  }
30
30
 
31
- export type ThemeKey = "zen" | "heart" | "custom"
31
+ export type ThemeKey = "heart" | "custom"
32
32
 
33
33
  export type Theme = {
34
34
  themeKey: ThemeKey
package/dist/src/themes/zen.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { Theme } from "../types";
2
- export declare const zenTheme: Theme;
3
- //# sourceMappingURL=zen.d.ts.map
package/dist/src/themes/zen.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"zen.d.ts","sourceRoot":"","sources":["../../../src/themes/zen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,eAAO,MAAM,QAAQ,EAAE,KAkStB,CAAA"}
package/dist/src/themes/zen.js DELETED
@@ -1,294 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.zenTheme = void 0;
4
- exports.zenTheme = {
5
- themeKey: "zen",
6
- animation: {
7
- easingFunction: {
8
- easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
9
- easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
10
- easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
11
- linear: "linear",
12
- bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
13
- bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
14
- bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)",
15
- },
16
- duration: {
17
- instant: "0ms",
18
- immediate: "100ms",
19
- rapid: "200ms",
20
- fast: "300ms",
21
- slow: "400ms",
22
- deliberate: "700ms",
23
- },
24
- },
25
- border: {
26
- solid: {
27
- borderWidth: "2px",
28
- borderRadius: "7px",
29
- borderStyle: "solid",
30
- borderColor: "#e1e2ea",
31
- },
32
- dashed: {
33
- borderWidth: "2px",
34
- borderRadius: "7px",
35
- borderStyle: "dashed",
36
- },
37
- borderless: {
38
- borderWidth: "2px",
39
- borderRadius: "7px",
40
- borderStyle: "solid",
41
- borderColor: "transparent",
42
- },
43
- focusRing: {
44
- borderWidth: "2px",
45
- borderRadius: "10px",
46
- borderStyle: "solid",
47
- },
48
- },
49
- color: {
50
- purple: {
51
- 100: "#f0f1f4",
52
- 200: "#e1e2ea",
53
- 300: "#c4c5d4",
54
- 400: "#a7a9c1",
55
- 500: "#898ba9",
56
- 600: "#6b6e94",
57
- 700: "#4b4d68",
58
- 800: "#35374a",
59
- },
60
- blue: {
61
- 100: "#e6f0f7",
62
- 200: "#cce1f0",
63
- 300: "#99c3e1",
64
- 400: "#4d95ca",
65
- 500: "#0168b3",
66
- 600: "#00518c",
67
- // Duplicate from Heart because it's new
68
- 700: "#003157",
69
- },
70
- green: {
71
- 100: "#e9f6f3",
72
- 200: "#bce3dc",
73
- 300: "#90d1c5",
74
- 400: "#64bfae",
75
- 500: "#21a38b",
76
- 600: "#177261",
77
- // Duplicate from Heart because it's new
78
- 700: "#22594a",
79
- },
80
- yellow: {
81
- 100: "#fffae8",
82
- 200: "#fff5d2",
83
- 300: "#ffeba5",
84
- 400: "#ffe278",
85
- 500: "#ffce1e",
86
- // Duplicate from Heart because it's new
87
- 600: "#c68600",
88
- // Duplicate from Heart because it's new
89
- 700: "#876400",
90
- },
91
- red: {
92
- 100: "#fcedef",
93
- 200: "#fccfd4",
94
- 300: "#fcaeb6",
95
- 400: "#fc7c89",
96
- 500: "#e22b3e",
97
- 600: "#b02130",
98
- // Duplicate from Heart because it's new
99
- 700: "#6c1e20",
100
- },
101
- orange: {
102
- 100: "#fff1ee",
103
- 200: "#fdd6cd",
104
- 300: "#fdbaab",
105
- 400: "#fc9e8a",
106
- 500: "#fa7558",
107
- 600: "#b85d4a",
108
- // Duplicate from Heart because it's new
109
- 700: "#903c00",
110
- },
111
- // Should only exist in Heart but we need a consistent type.
112
- gray: {
113
- 100: "#f9f9f9",
114
- 200: "#f4f4f5",
115
- 300: "#eaeaec",
116
- 400: "#cdcdd0",
117
- 500: "#8c8c97",
118
- 600: "#524e56",
119
- },
120
- white: "#ffffff",
121
- },
122
- dataViz: {
123
- favorable: "#6b6e94",
124
- unfavorable: "#fccfd4",
125
- },
126
- layout: {
127
- contentMaxWidth: "1392px",
128
- contentMaxWidthWithSidebar: "1080px",
129
- contentSideMargin: "72px",
130
- mobileActionsDrawerHeight: "60px",
131
- navigationBarHeight: "72px",
132
- breakpoints: {
133
- medium: "768px",
134
- large: "1080px",
135
- },
136
- },
137
- shadow: {
138
- small: {
139
- boxShadow: "0 0 4px rgba(0, 0, 0, 0.09)",
140
- },
141
- large: {
142
- boxShadow: "0 0 12px rgba(0, 0, 0, 0.19)",
143
- },
144
- },
145
- spacing: {
146
- xs: "0.375rem",
147
- sm: "0.75rem",
148
- md: "1.5rem",
149
- lg: "2.25rem",
150
- xl: "3rem",
151
- xxl: "3.75rem",
152
- xxxl: "4.5rem",
153
- xxxxl: "5.25rem",
154
- xxxxxl: "6rem",
155
- },
156
- typography: {
157
- dataLarge: {
158
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
159
- fontWeight: 700,
160
- fontSize: "5.25rem",
161
- lineHeight: "5.25rem",
162
- letterSpacing: "normal",
163
- },
164
- dataLargeUnits: {
165
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
166
- fontWeight: 700,
167
- fontSize: "2.625rem",
168
- lineHeight: "5.25rem",
169
- letterSpacing: "normal",
170
- },
171
- dataMedium: {
172
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
173
- fontWeight: 700,
174
- fontSize: "3rem",
175
- lineHeight: "5rem",
176
- letterSpacing: "normal",
177
- },
178
- dataMediumUnits: {
179
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
180
- fontWeight: 700,
181
- fontSize: "1.5rem",
182
- lineHeight: "5rem",
183
- letterSpacing: "normal",
184
- },
185
- dataSmall: {
186
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
187
- fontWeight: 700,
188
- fontSize: "1.5rem",
189
- lineHeight: "1.5rem",
190
- letterSpacing: "normal",
191
- },
192
- dataSmallUnits: {
193
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
194
- fontWeight: 700,
195
- fontSize: "1.125rem",
196
- lineHeight: "1.5rem",
197
- letterSpacing: "normal",
198
- },
199
- display0: {
200
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
201
- fontWeight: 700,
202
- fontSize: "4.5rem",
203
- lineHeight: "4.5rem",
204
- letterSpacing: "-0.03em",
205
- },
206
- heading1: {
207
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
208
- fontWeight: 700,
209
- fontSize: "2.25rem",
210
- lineHeight: "2.25rem",
211
- letterSpacing: "-0.03em",
212
- },
213
- heading2: {
214
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
215
- fontWeight: 700,
216
- fontSize: "1.875rem",
217
- lineHeight: "2.25rem",
218
- letterSpacing: "-0.03em",
219
- },
220
- heading3: {
221
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
222
- fontWeight: 700,
223
- fontSize: "1.375rem",
224
- lineHeight: "1.5rem",
225
- letterSpacing: "-0.03em",
226
- },
227
- heading4: {
228
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
229
- fontWeight: 600,
230
- fontSize: "1.125rem",
231
- lineHeight: "1.5rem",
232
- letterSpacing: "normal",
233
- },
234
- heading5: {
235
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
236
- fontWeight: 600,
237
- fontSize: "1rem",
238
- lineHeight: "1.5rem",
239
- letterSpacing: "normal",
240
- },
241
- heading6: {
242
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
243
- fontWeight: 700,
244
- fontSize: "0.875rem",
245
- lineHeight: "1.5rem",
246
- letterSpacing: "normal",
247
- },
248
- paragraphIntroLede: {
249
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
250
- fontWeight: 400,
251
- fontSize: "1.25rem",
252
- lineHeight: "1.875rem",
253
- letterSpacing: "-0.5px",
254
- },
255
- paragraphBody: {
256
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
257
- fontWeight: 400,
258
- fontSize: "1rem",
259
- lineHeight: "1.5rem",
260
- letterSpacing: "normal",
261
- },
262
- paragraphSmall: {
263
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
264
- fontWeight: 400,
265
- fontSize: "0.875rem",
266
- lineHeight: "1.125rem",
267
- letterSpacing: "normal",
268
- },
269
- paragraphExtraSmall: {
270
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
271
- fontWeight: 400,
272
- fontSize: "0.75rem",
273
- lineHeight: "1.125rem",
274
- letterSpacing: "normal",
275
- },
276
- paragraphBold: {
277
- fontWeight: 600,
278
- },
279
- buttonPrimary: {
280
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
281
- fontWeight: 700,
282
- fontSize: "1.125rem",
283
- lineHeight: "1.5rem",
284
- letterSpacing: "normal",
285
- },
286
- buttonSecondary: {
287
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
288
- fontWeight: 500,
289
- fontSize: "1rem",
290
- lineHeight: "1.5rem",
291
- letterSpacing: "normal",
292
- },
293
- },
294
- };
package/src/themes/zen.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import { Theme } from "../types";
2
- export declare const zenTheme: Theme;
package/src/themes/zen.js DELETED
@@ -1,295 +0,0 @@
1
- "use strict";
2
- exports.__esModule = true;
3
- exports.zenTheme = void 0;
4
- exports.zenTheme = {
5
- themeKey: "zen",
6
- animation: {
7
- easingFunction: {
8
- easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
9
- easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
10
- easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
11
- linear: "linear",
12
- bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
13
- bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
14
- bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)"
15
- },
16
- duration: {
17
- instant: "0ms",
18
- immediate: "100ms",
19
- rapid: "200ms",
20
- fast: "300ms",
21
- slow: "400ms",
22
- deliberate: "700ms"
23
- }
24
- },
25
- border: {
26
- solid: {
27
- borderWidth: "2px",
28
- borderRadius: "7px",
29
- borderStyle: "solid",
30
- borderColor: "#e1e2ea"
31
- },
32
- dashed: {
33
- borderWidth: "2px",
34
- borderRadius: "7px",
35
- borderStyle: "dashed"
36
- },
37
- borderless: {
38
- borderWidth: "2px",
39
- borderRadius: "7px",
40
- borderStyle: "solid",
41
- borderColor: "transparent"
42
- },
43
- focusRing: {
44
- borderWidth: "2px",
45
- borderRadius: "10px",
46
- borderStyle: "solid"
47
- }
48
- },
49
- color: {
50
- purple: {
51
- 100: "#f0f1f4",
52
- 200: "#e1e2ea",
53
- 300: "#c4c5d4",
54
- 400: "#a7a9c1",
55
- 500: "#898ba9",
56
- 600: "#6b6e94",
57
- 700: "#4b4d68",
58
- 800: "#35374a"
59
- },
60
- blue: {
61
- 100: "#e6f0f7",
62
- 200: "#cce1f0",
63
- 300: "#99c3e1",
64
- 400: "#4d95ca",
65
- 500: "#0168b3",
66
- 600: "#00518c",
67
- // Duplicate from Heart because it's new
68
- 700: "#003157"
69
- },
70
- green: {
71
- 100: "#e9f6f3",
72
- 200: "#bce3dc",
73
- 300: "#90d1c5",
74
- 400: "#64bfae",
75
- 500: "#21a38b",
76
- 600: "#177261",
77
- // Duplicate from Heart because it's new
78
- 700: "#22594a"
79
- },
80
- yellow: {
81
- 100: "#fffae8",
82
- 200: "#fff5d2",
83
- 300: "#ffeba5",
84
- 400: "#ffe278",
85
- 500: "#ffce1e",
86
- // Duplicate from Heart because it's new
87
- 600: "#c68600",
88
- // Duplicate from Heart because it's new
89
- 700: "#876400"
90
- },
91
- red: {
92
- 100: "#fcedef",
93
- 200: "#fccfd4",
94
- 300: "#fcaeb6",
95
- 400: "#fc7c89",
96
- 500: "#e22b3e",
97
- 600: "#b02130",
98
- // Duplicate from Heart because it's new
99
- 700: "#6c1e20"
100
- },
101
- orange: {
102
- 100: "#fff1ee",
103
- 200: "#fdd6cd",
104
- 300: "#fdbaab",
105
- 400: "#fc9e8a",
106
- 500: "#fa7558",
107
- 600: "#b85d4a",
108
- // Duplicate from Heart because it's new
109
- 700: "#903c00"
110
- },
111
- // Should only exist in Heart but we need a consistent type.
112
- gray: {
113
- 100: "#f9f9f9",
114
- 200: "#f4f4f5",
115
- 300: "#eaeaec",
116
- 400: "#cdcdd0",
117
- 500: "#8c8c97",
118
- 600: "#524e56"
119
- },
120
- white: "#ffffff"
121
- },
122
- dataViz: {
123
- favorable: "#6b6e94",
124
- unfavorable: "#fccfd4"
125
- },
126
- layout: {
127
- contentMaxWidth: "1392px",
128
- contentMaxWidthWithSidebar: "1080px",
129
- contentSideMargin: "72px",
130
- mobileActionsDrawerHeight: "60px",
131
- navigationBarHeight: "72px",
132
- breakpoints: {
133
- medium: "768px",
134
- large: "1080px"
135
- }
136
- },
137
- shadow: {
138
- small: {
139
- boxShadow: "0 0 4px rgba(0, 0, 0, 0.09)"
140
- },
141
- large: {
142
- boxShadow: "0 0 12px rgba(0, 0, 0, 0.19)"
143
- }
144
- },
145
- spacing: {
146
- xs: "0.375rem",
147
- sm: "0.75rem",
148
- md: "1.5rem",
149
- lg: "2.25rem",
150
- xl: "3rem",
151
- xxl: "3.75rem",
152
- xxxl: "4.5rem",
153
- xxxxl: "5.25rem",
154
- xxxxxl: "6rem"
155
- },
156
- typography: {
157
- dataLarge: {
158
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
159
- fontWeight: 700,
160
- fontSize: "5.25rem",
161
- lineHeight: "5.25rem",
162
- letterSpacing: "normal"
163
- },
164
- dataLargeUnits: {
165
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
166
- fontWeight: 700,
167
- fontSize: "2.625rem",
168
- lineHeight: "5.25rem",
169
- letterSpacing: "normal"
170
- },
171
- dataMedium: {
172
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
173
- fontWeight: 700,
174
- fontSize: "3rem",
175
- lineHeight: "5rem",
176
- letterSpacing: "normal"
177
- },
178
- dataMediumUnits: {
179
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
180
- fontWeight: 700,
181
- fontSize: "1.5rem",
182
- lineHeight: "5rem",
183
- letterSpacing: "normal"
184
- },
185
- dataSmall: {
186
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
187
- fontWeight: 700,
188
- fontSize: "1.5rem",
189
- lineHeight: "1.5rem",
190
- letterSpacing: "normal"
191
- },
192
- dataSmallUnits: {
193
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
194
- fontWeight: 700,
195
- fontSize: "1.125rem",
196
- lineHeight: "1.5rem",
197
- letterSpacing: "normal"
198
- },
199
- display0: {
200
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
201
- fontWeight: 700,
202
- fontSize: "4.5rem",
203
- lineHeight: "4.5rem",
204
- letterSpacing: "-0.03em"
205
- },
206
- heading1: {
207
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
208
- fontWeight: 700,
209
- fontSize: "2.25rem",
210
- lineHeight: "2.25rem",
211
- letterSpacing: "-0.03em"
212
- },
213
- heading2: {
214
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
215
- fontWeight: 700,
216
- fontSize: "1.875rem",
217
- lineHeight: "2.25rem",
218
- letterSpacing: "-0.03em"
219
- },
220
- heading3: {
221
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
222
- fontWeight: 700,
223
- fontSize: "1.375rem",
224
- lineHeight: "1.5rem",
225
- letterSpacing: "-0.03em"
226
- },
227
- heading4: {
228
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
229
- fontWeight: 600,
230
- fontSize: "1.125rem",
231
- lineHeight: "1.5rem",
232
- letterSpacing: "normal"
233
- },
234
- heading5: {
235
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
236
- fontWeight: 600,
237
- fontSize: "1rem",
238
- lineHeight: "1.5rem",
239
- letterSpacing: "normal"
240
- },
241
- heading6: {
242
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
243
- fontWeight: 700,
244
- fontSize: "0.875rem",
245
- lineHeight: "1.5rem",
246
- letterSpacing: "normal"
247
- },
248
- paragraphIntroLede: {
249
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
250
- fontWeight: 400,
251
- fontSize: "1.25rem",
252
- lineHeight: "1.875rem",
253
- letterSpacing: "-0.5px"
254
- },
255
- paragraphBody: {
256
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
257
- fontWeight: 400,
258
- fontSize: "1rem",
259
- lineHeight: "1.5rem",
260
- letterSpacing: "normal"
261
- },
262
- paragraphSmall: {
263
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
264
- fontWeight: 400,
265
- fontSize: "0.875rem",
266
- lineHeight: "1.125rem",
267
- letterSpacing: "normal"
268
- },
269
- paragraphExtraSmall: {
270
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
271
- fontWeight: 400,
272
- fontSize: "0.75rem",
273
- lineHeight: "1.125rem",
274
- letterSpacing: "normal"
275
- },
276
- paragraphBold: {
277
- fontWeight: 600
278
- },
279
- buttonPrimary: {
280
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
281
- fontWeight: 700,
282
- fontSize: "1.125rem",
283
- lineHeight: "1.5rem",
284
- letterSpacing: "normal"
285
- },
286
- buttonSecondary: {
287
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
288
- fontWeight: 500,
289
- fontSize: "1rem",
290
- lineHeight: "1.5rem",
291
- letterSpacing: "normal"
292
- }
293
- }
294
- };
295
- //# sourceMappingURL=zen.js.map
package/src/themes/zen.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"zen.js","sourceRoot":"","sources":["zen.ts"],"names":[],"mappings":"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"}
package/src/themes/zen.ts DELETED
@@ -1,293 +0,0 @@
1
- import { Theme } from "../types"
2
-
3
- export const zenTheme: Theme = {
4
- themeKey: "zen",
5
- animation: {
6
- easingFunction: {
7
- easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
8
- easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
9
- easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
10
- linear: "linear",
11
- bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
12
- bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
13
- bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)",
14
- },
15
- duration: {
16
- instant: "0ms",
17
- immediate: "100ms",
18
- rapid: "200ms",
19
- fast: "300ms",
20
- slow: "400ms",
21
- deliberate: "700ms",
22
- },
23
- },
24
- border: {
25
- solid: {
26
- borderWidth: "2px",
27
- borderRadius: "7px",
28
- borderStyle: "solid",
29
- borderColor: "#e1e2ea",
30
- },
31
- dashed: {
32
- borderWidth: "2px",
33
- borderRadius: "7px",
34
- borderStyle: "dashed",
35
- },
36
- borderless: {
37
- borderWidth: "2px",
38
- borderRadius: "7px",
39
- borderStyle: "solid",
40
- borderColor: "transparent",
41
- },
42
- focusRing: {
43
- borderWidth: "2px",
44
- borderRadius: "10px",
45
- borderStyle: "solid",
46
- },
47
- },
48
- color: {
49
- purple: {
50
- 100: "#f0f1f4",
51
- 200: "#e1e2ea",
52
- 300: "#c4c5d4",
53
- 400: "#a7a9c1",
54
- 500: "#898ba9",
55
- 600: "#6b6e94",
56
- 700: "#4b4d68",
57
- 800: "#35374a",
58
- },
59
- blue: {
60
- 100: "#e6f0f7",
61
- 200: "#cce1f0",
62
- 300: "#99c3e1",
63
- 400: "#4d95ca",
64
- 500: "#0168b3",
65
- 600: "#00518c",
66
- // Duplicate from Heart because it's new
67
- 700: "#003157",
68
- },
69
- green: {
70
- 100: "#e9f6f3",
71
- 200: "#bce3dc",
72
- 300: "#90d1c5",
73
- 400: "#64bfae",
74
- 500: "#21a38b",
75
- 600: "#177261",
76
- // Duplicate from Heart because it's new
77
- 700: "#22594a",
78
- },
79
- yellow: {
80
- 100: "#fffae8",
81
- 200: "#fff5d2",
82
- 300: "#ffeba5",
83
- 400: "#ffe278",
84
- 500: "#ffce1e",
85
- // Duplicate from Heart because it's new
86
- 600: "#c68600",
87
- // Duplicate from Heart because it's new
88
- 700: "#876400",
89
- },
90
- red: {
91
- 100: "#fcedef",
92
- 200: "#fccfd4",
93
- 300: "#fcaeb6",
94
- 400: "#fc7c89",
95
- 500: "#e22b3e",
96
- 600: "#b02130",
97
- // Duplicate from Heart because it's new
98
- 700: "#6c1e20",
99
- },
100
- orange: {
101
- 100: "#fff1ee",
102
- 200: "#fdd6cd",
103
- 300: "#fdbaab",
104
- 400: "#fc9e8a",
105
- 500: "#fa7558",
106
- 600: "#b85d4a",
107
- // Duplicate from Heart because it's new
108
- 700: "#903c00",
109
- },
110
- // Should only exist in Heart but we need a consistent type.
111
- gray: {
112
- 100: "#f9f9f9",
113
- 200: "#f4f4f5",
114
- 300: "#eaeaec",
115
- 400: "#cdcdd0",
116
- 500: "#8c8c97",
117
- 600: "#524e56",
118
- },
119
- white: "#ffffff",
120
- },
121
- dataViz: {
122
- favorable: "#6b6e94",
123
- unfavorable: "#fccfd4",
124
- },
125
- layout: {
126
- contentMaxWidth: "1392px",
127
- contentMaxWidthWithSidebar: "1080px",
128
- contentSideMargin: "72px",
129
- mobileActionsDrawerHeight: "60px",
130
- navigationBarHeight: "72px",
131
- breakpoints: {
132
- medium: "768px",
133
- large: "1080px",
134
- },
135
- },
136
- shadow: {
137
- small: {
138
- boxShadow: "0 0 4px rgba(0, 0, 0, 0.09)",
139
- },
140
- large: {
141
- boxShadow: "0 0 12px rgba(0, 0, 0, 0.19)",
142
- },
143
- },
144
- spacing: {
145
- xs: "0.375rem",
146
- sm: "0.75rem",
147
- md: "1.5rem",
148
- lg: "2.25rem",
149
- xl: "3rem",
150
- xxl: "3.75rem",
151
- xxxl: "4.5rem",
152
- xxxxl: "5.25rem",
153
- xxxxxl: "6rem",
154
- },
155
- typography: {
156
- dataLarge: {
157
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
158
- fontWeight: 700,
159
- fontSize: "5.25rem",
160
- lineHeight: "5.25rem",
161
- letterSpacing: "normal",
162
- },
163
- dataLargeUnits: {
164
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
165
- fontWeight: 700,
166
- fontSize: "2.625rem",
167
- lineHeight: "5.25rem",
168
- letterSpacing: "normal",
169
- },
170
- dataMedium: {
171
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
172
- fontWeight: 700,
173
- fontSize: "3rem",
174
- lineHeight: "5rem",
175
- letterSpacing: "normal",
176
- },
177
- dataMediumUnits: {
178
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
179
- fontWeight: 700,
180
- fontSize: "1.5rem",
181
- lineHeight: "5rem",
182
- letterSpacing: "normal",
183
- },
184
- dataSmall: {
185
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
186
- fontWeight: 700,
187
- fontSize: "1.5rem",
188
- lineHeight: "1.5rem",
189
- letterSpacing: "normal",
190
- },
191
- dataSmallUnits: {
192
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
193
- fontWeight: 700,
194
- fontSize: "1.125rem",
195
- lineHeight: "1.5rem",
196
- letterSpacing: "normal",
197
- },
198
- display0: {
199
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
200
- fontWeight: 700,
201
- fontSize: "4.5rem",
202
- lineHeight: "4.5rem",
203
- letterSpacing: "-0.03em",
204
- },
205
- heading1: {
206
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
207
- fontWeight: 700,
208
- fontSize: "2.25rem",
209
- lineHeight: "2.25rem",
210
- letterSpacing: "-0.03em",
211
- },
212
- heading2: {
213
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
214
- fontWeight: 700,
215
- fontSize: "1.875rem",
216
- lineHeight: "2.25rem",
217
- letterSpacing: "-0.03em",
218
- },
219
- heading3: {
220
- fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
221
- fontWeight: 700,
222
- fontSize: "1.375rem",
223
- lineHeight: "1.5rem",
224
- letterSpacing: "-0.03em",
225
- },
226
- heading4: {
227
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
228
- fontWeight: 600,
229
- fontSize: "1.125rem",
230
- lineHeight: "1.5rem",
231
- letterSpacing: "normal",
232
- },
233
- heading5: {
234
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
235
- fontWeight: 600,
236
- fontSize: "1rem",
237
- lineHeight: "1.5rem",
238
- letterSpacing: "normal",
239
- },
240
- heading6: {
241
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
242
- fontWeight: 700,
243
- fontSize: "0.875rem",
244
- lineHeight: "1.5rem",
245
- letterSpacing: "normal",
246
- },
247
- paragraphIntroLede: {
248
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
249
- fontWeight: 400,
250
- fontSize: "1.25rem",
251
- lineHeight: "1.875rem",
252
- letterSpacing: "-0.5px",
253
- },
254
- paragraphBody: {
255
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
256
- fontWeight: 400,
257
- fontSize: "1rem",
258
- lineHeight: "1.5rem",
259
- letterSpacing: "normal",
260
- },
261
- paragraphSmall: {
262
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
263
- fontWeight: 400,
264
- fontSize: "0.875rem",
265
- lineHeight: "1.125rem",
266
- letterSpacing: "normal",
267
- },
268
- paragraphExtraSmall: {
269
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
270
- fontWeight: 400,
271
- fontSize: "0.75rem",
272
- lineHeight: "1.125rem",
273
- letterSpacing: "normal",
274
- },
275
- paragraphBold: {
276
- fontWeight: 600,
277
- },
278
- buttonPrimary: {
279
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
280
- fontWeight: 700,
281
- fontSize: "1.125rem",
282
- lineHeight: "1.5rem",
283
- letterSpacing: "normal",
284
- },
285
- buttonSecondary: {
286
- fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
287
- fontWeight: 500,
288
- fontSize: "1rem",
289
- lineHeight: "1.5rem",
290
- letterSpacing: "normal",
291
- },
292
- },
293
- }