@kaizen/design-tokens 3.1.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.
Files changed (129) hide show
  1. package/CHANGELOG.md +773 -0
  2. package/LICENSE +21 -0
  3. package/README.md +66 -0
  4. package/dist/index.d.ts +8 -0
  5. package/dist/index.d.ts.map +1 -0
  6. package/dist/index.js +23 -0
  7. package/dist/react/ThemeProvider.d.ts +13 -0
  8. package/dist/react/ThemeProvider.d.ts.map +1 -0
  9. package/dist/react/ThemeProvider.js +42 -0
  10. package/dist/react/index.d.ts +2 -0
  11. package/dist/react/index.d.ts.map +1 -0
  12. package/dist/react/index.js +13 -0
  13. package/dist/src/ThemeManager.d.ts +23 -0
  14. package/dist/src/ThemeManager.d.ts.map +1 -0
  15. package/dist/src/ThemeManager.js +70 -0
  16. package/dist/src/lib/addExtraThemeEntries.d.ts +25 -0
  17. package/dist/src/lib/addExtraThemeEntries.d.ts.map +1 -0
  18. package/dist/src/lib/addExtraThemeEntries.js +56 -0
  19. package/dist/src/lib/cssVariables.d.ts +23 -0
  20. package/dist/src/lib/cssVariables.d.ts.map +1 -0
  21. package/dist/src/lib/cssVariables.js +33 -0
  22. package/dist/src/lib/makeCssVariableDefinitionsMap.d.ts +30 -0
  23. package/dist/src/lib/makeCssVariableDefinitionsMap.d.ts.map +1 -0
  24. package/dist/src/lib/makeCssVariableDefinitionsMap.js +57 -0
  25. package/dist/src/lib/makeCssVariableTheme.d.ts +35 -0
  26. package/dist/src/lib/makeCssVariableTheme.d.ts.map +1 -0
  27. package/dist/src/lib/makeCssVariableTheme.js +54 -0
  28. package/dist/src/lib/mapLeafsOfObject.d.ts +23 -0
  29. package/dist/src/lib/mapLeafsOfObject.d.ts.map +1 -0
  30. package/dist/src/lib/mapLeafsOfObject.js +59 -0
  31. package/dist/src/themes/heart.d.ts +3 -0
  32. package/dist/src/themes/heart.d.ts.map +1 -0
  33. package/dist/src/themes/heart.js +286 -0
  34. package/dist/src/themes/index.d.ts +4 -0
  35. package/dist/src/themes/index.d.ts.map +1 -0
  36. package/dist/src/themes/index.js +9 -0
  37. package/dist/src/themes/zen.d.ts +3 -0
  38. package/dist/src/themes/zen.d.ts.map +1 -0
  39. package/dist/src/themes/zen.js +293 -0
  40. package/dist/src/types.d.ts +205 -0
  41. package/dist/src/types.d.ts.map +1 -0
  42. package/dist/src/types.js +2 -0
  43. package/elm/Kaizen/Theme.elm +29 -0
  44. package/index.ts +9 -0
  45. package/less/animation.less +49 -0
  46. package/less/border.less +47 -0
  47. package/less/color.less +210 -0
  48. package/less/layout.less +8 -0
  49. package/less/shadow.less +12 -0
  50. package/less/spacing.less +20 -0
  51. package/less/typography.less +526 -0
  52. package/package.json +63 -0
  53. package/react/ThemeProvider.d.ts +12 -0
  54. package/react/ThemeProvider.js +43 -0
  55. package/react/ThemeProvider.js.map +1 -0
  56. package/react/ThemeProvider.tsx +39 -0
  57. package/react/index.d.ts +1 -0
  58. package/react/index.js +14 -0
  59. package/react/index.js.map +1 -0
  60. package/react/index.tsx +1 -0
  61. package/sass/animation.scss +49 -0
  62. package/sass/border.scss +47 -0
  63. package/sass/color.scss +210 -0
  64. package/sass/layout.scss +8 -0
  65. package/sass/shadow.scss +12 -0
  66. package/sass/spacing.scss +20 -0
  67. package/sass/typography.scss +526 -0
  68. package/src/ThemeManager.d.ts +22 -0
  69. package/src/ThemeManager.js +71 -0
  70. package/src/ThemeManager.js.map +1 -0
  71. package/src/ThemeManager.ts +70 -0
  72. package/src/lib/__tests__/themeForTesting.d.ts +38 -0
  73. package/src/lib/__tests__/themeForTesting.js +21 -0
  74. package/src/lib/__tests__/themeForTesting.js.map +1 -0
  75. package/src/lib/__tests__/themeForTesting.ts +17 -0
  76. package/src/lib/addExtraThemeEntries.d.ts +24 -0
  77. package/src/lib/addExtraThemeEntries.js +57 -0
  78. package/src/lib/addExtraThemeEntries.js.map +1 -0
  79. package/src/lib/addExtraThemeEntries.ts +56 -0
  80. package/src/lib/cssVariables.d.ts +22 -0
  81. package/src/lib/cssVariables.js +34 -0
  82. package/src/lib/cssVariables.js.map +1 -0
  83. package/src/lib/cssVariables.ts +27 -0
  84. package/src/lib/makeCssVariableDefinitionsMap.d.ts +29 -0
  85. package/src/lib/makeCssVariableDefinitionsMap.js +58 -0
  86. package/src/lib/makeCssVariableDefinitionsMap.js.map +1 -0
  87. package/src/lib/makeCssVariableDefinitionsMap.ts +55 -0
  88. package/src/lib/makeCssVariableTheme.d.ts +34 -0
  89. package/src/lib/makeCssVariableTheme.js +55 -0
  90. package/src/lib/makeCssVariableTheme.js.map +1 -0
  91. package/src/lib/makeCssVariableTheme.ts +63 -0
  92. package/src/lib/mapLeafsOfObject.d.ts +22 -0
  93. package/src/lib/mapLeafsOfObject.js +60 -0
  94. package/src/lib/mapLeafsOfObject.js.map +1 -0
  95. package/src/lib/mapLeafsOfObject.ts +50 -0
  96. package/src/lib/patterns.d.ts +2 -0
  97. package/src/lib/patterns.js +6 -0
  98. package/src/lib/patterns.js.map +1 -0
  99. package/src/lib/patterns.ts +2 -0
  100. package/src/themes/heart.d.ts +2 -0
  101. package/src/themes/heart.js +287 -0
  102. package/src/themes/heart.js.map +1 -0
  103. package/src/themes/heart.ts +285 -0
  104. package/src/themes/index.d.ts +3 -0
  105. package/src/themes/index.js +17 -0
  106. package/src/themes/index.js.map +1 -0
  107. package/src/themes/index.ts +4 -0
  108. package/src/themes/zen.d.ts +2 -0
  109. package/src/themes/zen.js +294 -0
  110. package/src/themes/zen.js.map +1 -0
  111. package/src/themes/zen.ts +292 -0
  112. package/src/types.d.ts +204 -0
  113. package/src/types.js +3 -0
  114. package/src/types.js.map +1 -0
  115. package/src/types.ts +225 -0
  116. package/tokens/animation.json +34 -0
  117. package/tokens/animation.json.d.ts +12 -0
  118. package/tokens/border.json +44 -0
  119. package/tokens/border.json.d.ts +12 -0
  120. package/tokens/color.json +228 -0
  121. package/tokens/color.json.d.ts +12 -0
  122. package/tokens/layout.json +9 -0
  123. package/tokens/layout.json.d.ts +12 -0
  124. package/tokens/shadow.json +12 -0
  125. package/tokens/shadow.json.d.ts +12 -0
  126. package/tokens/spacing.json +22 -0
  127. package/tokens/spacing.json.d.ts +12 -0
  128. package/tokens/typography.json +236 -0
  129. package/tokens/typography.json.d.ts +12 -0
@@ -0,0 +1,285 @@
1
+ import { Theme } from "../types"
2
+
3
+ export const heartTheme: Theme = {
4
+ themeKey: "heart",
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: "#f4edf8",
51
+ 200: "#dfc9ea",
52
+ 300: "#c9a5dd",
53
+ 400: "#ae67b1",
54
+ 500: "#844587",
55
+ 600: "#5f3361",
56
+ 700: "#4a234d",
57
+ 800: "#2f2438",
58
+ },
59
+ blue: {
60
+ 100: "#e6f6ff",
61
+ 200: "#bde2f5",
62
+ 300: "#73c0e8",
63
+ 400: "#008bd6",
64
+ 500: "#0168b3",
65
+ 600: "#004970",
66
+ 700: "#003157",
67
+ },
68
+ green: {
69
+ 100: "#e8f8f4",
70
+ 200: "#c4ede2",
71
+ 300: "#8fdbc7",
72
+ 400: "#5dcbad",
73
+ 500: "#3caf90",
74
+ 600: "#2c7d67",
75
+ 700: "#22594a",
76
+ },
77
+ yellow: {
78
+ 100: "#fff9e4",
79
+ 200: "#ffeeb3",
80
+ 300: "#ffe36e",
81
+ 400: "#ffca4d",
82
+ 500: "#ffb600",
83
+ 600: "#c68600",
84
+ 700: "#876400",
85
+ },
86
+ red: {
87
+ 100: "#fdeaee",
88
+ 200: "#f9c2cb",
89
+ 300: "#f597a8",
90
+ 400: "#e0707d",
91
+ 500: "#c93b55",
92
+ 600: "#a82433",
93
+ 700: "#6c1e20",
94
+ },
95
+ orange: {
96
+ 100: "#fff0e8",
97
+ 200: "#ffd1b9",
98
+ 300: "#ffb08a",
99
+ 400: "#ff9461",
100
+ 500: "#e96c2f",
101
+ 600: "#b74302",
102
+ 700: "#903c00",
103
+ },
104
+ gray: {
105
+ 100: "#f9f9f9",
106
+ 200: "#f4f4f5",
107
+ 300: "#eaeaec",
108
+ 400: "#cdcdd0",
109
+ 500: "#8c8c97",
110
+ 600: "#524e56",
111
+ },
112
+ white: "#ffffff",
113
+ },
114
+ dataViz: {
115
+ favorable: "#7dd5bd",
116
+ unfavorable: "#e68d97",
117
+ },
118
+ layout: {
119
+ contentMaxWidth: "1392px",
120
+ contentSideMargin: "72px",
121
+ mobileActionsDrawerHeight: "60px",
122
+ navigationBarHeight: "72px",
123
+ breakpoints: {
124
+ medium: "768px",
125
+ large: "1080px",
126
+ },
127
+ },
128
+ shadow: {
129
+ small: {
130
+ boxShadow: "0 0 6px rgba(53, 55, 74, 0.09)",
131
+ },
132
+ large: {
133
+ boxShadow: "0 0 12px rgba(53, 55, 74, 0.19)",
134
+ },
135
+ },
136
+ spacing: {
137
+ xs: "0.375rem",
138
+ sm: "0.75rem",
139
+ md: "1.5rem",
140
+ lg: "2.25rem",
141
+ xl: "3rem",
142
+ xxl: "3.75rem",
143
+ xxxl: "4.5rem",
144
+ xxxxl: "5.25rem",
145
+ xxxxxl: "6rem",
146
+ },
147
+ typography: {
148
+ dataLarge: {
149
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
150
+ fontWeight: 700,
151
+ fontSize: "5.25rem",
152
+ lineHeight: "5.25rem",
153
+ letterSpacing: "normal",
154
+ },
155
+ dataLargeUnits: {
156
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
157
+ fontWeight: 700,
158
+ fontSize: "2.625rem",
159
+ lineHeight: "5.25rem",
160
+ letterSpacing: "normal",
161
+ },
162
+ dataMedium: {
163
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
164
+ fontWeight: 700,
165
+ fontSize: "3rem",
166
+ lineHeight: "5rem",
167
+ letterSpacing: "normal",
168
+ },
169
+ dataMediumUnits: {
170
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
171
+ fontWeight: 700,
172
+ fontSize: "1.5rem",
173
+ lineHeight: "5rem",
174
+ letterSpacing: "normal",
175
+ },
176
+ dataSmall: {
177
+ fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
178
+ fontWeight: 700,
179
+ fontSize: "1.5rem",
180
+ lineHeight: "1.5rem",
181
+ letterSpacing: "normal",
182
+ },
183
+ dataSmallUnits: {
184
+ fontFamily: '"Greycliff CF", "Noto Sans", Helvetica, Arial, sans-serif',
185
+ fontWeight: 700,
186
+ fontSize: "1.125rem",
187
+ lineHeight: "1.5rem",
188
+ letterSpacing: "normal",
189
+ },
190
+ display0: {
191
+ fontFamily: '"Tiempos Headline", Georgia, serif',
192
+ fontWeight: 800,
193
+ fontSize: "4.5rem",
194
+ lineHeight: "5.25rem",
195
+ letterSpacing: "0em",
196
+ },
197
+ heading1: {
198
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
199
+ fontWeight: 700,
200
+ fontSize: "2.125rem",
201
+ lineHeight: "2.625rem",
202
+ letterSpacing: "normal",
203
+ },
204
+ heading2: {
205
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
206
+ fontWeight: 700,
207
+ fontSize: "1.75rem",
208
+ lineHeight: "2.25rem",
209
+ letterSpacing: "normal",
210
+ },
211
+ heading3: {
212
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
213
+ fontWeight: 700,
214
+ fontSize: "1.375rem",
215
+ lineHeight: "1.5rem",
216
+ letterSpacing: "normal",
217
+ },
218
+ heading4: {
219
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
220
+ fontWeight: 600,
221
+ fontSize: "1.125rem",
222
+ lineHeight: "1.5rem",
223
+ letterSpacing: "normal",
224
+ },
225
+ heading5: {
226
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
227
+ fontWeight: 600,
228
+ fontSize: "1rem",
229
+ lineHeight: "1.5rem",
230
+ letterSpacing: "normal",
231
+ },
232
+ heading6: {
233
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
234
+ fontWeight: 700,
235
+ fontSize: "0.875rem",
236
+ lineHeight: "1.5rem",
237
+ letterSpacing: "normal",
238
+ },
239
+ paragraphIntroLede: {
240
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
241
+ fontWeight: 400,
242
+ fontSize: "1.25rem",
243
+ lineHeight: "1.875rem",
244
+ letterSpacing: "-0.5px",
245
+ },
246
+ paragraphBody: {
247
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
248
+ fontWeight: 400,
249
+ fontSize: "1rem",
250
+ lineHeight: "1.5rem",
251
+ letterSpacing: "normal",
252
+ },
253
+ paragraphSmall: {
254
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
255
+ fontWeight: 400,
256
+ fontSize: "0.875rem",
257
+ lineHeight: "1.125rem",
258
+ letterSpacing: "normal",
259
+ },
260
+ paragraphExtraSmall: {
261
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
262
+ fontWeight: 400,
263
+ fontSize: "0.75rem",
264
+ lineHeight: "1.125rem",
265
+ letterSpacing: "normal",
266
+ },
267
+ paragraphBold: {
268
+ fontWeight: 600,
269
+ },
270
+ buttonPrimary: {
271
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
272
+ fontWeight: 700,
273
+ fontSize: "1.125rem",
274
+ lineHeight: "1.5rem",
275
+ letterSpacing: "normal",
276
+ },
277
+ buttonSecondary: {
278
+ fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
279
+ fontWeight: 500,
280
+ fontSize: "1rem",
281
+ lineHeight: "1.5rem",
282
+ letterSpacing: "normal",
283
+ },
284
+ },
285
+ }
@@ -0,0 +1,3 @@
1
+ export { heartTheme } from "./heart";
2
+ export { zenTheme } from "./zen";
3
+ export declare const defaultTheme: import("../types").Theme;
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ exports.__esModule = true;
10
+ exports.defaultTheme = void 0;
11
+ var heart_1 = require("./heart");
12
+ var heart_2 = require("./heart");
13
+ __createBinding(exports, heart_2, "heartTheme");
14
+ var zen_1 = require("./zen");
15
+ __createBinding(exports, zen_1, "zenTheme");
16
+ exports.defaultTheme = heart_1.heartTheme;
17
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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"}
@@ -0,0 +1,4 @@
1
+ import { heartTheme } from "./heart"
2
+ export { heartTheme } from "./heart"
3
+ export { zenTheme } from "./zen"
4
+ export const defaultTheme = heartTheme
@@ -0,0 +1,2 @@
1
+ import { Theme } from "../types";
2
+ export declare const zenTheme: Theme;
@@ -0,0 +1,294 @@
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
+ 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
+ };
294
+ //# sourceMappingURL=zen.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"zen.js","sourceRoot":"","sources":["zen.ts"],"names":[],"mappings":"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"}