@breadstone/mosaik-themes 0.0.205 → 0.0.206
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 +117 -0
- package/package.json +9 -3
- package/tailwind/v4/bootstrapTailwindPresets.css +86 -0
- package/tailwind/v4/cosmopolitanTailwindPresets.css +85 -0
- package/tailwind/v4/fluentTailwindPresets.css +39 -0
- package/tailwind/v4/joyTailwindPresets.css +319 -0
- package/tailwind/v4/materialTailwindPresets.css +29 -0
- package/tailwind/v4/memphisTailwindPresets.css +274 -0
- package/index.node.cjs +0 -2710
- package/index.node.cjs.map +0 -1
- package/index.node.d.mts +0 -468
- package/index.node.d.ts +0 -468
- package/index.node.js +0 -2695
- package/index.node.js.map +0 -1
- package/tailwind/v3/plugins/base/c.d.ts +0 -44
- package/tailwind/v3/plugins/base/c.d.ts.map +0 -1
- package/tailwind/v3/plugins/base/c.js +0 -155
- package/tailwind/v3/plugins/base/c.js.map +0 -1
package/index.node.cjs
DELETED
|
@@ -1,2710 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chroma = require('chroma-js');
|
|
4
|
-
|
|
5
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
6
|
-
|
|
7
|
-
var chroma__default = /*#__PURE__*/_interopDefault(chroma);
|
|
8
|
-
|
|
9
|
-
var __defProp = Object.defineProperty;
|
|
10
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
11
|
-
|
|
12
|
-
// src/Theming/ThemeFactory.ts
|
|
13
|
-
var ThemeFactory = class {
|
|
14
|
-
static {
|
|
15
|
-
__name(this, "ThemeFactory");
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Creates a new theme.
|
|
19
|
-
*
|
|
20
|
-
* @public
|
|
21
|
-
* @static
|
|
22
|
-
*/
|
|
23
|
-
static create(init) {
|
|
24
|
-
return {
|
|
25
|
-
name: init.name,
|
|
26
|
-
scheme: init.scheme ?? {},
|
|
27
|
-
palette: init.palette ?? {},
|
|
28
|
-
fontFamily: init.fontFamily ?? "",
|
|
29
|
-
typography: init.typography ?? {},
|
|
30
|
-
layout: init.layout ?? {},
|
|
31
|
-
elevation: init.elevation ?? {}
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* Merges the given theme with the initial theme.
|
|
36
|
-
*
|
|
37
|
-
* @public
|
|
38
|
-
* @static
|
|
39
|
-
*/
|
|
40
|
-
static merge(init, theme) {
|
|
41
|
-
return {
|
|
42
|
-
name: init.name,
|
|
43
|
-
scheme: {
|
|
44
|
-
...theme.scheme,
|
|
45
|
-
...init.scheme
|
|
46
|
-
},
|
|
47
|
-
palette: {
|
|
48
|
-
...theme.palette,
|
|
49
|
-
...init.palette
|
|
50
|
-
},
|
|
51
|
-
fontFamily: init.fontFamily ?? theme.fontFamily,
|
|
52
|
-
typography: {
|
|
53
|
-
...theme.typography,
|
|
54
|
-
...init.typography
|
|
55
|
-
},
|
|
56
|
-
layout: {
|
|
57
|
-
...theme.layout,
|
|
58
|
-
...init.layout
|
|
59
|
-
},
|
|
60
|
-
elevation: {
|
|
61
|
-
...theme.elevation,
|
|
62
|
-
...init.elevation
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
// src/Theming/Tokens/BootstrapTokens.ts
|
|
69
|
-
var NAME = "bootstrap";
|
|
70
|
-
var FONT_FAMILY = "'Inter', Roboto, Helvetica, sans-serif";
|
|
71
|
-
var LAYOUT_RADIUS = "12px";
|
|
72
|
-
var LAYOUT_SPACE = "8px";
|
|
73
|
-
var LAYOUT_THICKNESS = "2px";
|
|
74
|
-
var COLOR_LIGHT_PRIMARY_100 = "#cfe2ff";
|
|
75
|
-
var COLOR_LIGHT_PRIMARY_200 = "#9ec5fe";
|
|
76
|
-
var COLOR_LIGHT_PRIMARY_300 = "#6ea8fe";
|
|
77
|
-
var COLOR_LIGHT_PRIMARY_400 = "#3d8bfd";
|
|
78
|
-
var COLOR_LIGHT_PRIMARY_500 = "#0d6efd";
|
|
79
|
-
var COLOR_LIGHT_PRIMARY_600 = "#0a58ca";
|
|
80
|
-
var COLOR_LIGHT_PRIMARY_700 = "#084298";
|
|
81
|
-
var COLOR_LIGHT_PRIMARY_800 = "#052c65";
|
|
82
|
-
var COLOR_LIGHT_PRIMARY_900 = "#031633";
|
|
83
|
-
var COLOR_LIGHT_SECONDARY_100 = "#f8f9fa";
|
|
84
|
-
var COLOR_LIGHT_SECONDARY_200 = "#e9ecef";
|
|
85
|
-
var COLOR_LIGHT_SECONDARY_300 = "#dee2e6";
|
|
86
|
-
var COLOR_LIGHT_SECONDARY_400 = "#ced4da";
|
|
87
|
-
var COLOR_LIGHT_SECONDARY_500 = "#adb5bd";
|
|
88
|
-
var COLOR_LIGHT_SECONDARY_600 = "#6c757d";
|
|
89
|
-
var COLOR_LIGHT_SECONDARY_700 = "#495057";
|
|
90
|
-
var COLOR_LIGHT_SECONDARY_800 = "#343a40";
|
|
91
|
-
var COLOR_LIGHT_SECONDARY_900 = "#212529";
|
|
92
|
-
var TYPOGRAPHY_HEADLINE1_FONT_SIZE = "80px";
|
|
93
|
-
var TYPOGRAPHY_HEADLINE1_LINE_HEIGHT = "1.2";
|
|
94
|
-
var TYPOGRAPHY_HEADLINE1_FONT_WEIGHT = "300";
|
|
95
|
-
var TYPOGRAPHY_HEADLINE1_LETTER_SPACING = "0";
|
|
96
|
-
var TYPOGRAPHY_HEADLINE1_TEXT_DECORATION = "none";
|
|
97
|
-
var TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM = "none";
|
|
98
|
-
var TYPOGRAPHY_HEADLINE2_FONT_SIZE = "72px";
|
|
99
|
-
var TYPOGRAPHY_HEADLINE2_LINE_HEIGHT = "1.2";
|
|
100
|
-
var TYPOGRAPHY_HEADLINE2_FONT_WEIGHT = "300";
|
|
101
|
-
var TYPOGRAPHY_HEADLINE2_LETTER_SPACING = "0";
|
|
102
|
-
var TYPOGRAPHY_HEADLINE2_TEXT_DECORATION = "none";
|
|
103
|
-
var TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM = "none";
|
|
104
|
-
var TYPOGRAPHY_HEADLINE3_FONT_SIZE = "64px";
|
|
105
|
-
var TYPOGRAPHY_HEADLINE3_LINE_HEIGHT = "1.2";
|
|
106
|
-
var TYPOGRAPHY_HEADLINE3_FONT_WEIGHT = "300";
|
|
107
|
-
var TYPOGRAPHY_HEADLINE3_LETTER_SPACING = "0";
|
|
108
|
-
var TYPOGRAPHY_HEADLINE3_TEXT_DECORATION = "none";
|
|
109
|
-
var TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM = "none";
|
|
110
|
-
var TYPOGRAPHY_HEADLINE4_FONT_SIZE = "56px";
|
|
111
|
-
var TYPOGRAPHY_HEADLINE4_LINE_HEIGHT = "1.2";
|
|
112
|
-
var TYPOGRAPHY_HEADLINE4_FONT_WEIGHT = "300";
|
|
113
|
-
var TYPOGRAPHY_HEADLINE4_LETTER_SPACING = "0";
|
|
114
|
-
var TYPOGRAPHY_HEADLINE4_TEXT_DECORATION = "none";
|
|
115
|
-
var TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM = "none";
|
|
116
|
-
var TYPOGRAPHY_HEADLINE5_FONT_SIZE = "48px";
|
|
117
|
-
var TYPOGRAPHY_HEADLINE5_LINE_HEIGHT = "1.2";
|
|
118
|
-
var TYPOGRAPHY_HEADLINE5_FONT_WEIGHT = "300";
|
|
119
|
-
var TYPOGRAPHY_HEADLINE5_LETTER_SPACING = "0";
|
|
120
|
-
var TYPOGRAPHY_HEADLINE5_TEXT_DECORATION = "none";
|
|
121
|
-
var TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM = "none";
|
|
122
|
-
var TYPOGRAPHY_HEADLINE6_FONT_SIZE = "40px";
|
|
123
|
-
var TYPOGRAPHY_HEADLINE6_LINE_HEIGHT = "1.2";
|
|
124
|
-
var TYPOGRAPHY_HEADLINE6_FONT_WEIGHT = "300";
|
|
125
|
-
var TYPOGRAPHY_HEADLINE6_LETTER_SPACING = "0";
|
|
126
|
-
var TYPOGRAPHY_HEADLINE6_TEXT_DECORATION = "none";
|
|
127
|
-
var TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM = "none";
|
|
128
|
-
var ELEVATION_NONE = "none";
|
|
129
|
-
|
|
130
|
-
// src/Theming/BootstrapTheme.ts
|
|
131
|
-
(function(BootstrapTheme2) {
|
|
132
|
-
BootstrapTheme2.BOOTSTRAP_THEME = ThemeFactory.create({
|
|
133
|
-
name: NAME,
|
|
134
|
-
scheme: {
|
|
135
|
-
light: {
|
|
136
|
-
body: "#ffffff",
|
|
137
|
-
secondary: "#ffffff",
|
|
138
|
-
tertiary: "#ffffff",
|
|
139
|
-
emphasis: "#ffffff"
|
|
140
|
-
},
|
|
141
|
-
dark: {
|
|
142
|
-
body: "#000000",
|
|
143
|
-
secondary: "#000000",
|
|
144
|
-
tertiary: "#000000",
|
|
145
|
-
emphasis: "#000000"
|
|
146
|
-
}
|
|
147
|
-
},
|
|
148
|
-
palette: {
|
|
149
|
-
light: {
|
|
150
|
-
primary: {
|
|
151
|
-
100: COLOR_LIGHT_PRIMARY_100,
|
|
152
|
-
200: COLOR_LIGHT_PRIMARY_200,
|
|
153
|
-
300: COLOR_LIGHT_PRIMARY_300,
|
|
154
|
-
400: COLOR_LIGHT_PRIMARY_400,
|
|
155
|
-
500: COLOR_LIGHT_PRIMARY_500,
|
|
156
|
-
600: COLOR_LIGHT_PRIMARY_600,
|
|
157
|
-
700: COLOR_LIGHT_PRIMARY_700,
|
|
158
|
-
800: COLOR_LIGHT_PRIMARY_800,
|
|
159
|
-
900: COLOR_LIGHT_PRIMARY_900
|
|
160
|
-
},
|
|
161
|
-
secondary: {
|
|
162
|
-
100: COLOR_LIGHT_SECONDARY_100,
|
|
163
|
-
200: COLOR_LIGHT_SECONDARY_200,
|
|
164
|
-
300: COLOR_LIGHT_SECONDARY_300,
|
|
165
|
-
400: COLOR_LIGHT_SECONDARY_400,
|
|
166
|
-
500: COLOR_LIGHT_SECONDARY_500,
|
|
167
|
-
600: COLOR_LIGHT_SECONDARY_600,
|
|
168
|
-
700: COLOR_LIGHT_SECONDARY_700,
|
|
169
|
-
800: COLOR_LIGHT_SECONDARY_800,
|
|
170
|
-
900: COLOR_LIGHT_SECONDARY_900
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
},
|
|
174
|
-
fontFamily: FONT_FAMILY,
|
|
175
|
-
typography: {
|
|
176
|
-
headline1: {
|
|
177
|
-
fontSize: TYPOGRAPHY_HEADLINE1_FONT_SIZE,
|
|
178
|
-
lineHeight: TYPOGRAPHY_HEADLINE1_LINE_HEIGHT,
|
|
179
|
-
fontWeight: TYPOGRAPHY_HEADLINE1_FONT_WEIGHT,
|
|
180
|
-
letterSpacing: TYPOGRAPHY_HEADLINE1_LETTER_SPACING,
|
|
181
|
-
textDecoration: TYPOGRAPHY_HEADLINE1_TEXT_DECORATION,
|
|
182
|
-
textTransform: TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM
|
|
183
|
-
},
|
|
184
|
-
headline2: {
|
|
185
|
-
fontSize: TYPOGRAPHY_HEADLINE2_FONT_SIZE,
|
|
186
|
-
lineHeight: TYPOGRAPHY_HEADLINE2_LINE_HEIGHT,
|
|
187
|
-
fontWeight: TYPOGRAPHY_HEADLINE2_FONT_WEIGHT,
|
|
188
|
-
letterSpacing: TYPOGRAPHY_HEADLINE2_LETTER_SPACING,
|
|
189
|
-
textDecoration: TYPOGRAPHY_HEADLINE2_TEXT_DECORATION,
|
|
190
|
-
textTransform: TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM
|
|
191
|
-
},
|
|
192
|
-
headline3: {
|
|
193
|
-
fontSize: TYPOGRAPHY_HEADLINE3_FONT_SIZE,
|
|
194
|
-
lineHeight: TYPOGRAPHY_HEADLINE3_LINE_HEIGHT,
|
|
195
|
-
fontWeight: TYPOGRAPHY_HEADLINE3_FONT_WEIGHT,
|
|
196
|
-
letterSpacing: TYPOGRAPHY_HEADLINE3_LETTER_SPACING,
|
|
197
|
-
textDecoration: TYPOGRAPHY_HEADLINE3_TEXT_DECORATION,
|
|
198
|
-
textTransform: TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM
|
|
199
|
-
},
|
|
200
|
-
headline4: {
|
|
201
|
-
fontSize: TYPOGRAPHY_HEADLINE4_FONT_SIZE,
|
|
202
|
-
lineHeight: TYPOGRAPHY_HEADLINE4_LINE_HEIGHT,
|
|
203
|
-
fontWeight: TYPOGRAPHY_HEADLINE4_FONT_WEIGHT,
|
|
204
|
-
letterSpacing: TYPOGRAPHY_HEADLINE4_LETTER_SPACING,
|
|
205
|
-
textDecoration: TYPOGRAPHY_HEADLINE4_TEXT_DECORATION,
|
|
206
|
-
textTransform: TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM
|
|
207
|
-
},
|
|
208
|
-
headline5: {
|
|
209
|
-
fontSize: TYPOGRAPHY_HEADLINE5_FONT_SIZE,
|
|
210
|
-
lineHeight: TYPOGRAPHY_HEADLINE5_LINE_HEIGHT,
|
|
211
|
-
fontWeight: TYPOGRAPHY_HEADLINE5_FONT_WEIGHT,
|
|
212
|
-
letterSpacing: TYPOGRAPHY_HEADLINE5_LETTER_SPACING,
|
|
213
|
-
textDecoration: TYPOGRAPHY_HEADLINE5_TEXT_DECORATION,
|
|
214
|
-
textTransform: TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM
|
|
215
|
-
},
|
|
216
|
-
headline6: {
|
|
217
|
-
fontSize: TYPOGRAPHY_HEADLINE6_FONT_SIZE,
|
|
218
|
-
lineHeight: TYPOGRAPHY_HEADLINE6_LINE_HEIGHT,
|
|
219
|
-
fontWeight: TYPOGRAPHY_HEADLINE6_FONT_WEIGHT,
|
|
220
|
-
letterSpacing: TYPOGRAPHY_HEADLINE6_LETTER_SPACING,
|
|
221
|
-
textDecoration: TYPOGRAPHY_HEADLINE6_TEXT_DECORATION,
|
|
222
|
-
textTransform: TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM
|
|
223
|
-
}
|
|
224
|
-
},
|
|
225
|
-
layout: {
|
|
226
|
-
radius: LAYOUT_RADIUS,
|
|
227
|
-
space: LAYOUT_SPACE,
|
|
228
|
-
thickness: LAYOUT_THICKNESS
|
|
229
|
-
},
|
|
230
|
-
elevation: {
|
|
231
|
-
light: {
|
|
232
|
-
none: ELEVATION_NONE
|
|
233
|
-
},
|
|
234
|
-
dark: {
|
|
235
|
-
none: ELEVATION_NONE
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
});
|
|
239
|
-
BootstrapTheme2.BOOTSTRAP_THEME_PALETTES = [
|
|
240
|
-
"primary",
|
|
241
|
-
"secondary"
|
|
242
|
-
];
|
|
243
|
-
BootstrapTheme2.BOOTSTRAP_THEME_PALETTE_VARIANTS = [
|
|
244
|
-
"100",
|
|
245
|
-
"200",
|
|
246
|
-
"300",
|
|
247
|
-
"400",
|
|
248
|
-
"500",
|
|
249
|
-
"600",
|
|
250
|
-
"700",
|
|
251
|
-
"800",
|
|
252
|
-
"900"
|
|
253
|
-
];
|
|
254
|
-
BootstrapTheme2.BOOTSTRAP_THEME_SCHEMES = [
|
|
255
|
-
"light",
|
|
256
|
-
"dark"
|
|
257
|
-
];
|
|
258
|
-
BootstrapTheme2.BOOTSTRAP_THEME_SCHEME_VARIANTS = [
|
|
259
|
-
"body",
|
|
260
|
-
"secondary",
|
|
261
|
-
"tertiary",
|
|
262
|
-
"emphasis"
|
|
263
|
-
];
|
|
264
|
-
BootstrapTheme2.BOOTSTRAP_THEME_ELEVATION = [
|
|
265
|
-
"light",
|
|
266
|
-
"dark"
|
|
267
|
-
];
|
|
268
|
-
BootstrapTheme2.BOOTSTRAP_THEME_ELEVATION_VARIANTS = [
|
|
269
|
-
"none"
|
|
270
|
-
];
|
|
271
|
-
BootstrapTheme2.BOOTSTRAP_THEME_METADATA = {
|
|
272
|
-
theme: BootstrapTheme2.BOOTSTRAP_THEME,
|
|
273
|
-
palettes: BootstrapTheme2.BOOTSTRAP_THEME_PALETTES,
|
|
274
|
-
paletteVariants: BootstrapTheme2.BOOTSTRAP_THEME_PALETTE_VARIANTS,
|
|
275
|
-
schemes: BootstrapTheme2.BOOTSTRAP_THEME_SCHEMES,
|
|
276
|
-
schemeVariants: BootstrapTheme2.BOOTSTRAP_THEME_SCHEME_VARIANTS,
|
|
277
|
-
elevation: BootstrapTheme2.BOOTSTRAP_THEME_ELEVATION,
|
|
278
|
-
elevationVariants: BootstrapTheme2.BOOTSTRAP_THEME_ELEVATION_VARIANTS,
|
|
279
|
-
typographies: [
|
|
280
|
-
"headline1",
|
|
281
|
-
"headline2",
|
|
282
|
-
"headline3",
|
|
283
|
-
"headline4",
|
|
284
|
-
"headline5",
|
|
285
|
-
"headline6"
|
|
286
|
-
]
|
|
287
|
-
};
|
|
288
|
-
})(exports.BootstrapTheme || (exports.BootstrapTheme = {}));
|
|
289
|
-
exports.BootstrapTheme = void 0;
|
|
290
|
-
|
|
291
|
-
// src/Theming/Tokens/JoyTokens.ts
|
|
292
|
-
var NAME2 = "joy";
|
|
293
|
-
var FONT_FAMILY2 = "Nunito, sans-serif";
|
|
294
|
-
var LAYOUT_RADIUS2 = "12px";
|
|
295
|
-
var LAYOUT_SPACE2 = "8px";
|
|
296
|
-
var LAYOUT_THICKNESS2 = "2px";
|
|
297
|
-
var SCHEME_LIGHT_BACKGROUND = "#eaeaea";
|
|
298
|
-
var SCHEME_LIGHT_FOREGROUND = "#3c454f";
|
|
299
|
-
var SCHEME_LIGHT_HIGHLIGHT = "#d1d1d1";
|
|
300
|
-
var SCHEME_LIGHT_MIDDLELIGHT = "#8a8a8a";
|
|
301
|
-
var SCHEME_LIGHT_LOWLIGHT = "#5c5c5c";
|
|
302
|
-
var SCHEME_LIGHT_TRANSPARENT = "rgba(255, 255, 255, 0)";
|
|
303
|
-
var SCHEME_LIGHT_SEMI_TRANSPARENT = "rgba(255, 255, 255, 0.67)";
|
|
304
|
-
var SCHEME_LIGHT_DISABLED = "#686868";
|
|
305
|
-
var SCHEME_LIGHT_CONTRAST = "#ffffff";
|
|
306
|
-
var SCHEME_LIGHT_SELECTION = "rgba(204, 204, 204, 0.44)";
|
|
307
|
-
var SCHEME_DARK_BACKGROUND = "#151515";
|
|
308
|
-
var SCHEME_DARK_FOREGROUND = "#c3bab0";
|
|
309
|
-
var SCHEME_DARK_HIGHLIGHT = "#2e2e2e";
|
|
310
|
-
var SCHEME_DARK_MIDDLELIGHT = "#757575";
|
|
311
|
-
var SCHEME_DARK_LOWLIGHT = "#a3a3a3";
|
|
312
|
-
var SCHEME_DARK_TRANSPARENT = "rgba(255, 255, 255, 0)";
|
|
313
|
-
var SCHEME_DARK_SEMI_TRANSPARENT = "rgba(255, 255, 255, 0.03)";
|
|
314
|
-
var SCHEME_DARK_DISABLED = "#474747";
|
|
315
|
-
var SCHEME_DARK_CONTRAST = "#000000";
|
|
316
|
-
var SCHEME_DARK_SELECTION = "rgba(204, 204, 204, 0.44)";
|
|
317
|
-
var COLOR_LIGHT_PRIMARY_0 = "#ffffff";
|
|
318
|
-
var COLOR_LIGHT_PRIMARY_50 = "#fce4ec";
|
|
319
|
-
var COLOR_LIGHT_PRIMARY_1002 = "#f8bcd0";
|
|
320
|
-
var COLOR_LIGHT_PRIMARY_2002 = "#f48fb1";
|
|
321
|
-
var COLOR_LIGHT_PRIMARY_3002 = "#f06292";
|
|
322
|
-
var COLOR_LIGHT_PRIMARY_4002 = "#ec407a";
|
|
323
|
-
var COLOR_LIGHT_PRIMARY_5002 = "#e91e63";
|
|
324
|
-
var COLOR_LIGHT_PRIMARY_6002 = "#cb1a56";
|
|
325
|
-
var COLOR_LIGHT_PRIMARY_7002 = "#a31545";
|
|
326
|
-
var COLOR_LIGHT_PRIMARY_8002 = "#7e1035";
|
|
327
|
-
var COLOR_LIGHT_PRIMARY_9002 = "#3a0819";
|
|
328
|
-
var COLOR_LIGHT_SECONDARY_0 = "#ffffff";
|
|
329
|
-
var COLOR_LIGHT_SECONDARY_50 = "#e6f6e9";
|
|
330
|
-
var COLOR_LIGHT_SECONDARY_1002 = "#c3e8c9";
|
|
331
|
-
var COLOR_LIGHT_SECONDARY_2002 = "#9bd9a7";
|
|
332
|
-
var COLOR_LIGHT_SECONDARY_3002 = "#70cb83";
|
|
333
|
-
var COLOR_LIGHT_SECONDARY_4002 = "#4dbf68";
|
|
334
|
-
var COLOR_LIGHT_SECONDARY_5002 = "#21b34d";
|
|
335
|
-
var COLOR_LIGHT_SECONDARY_6002 = "#16a444";
|
|
336
|
-
var COLOR_LIGHT_SECONDARY_7002 = "#009238";
|
|
337
|
-
var COLOR_LIGHT_SECONDARY_8002 = "#00812d";
|
|
338
|
-
var COLOR_LIGHT_SECONDARY_9002 = "#006218";
|
|
339
|
-
var COLOR_LIGHT_TERTIARY_0 = "#ffffff";
|
|
340
|
-
var COLOR_LIGHT_TERTIARY_50 = "#e1f5fc";
|
|
341
|
-
var COLOR_LIGHT_TERTIARY_100 = "#b4e6f7";
|
|
342
|
-
var COLOR_LIGHT_TERTIARY_200 = "#84d5f3";
|
|
343
|
-
var COLOR_LIGHT_TERTIARY_300 = "#56c5ee";
|
|
344
|
-
var COLOR_LIGHT_TERTIARY_400 = "#35b8eb";
|
|
345
|
-
var COLOR_LIGHT_TERTIARY_500 = "#19ace9";
|
|
346
|
-
var COLOR_LIGHT_TERTIARY_600 = "#139edb";
|
|
347
|
-
var COLOR_LIGHT_TERTIARY_700 = "#098bc7";
|
|
348
|
-
var COLOR_LIGHT_TERTIARY_800 = "#087ab4";
|
|
349
|
-
var COLOR_LIGHT_TERTIARY_900 = "#005a92";
|
|
350
|
-
var COLOR_LIGHT_INFO_0 = "#ffffff";
|
|
351
|
-
var COLOR_LIGHT_INFO_50 = "#f4faff";
|
|
352
|
-
var COLOR_LIGHT_INFO_100 = "#ddf1ff";
|
|
353
|
-
var COLOR_LIGHT_INFO_200 = "#addbff";
|
|
354
|
-
var COLOR_LIGHT_INFO_300 = "#6fb6ff";
|
|
355
|
-
var COLOR_LIGHT_INFO_400 = "#3990ff";
|
|
356
|
-
var COLOR_LIGHT_INFO_500 = "#096bde";
|
|
357
|
-
var COLOR_LIGHT_INFO_600 = "#054da7";
|
|
358
|
-
var COLOR_LIGHT_INFO_700 = "#02367d";
|
|
359
|
-
var COLOR_LIGHT_INFO_800 = "#072859";
|
|
360
|
-
var COLOR_LIGHT_INFO_900 = "#00153c";
|
|
361
|
-
var COLOR_LIGHT_WARNING_0 = "#ffffff";
|
|
362
|
-
var COLOR_LIGHT_WARNING_50 = "#fff8c5";
|
|
363
|
-
var COLOR_LIGHT_WARNING_100 = "#fae17d";
|
|
364
|
-
var COLOR_LIGHT_WARNING_200 = "#eac54f";
|
|
365
|
-
var COLOR_LIGHT_WARNING_300 = "#d4a72c";
|
|
366
|
-
var COLOR_LIGHT_WARNING_400 = "#bf8700";
|
|
367
|
-
var COLOR_LIGHT_WARNING_500 = "#9a6700";
|
|
368
|
-
var COLOR_LIGHT_WARNING_600 = "#7d4e00";
|
|
369
|
-
var COLOR_LIGHT_WARNING_700 = "#633c01";
|
|
370
|
-
var COLOR_LIGHT_WARNING_800 = "#4d2d00";
|
|
371
|
-
var COLOR_LIGHT_WARNING_900 = "#3b2300";
|
|
372
|
-
var COLOR_LIGHT_DANGER_0 = "#ffffff";
|
|
373
|
-
var COLOR_LIGHT_DANGER_50 = "#fff8f6";
|
|
374
|
-
var COLOR_LIGHT_DANGER_100 = "#ffe9e8";
|
|
375
|
-
var COLOR_LIGHT_DANGER_200 = "#ffc7c5";
|
|
376
|
-
var COLOR_LIGHT_DANGER_300 = "#ff9192";
|
|
377
|
-
var COLOR_LIGHT_DANGER_400 = "#fa5255";
|
|
378
|
-
var COLOR_LIGHT_DANGER_500 = "#d3232f";
|
|
379
|
-
var COLOR_LIGHT_DANGER_600 = "#a10e25";
|
|
380
|
-
var COLOR_LIGHT_DANGER_700 = "#77061b";
|
|
381
|
-
var COLOR_LIGHT_DANGER_800 = "#580013";
|
|
382
|
-
var COLOR_LIGHT_DANGER_900 = "#39000d";
|
|
383
|
-
var COLOR_LIGHT_SUCCESS_0 = "#ffffff";
|
|
384
|
-
var COLOR_LIGHT_SUCCESS_50 = "#f3fef5";
|
|
385
|
-
var COLOR_LIGHT_SUCCESS_100 = "#d7f5dd";
|
|
386
|
-
var COLOR_LIGHT_SUCCESS_200 = "#77ec95";
|
|
387
|
-
var COLOR_LIGHT_SUCCESS_300 = "#4cc76e";
|
|
388
|
-
var COLOR_LIGHT_SUCCESS_400 = "#2ca24d";
|
|
389
|
-
var COLOR_LIGHT_SUCCESS_500 = "#1a7d36";
|
|
390
|
-
var COLOR_LIGHT_SUCCESS_600 = "#0f5d26";
|
|
391
|
-
var COLOR_LIGHT_SUCCESS_700 = "#034318";
|
|
392
|
-
var COLOR_LIGHT_SUCCESS_800 = "#002f0f";
|
|
393
|
-
var COLOR_LIGHT_SUCCESS_900 = "#001d09";
|
|
394
|
-
var COLOR_LIGHT_HIGHLIGHT_0 = "#ffffff";
|
|
395
|
-
var COLOR_LIGHT_HIGHLIGHT_50 = "#fdf7ff";
|
|
396
|
-
var COLOR_LIGHT_HIGHLIGHT_100 = "#f4eaff";
|
|
397
|
-
var COLOR_LIGHT_HIGHLIGHT_200 = "#e1cbff";
|
|
398
|
-
var COLOR_LIGHT_HIGHLIGHT_300 = "#c69eff";
|
|
399
|
-
var COLOR_LIGHT_HIGHLIGHT_400 = "#a374f9";
|
|
400
|
-
var COLOR_LIGHT_HIGHLIGHT_500 = "#814dde";
|
|
401
|
-
var COLOR_LIGHT_HIGHLIGHT_600 = "#5f35ae";
|
|
402
|
-
var COLOR_LIGHT_HIGHLIGHT_700 = "#452382";
|
|
403
|
-
var COLOR_LIGHT_HIGHLIGHT_800 = "#301761";
|
|
404
|
-
var COLOR_LIGHT_HIGHLIGHT_900 = "#1d0a42";
|
|
405
|
-
var COLOR_LIGHT_NEUTRAL_0 = "#ffffff";
|
|
406
|
-
var COLOR_LIGHT_NEUTRAL_50 = "#f7f7f8";
|
|
407
|
-
var COLOR_LIGHT_NEUTRAL_100 = "#ebebef";
|
|
408
|
-
var COLOR_LIGHT_NEUTRAL_200 = "#d8d8df";
|
|
409
|
-
var COLOR_LIGHT_NEUTRAL_300 = "#b9b9c6";
|
|
410
|
-
var COLOR_LIGHT_NEUTRAL_400 = "#8f8fa3";
|
|
411
|
-
var COLOR_LIGHT_NEUTRAL_500 = "#73738c";
|
|
412
|
-
var COLOR_LIGHT_NEUTRAL_600 = "#5a5a72";
|
|
413
|
-
var COLOR_LIGHT_NEUTRAL_700 = "#434356";
|
|
414
|
-
var COLOR_LIGHT_NEUTRAL_800 = "#25252d";
|
|
415
|
-
var COLOR_LIGHT_NEUTRAL_900 = "#131318";
|
|
416
|
-
var COLOR_DARK_PRIMARY_0 = "#000000";
|
|
417
|
-
var COLOR_DARK_PRIMARY_50 = "#3a0819";
|
|
418
|
-
var COLOR_DARK_PRIMARY_100 = "#7e1035";
|
|
419
|
-
var COLOR_DARK_PRIMARY_200 = "#a31545";
|
|
420
|
-
var COLOR_DARK_PRIMARY_300 = "#cb1a56";
|
|
421
|
-
var COLOR_DARK_PRIMARY_400 = "#e91e63";
|
|
422
|
-
var COLOR_DARK_PRIMARY_500 = "#ec407a";
|
|
423
|
-
var COLOR_DARK_PRIMARY_600 = "#f06292";
|
|
424
|
-
var COLOR_DARK_PRIMARY_700 = "#f48fb1";
|
|
425
|
-
var COLOR_DARK_PRIMARY_800 = "#f8bcd0";
|
|
426
|
-
var COLOR_DARK_PRIMARY_900 = "#fce4ec";
|
|
427
|
-
var COLOR_DARK_SECONDARY_0 = "#000000";
|
|
428
|
-
var COLOR_DARK_SECONDARY_50 = "#006218";
|
|
429
|
-
var COLOR_DARK_SECONDARY_100 = "#00812d";
|
|
430
|
-
var COLOR_DARK_SECONDARY_200 = "#009238";
|
|
431
|
-
var COLOR_DARK_SECONDARY_300 = "#16a444";
|
|
432
|
-
var COLOR_DARK_SECONDARY_400 = "#21b34d";
|
|
433
|
-
var COLOR_DARK_SECONDARY_500 = "#4dbf68";
|
|
434
|
-
var COLOR_DARK_SECONDARY_600 = "#70cb83";
|
|
435
|
-
var COLOR_DARK_SECONDARY_700 = "#9bd9a7";
|
|
436
|
-
var COLOR_DARK_SECONDARY_800 = "#c3e8c9";
|
|
437
|
-
var COLOR_DARK_SECONDARY_900 = "#e6f6e9";
|
|
438
|
-
var COLOR_DARK_TERTIARY_0 = "#000000";
|
|
439
|
-
var COLOR_DARK_TERTIARY_50 = "#005a92";
|
|
440
|
-
var COLOR_DARK_TERTIARY_100 = "#087ab4";
|
|
441
|
-
var COLOR_DARK_TERTIARY_200 = "#098bc7";
|
|
442
|
-
var COLOR_DARK_TERTIARY_300 = "#139edb";
|
|
443
|
-
var COLOR_DARK_TERTIARY_400 = "#19ace9";
|
|
444
|
-
var COLOR_DARK_TERTIARY_500 = "#35b8eb";
|
|
445
|
-
var COLOR_DARK_TERTIARY_600 = "#56c5ee";
|
|
446
|
-
var COLOR_DARK_TERTIARY_700 = "#84d5f3";
|
|
447
|
-
var COLOR_DARK_TERTIARY_800 = "#b4e6f7";
|
|
448
|
-
var COLOR_DARK_TERTIARY_900 = "#e1f5fc";
|
|
449
|
-
var COLOR_DARK_INFO_0 = "#000000";
|
|
450
|
-
var COLOR_DARK_INFO_50 = "#00153c";
|
|
451
|
-
var COLOR_DARK_INFO_100 = "#072859";
|
|
452
|
-
var COLOR_DARK_INFO_200 = "#02367d";
|
|
453
|
-
var COLOR_DARK_INFO_300 = "#054da7";
|
|
454
|
-
var COLOR_DARK_INFO_400 = "#096bde";
|
|
455
|
-
var COLOR_DARK_INFO_500 = "#3990ff";
|
|
456
|
-
var COLOR_DARK_INFO_600 = "#6fb6ff";
|
|
457
|
-
var COLOR_DARK_INFO_700 = "#addbff";
|
|
458
|
-
var COLOR_DARK_INFO_800 = "#ddf1ff";
|
|
459
|
-
var COLOR_DARK_INFO_900 = "#f4faff";
|
|
460
|
-
var COLOR_DARK_WARNING_0 = "#000000";
|
|
461
|
-
var COLOR_DARK_WARNING_50 = "#3b2300";
|
|
462
|
-
var COLOR_DARK_WARNING_100 = "#4d2d00";
|
|
463
|
-
var COLOR_DARK_WARNING_200 = "#633c01";
|
|
464
|
-
var COLOR_DARK_WARNING_300 = "#7d4e00";
|
|
465
|
-
var COLOR_DARK_WARNING_400 = "#9a6700";
|
|
466
|
-
var COLOR_DARK_WARNING_500 = "#bf8700";
|
|
467
|
-
var COLOR_DARK_WARNING_600 = "#d4a72c";
|
|
468
|
-
var COLOR_DARK_WARNING_700 = "#eac54f";
|
|
469
|
-
var COLOR_DARK_WARNING_800 = "#fae17d";
|
|
470
|
-
var COLOR_DARK_WARNING_900 = "#fff8c5";
|
|
471
|
-
var COLOR_DARK_DANGER_0 = "#000000";
|
|
472
|
-
var COLOR_DARK_DANGER_50 = "#39000d";
|
|
473
|
-
var COLOR_DARK_DANGER_100 = "#580013";
|
|
474
|
-
var COLOR_DARK_DANGER_200 = "#77061b";
|
|
475
|
-
var COLOR_DARK_DANGER_300 = "#a10e25";
|
|
476
|
-
var COLOR_DARK_DANGER_400 = "#d3232f";
|
|
477
|
-
var COLOR_DARK_DANGER_500 = "#fa5255";
|
|
478
|
-
var COLOR_DARK_DANGER_600 = "#ff9192";
|
|
479
|
-
var COLOR_DARK_DANGER_700 = "#ffc7c5";
|
|
480
|
-
var COLOR_DARK_DANGER_800 = "#ffe9e8";
|
|
481
|
-
var COLOR_DARK_DANGER_900 = "#fff8f6";
|
|
482
|
-
var COLOR_DARK_SUCCESS_0 = "#000000";
|
|
483
|
-
var COLOR_DARK_SUCCESS_50 = "#001d09";
|
|
484
|
-
var COLOR_DARK_SUCCESS_100 = "#002f0f";
|
|
485
|
-
var COLOR_DARK_SUCCESS_200 = "#034318";
|
|
486
|
-
var COLOR_DARK_SUCCESS_300 = "#0f5d26";
|
|
487
|
-
var COLOR_DARK_SUCCESS_400 = "#1a7d36";
|
|
488
|
-
var COLOR_DARK_SUCCESS_500 = "#2ca24d";
|
|
489
|
-
var COLOR_DARK_SUCCESS_600 = "#4cc76e";
|
|
490
|
-
var COLOR_DARK_SUCCESS_700 = "#77ec95";
|
|
491
|
-
var COLOR_DARK_SUCCESS_800 = "#d7f5dd";
|
|
492
|
-
var COLOR_DARK_SUCCESS_900 = "#f3fef5";
|
|
493
|
-
var COLOR_DARK_HIGHLIGHT_0 = "#000000";
|
|
494
|
-
var COLOR_DARK_HIGHLIGHT_50 = "#1d0a42";
|
|
495
|
-
var COLOR_DARK_HIGHLIGHT_100 = "#301761";
|
|
496
|
-
var COLOR_DARK_HIGHLIGHT_200 = "#452382";
|
|
497
|
-
var COLOR_DARK_HIGHLIGHT_300 = "#5f35ae";
|
|
498
|
-
var COLOR_DARK_HIGHLIGHT_400 = "#814dde";
|
|
499
|
-
var COLOR_DARK_HIGHLIGHT_500 = "#a374f9";
|
|
500
|
-
var COLOR_DARK_HIGHLIGHT_600 = "#c69eff";
|
|
501
|
-
var COLOR_DARK_HIGHLIGHT_700 = "#e1cbff";
|
|
502
|
-
var COLOR_DARK_HIGHLIGHT_800 = "#f4eaff";
|
|
503
|
-
var COLOR_DARK_HIGHLIGHT_900 = "#fdf7ff";
|
|
504
|
-
var COLOR_DARK_NEUTRAL_0 = "#000000";
|
|
505
|
-
var COLOR_DARK_NEUTRAL_50 = "#131318";
|
|
506
|
-
var COLOR_DARK_NEUTRAL_100 = "#25252d";
|
|
507
|
-
var COLOR_DARK_NEUTRAL_200 = "#434356";
|
|
508
|
-
var COLOR_DARK_NEUTRAL_300 = "#5a5a72";
|
|
509
|
-
var COLOR_DARK_NEUTRAL_400 = "#73738c";
|
|
510
|
-
var COLOR_DARK_NEUTRAL_500 = "#8f8fa3";
|
|
511
|
-
var COLOR_DARK_NEUTRAL_600 = "#b9b9c6";
|
|
512
|
-
var COLOR_DARK_NEUTRAL_700 = "#d8d8df";
|
|
513
|
-
var COLOR_DARK_NEUTRAL_800 = "#ebebef";
|
|
514
|
-
var COLOR_DARK_NEUTRAL_900 = "#f7f7f8";
|
|
515
|
-
var TYPOGRAPHY_HEADLINE1_FONT_FAMILY = "Nunito, sans-serif";
|
|
516
|
-
var TYPOGRAPHY_HEADLINE1_FONT_SIZE2 = "96px";
|
|
517
|
-
var TYPOGRAPHY_HEADLINE1_LINE_HEIGHT2 = "100px";
|
|
518
|
-
var TYPOGRAPHY_HEADLINE1_FONT_WEIGHT2 = "300";
|
|
519
|
-
var TYPOGRAPHY_HEADLINE1_LETTER_SPACING2 = "-0.25px";
|
|
520
|
-
var TYPOGRAPHY_HEADLINE1_TEXT_DECORATION2 = "none";
|
|
521
|
-
var TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM2 = "none";
|
|
522
|
-
var TYPOGRAPHY_HEADLINE2_FONT_FAMILY = "Nunito, sans-serif";
|
|
523
|
-
var TYPOGRAPHY_HEADLINE2_FONT_SIZE2 = "60px";
|
|
524
|
-
var TYPOGRAPHY_HEADLINE2_LINE_HEIGHT2 = "64px";
|
|
525
|
-
var TYPOGRAPHY_HEADLINE2_FONT_WEIGHT2 = "300";
|
|
526
|
-
var TYPOGRAPHY_HEADLINE2_LETTER_SPACING2 = "-0.13333333333333333px";
|
|
527
|
-
var TYPOGRAPHY_HEADLINE2_TEXT_DECORATION2 = "none";
|
|
528
|
-
var TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM2 = "none";
|
|
529
|
-
var TYPOGRAPHY_HEADLINE3_FONT_FAMILY = "Nunito, sans-serif";
|
|
530
|
-
var TYPOGRAPHY_HEADLINE3_FONT_SIZE2 = "48px";
|
|
531
|
-
var TYPOGRAPHY_HEADLINE3_LINE_HEIGHT2 = "52px";
|
|
532
|
-
var TYPOGRAPHY_HEADLINE3_FONT_WEIGHT2 = "400";
|
|
533
|
-
var TYPOGRAPHY_HEADLINE3_LETTER_SPACING2 = "normal";
|
|
534
|
-
var TYPOGRAPHY_HEADLINE3_TEXT_DECORATION2 = "none";
|
|
535
|
-
var TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM2 = "none";
|
|
536
|
-
var TYPOGRAPHY_HEADLINE4_FONT_FAMILY = "Nunito, sans-serif";
|
|
537
|
-
var TYPOGRAPHY_HEADLINE4_FONT_SIZE2 = "34px";
|
|
538
|
-
var TYPOGRAPHY_HEADLINE4_LINE_HEIGHT2 = "38px";
|
|
539
|
-
var TYPOGRAPHY_HEADLINE4_FONT_WEIGHT2 = "400";
|
|
540
|
-
var TYPOGRAPHY_HEADLINE4_LETTER_SPACING2 = "0.11764705882352941px";
|
|
541
|
-
var TYPOGRAPHY_HEADLINE4_TEXT_DECORATION2 = "none";
|
|
542
|
-
var TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM2 = "none";
|
|
543
|
-
var TYPOGRAPHY_HEADLINE5_FONT_FAMILY = "Nunito, sans-serif";
|
|
544
|
-
var TYPOGRAPHY_HEADLINE5_FONT_SIZE2 = "24px";
|
|
545
|
-
var TYPOGRAPHY_HEADLINE5_LINE_HEIGHT2 = "28px";
|
|
546
|
-
var TYPOGRAPHY_HEADLINE5_FONT_WEIGHT2 = "400";
|
|
547
|
-
var TYPOGRAPHY_HEADLINE5_LETTER_SPACING2 = "normal";
|
|
548
|
-
var TYPOGRAPHY_HEADLINE5_TEXT_DECORATION2 = "none";
|
|
549
|
-
var TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM2 = "none";
|
|
550
|
-
var TYPOGRAPHY_HEADLINE6_FONT_FAMILY = "Nunito, sans-serif";
|
|
551
|
-
var TYPOGRAPHY_HEADLINE6_FONT_SIZE2 = "20px";
|
|
552
|
-
var TYPOGRAPHY_HEADLINE6_LINE_HEIGHT2 = "24px";
|
|
553
|
-
var TYPOGRAPHY_HEADLINE6_FONT_WEIGHT2 = "500";
|
|
554
|
-
var TYPOGRAPHY_HEADLINE6_LETTER_SPACING2 = "0.2px";
|
|
555
|
-
var TYPOGRAPHY_HEADLINE6_TEXT_DECORATION2 = "none";
|
|
556
|
-
var TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM2 = "none";
|
|
557
|
-
var TYPOGRAPHY_SUBTITLE1_FONT_FAMILY = "Nunito, sans-serif";
|
|
558
|
-
var TYPOGRAPHY_SUBTITLE1_FONT_SIZE = "16px";
|
|
559
|
-
var TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT = "20px";
|
|
560
|
-
var TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT = "400";
|
|
561
|
-
var TYPOGRAPHY_SUBTITLE1_LETTER_SPACING = "0.15px";
|
|
562
|
-
var TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION = "none";
|
|
563
|
-
var TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM = "none";
|
|
564
|
-
var TYPOGRAPHY_SUBTITLE2_FONT_FAMILY = "Nunito, sans-serif";
|
|
565
|
-
var TYPOGRAPHY_SUBTITLE2_FONT_SIZE = "14px";
|
|
566
|
-
var TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT = "18px";
|
|
567
|
-
var TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT = "500";
|
|
568
|
-
var TYPOGRAPHY_SUBTITLE2_LETTER_SPACING = "0.1142857142857143px";
|
|
569
|
-
var TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION = "none";
|
|
570
|
-
var TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM = "none";
|
|
571
|
-
var TYPOGRAPHY_BODY1_FONT_FAMILY = "Nunito, sans-serif";
|
|
572
|
-
var TYPOGRAPHY_BODY1_FONT_SIZE = "16px";
|
|
573
|
-
var TYPOGRAPHY_BODY1_LINE_HEIGHT = "20px";
|
|
574
|
-
var TYPOGRAPHY_BODY1_FONT_WEIGHT = "400";
|
|
575
|
-
var TYPOGRAPHY_BODY1_LETTER_SPACING = "0.5px";
|
|
576
|
-
var TYPOGRAPHY_BODY1_TEXT_DECORATION = "none";
|
|
577
|
-
var TYPOGRAPHY_BODY1_TEXT_TRANSFORM = "none";
|
|
578
|
-
var TYPOGRAPHY_BODY2_FONT_FAMILY = "Nunito, sans-serif";
|
|
579
|
-
var TYPOGRAPHY_BODY2_FONT_SIZE = "14px";
|
|
580
|
-
var TYPOGRAPHY_BODY2_LINE_HEIGHT = "18px";
|
|
581
|
-
var TYPOGRAPHY_BODY2_FONT_WEIGHT = "400";
|
|
582
|
-
var TYPOGRAPHY_BODY2_LETTER_SPACING = "0.2857142857142857px";
|
|
583
|
-
var TYPOGRAPHY_BODY2_TEXT_DECORATION = "none";
|
|
584
|
-
var TYPOGRAPHY_BODY2_TEXT_TRANSFORM = "none";
|
|
585
|
-
var TYPOGRAPHY_CAPTION_FONT_FAMILY = "Nunito, sans-serif";
|
|
586
|
-
var TYPOGRAPHY_CAPTION_FONT_SIZE = "12px";
|
|
587
|
-
var TYPOGRAPHY_CAPTION_LINE_HEIGHT = "16px";
|
|
588
|
-
var TYPOGRAPHY_CAPTION_FONT_WEIGHT = "400";
|
|
589
|
-
var TYPOGRAPHY_CAPTION_LETTER_SPACING = "0.5333333333333333px";
|
|
590
|
-
var TYPOGRAPHY_CAPTION_TEXT_DECORATION = "none";
|
|
591
|
-
var TYPOGRAPHY_CAPTION_TEXT_TRANSFORM = "none";
|
|
592
|
-
var TYPOGRAPHY_BUTTON_FONT_FAMILY = "Nunito, sans-serif";
|
|
593
|
-
var TYPOGRAPHY_BUTTON_FONT_SIZE = "14px";
|
|
594
|
-
var TYPOGRAPHY_BUTTON_LINE_HEIGHT = "18px";
|
|
595
|
-
var TYPOGRAPHY_BUTTON_FONT_WEIGHT = "700";
|
|
596
|
-
var TYPOGRAPHY_BUTTON_LETTER_SPACING = "1.4285714285714286px";
|
|
597
|
-
var TYPOGRAPHY_BUTTON_TEXT_DECORATION = "none";
|
|
598
|
-
var TYPOGRAPHY_BUTTON_TEXT_TRANSFORM = "none";
|
|
599
|
-
var TYPOGRAPHY_OVERLINE_FONT_FAMILY = "Nunito, sans-serif";
|
|
600
|
-
var TYPOGRAPHY_OVERLINE_FONT_SIZE = "12px";
|
|
601
|
-
var TYPOGRAPHY_OVERLINE_LINE_HEIGHT = "16px";
|
|
602
|
-
var TYPOGRAPHY_OVERLINE_FONT_WEIGHT = "500";
|
|
603
|
-
var TYPOGRAPHY_OVERLINE_LETTER_SPACING = "2.6666666666666665px";
|
|
604
|
-
var TYPOGRAPHY_OVERLINE_TEXT_DECORATION = "none";
|
|
605
|
-
var TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM = "none";
|
|
606
|
-
var ELEVATION_LIGHT_LIGHT = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)";
|
|
607
|
-
var ELEVATION_LIGHT_SEMILIGHT = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)";
|
|
608
|
-
var ELEVATION_LIGHT_REGULAR = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)";
|
|
609
|
-
var ELEVATION_LIGHT_SEMIBOLD = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)";
|
|
610
|
-
var ELEVATION_LIGHT_BOLD = "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)";
|
|
611
|
-
var ELEVATION_LIGHT_EXTRABOLD = "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)";
|
|
612
|
-
var ELEVATION_DARK_LIGHT = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)";
|
|
613
|
-
var ELEVATION_DARK_SEMILIGHT = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)";
|
|
614
|
-
var ELEVATION_DARK_REGULAR = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)";
|
|
615
|
-
var ELEVATION_DARK_SEMIBOLD = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)";
|
|
616
|
-
var ELEVATION_DARK_BOLD = "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)";
|
|
617
|
-
var ELEVATION_DARK_EXTRABOLD = "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)";
|
|
618
|
-
var TYPOGRAPHY_KEY_HEADLINE1 = "headline1";
|
|
619
|
-
var TYPOGRAPHY_KEY_HEADLINE2 = "headline2";
|
|
620
|
-
var TYPOGRAPHY_KEY_HEADLINE3 = "headline3";
|
|
621
|
-
var TYPOGRAPHY_KEY_HEADLINE4 = "headline4";
|
|
622
|
-
var TYPOGRAPHY_KEY_HEADLINE5 = "headline5";
|
|
623
|
-
var TYPOGRAPHY_KEY_HEADLINE6 = "headline6";
|
|
624
|
-
var TYPOGRAPHY_KEY_SUBTITLE1 = "subtitle1";
|
|
625
|
-
var TYPOGRAPHY_KEY_SUBTITLE2 = "subtitle2";
|
|
626
|
-
var TYPOGRAPHY_KEY_BODY1 = "body1";
|
|
627
|
-
var TYPOGRAPHY_KEY_BODY2 = "body2";
|
|
628
|
-
var TYPOGRAPHY_KEY_CAPTION = "caption";
|
|
629
|
-
var TYPOGRAPHY_KEY_BUTTON = "button";
|
|
630
|
-
var TYPOGRAPHY_KEY_OVERLINE = "overline";
|
|
631
|
-
var ELEVATION_KEY_LIGHT = "light";
|
|
632
|
-
var ELEVATION_KEY_SEMILIGHT = "semilight";
|
|
633
|
-
var ELEVATION_KEY_REGULAR = "regular";
|
|
634
|
-
var ELEVATION_KEY_SEMIBOLD = "semibold";
|
|
635
|
-
var ELEVATION_KEY_BOLD = "bold";
|
|
636
|
-
var ELEVATION_KEY_EXTRABOLD = "extrabold";
|
|
637
|
-
var VARIANT_PRIMARY = "primary";
|
|
638
|
-
var VARIANT_SECONDARY = "secondary";
|
|
639
|
-
var VARIANT_TERTIARY = "tertiary";
|
|
640
|
-
var VARIANT_DANGER = "danger";
|
|
641
|
-
var VARIANT_WARNING = "warning";
|
|
642
|
-
var VARIANT_SUCCESS = "success";
|
|
643
|
-
var VARIANT_INFO = "info";
|
|
644
|
-
var VARIANT_HIGHLIGHT = "highlight";
|
|
645
|
-
var VARIANT_NEUTRAL = "neutral";
|
|
646
|
-
|
|
647
|
-
// src/Theming/JoyTheme.ts
|
|
648
|
-
(function(JoyTheme2) {
|
|
649
|
-
JoyTheme2.JOY_THEME = ThemeFactory.create({
|
|
650
|
-
name: NAME2,
|
|
651
|
-
scheme: {
|
|
652
|
-
light: {
|
|
653
|
-
background: SCHEME_LIGHT_BACKGROUND,
|
|
654
|
-
foreground: SCHEME_LIGHT_FOREGROUND,
|
|
655
|
-
highlight: SCHEME_LIGHT_HIGHLIGHT,
|
|
656
|
-
middlelight: SCHEME_LIGHT_MIDDLELIGHT,
|
|
657
|
-
lowlight: SCHEME_LIGHT_LOWLIGHT,
|
|
658
|
-
transparent: SCHEME_LIGHT_TRANSPARENT,
|
|
659
|
-
semiTransparent: SCHEME_LIGHT_SEMI_TRANSPARENT,
|
|
660
|
-
disabled: SCHEME_LIGHT_DISABLED,
|
|
661
|
-
contrast: SCHEME_LIGHT_CONTRAST,
|
|
662
|
-
selection: SCHEME_LIGHT_SELECTION
|
|
663
|
-
},
|
|
664
|
-
dark: {
|
|
665
|
-
background: SCHEME_DARK_BACKGROUND,
|
|
666
|
-
foreground: SCHEME_DARK_FOREGROUND,
|
|
667
|
-
highlight: SCHEME_DARK_HIGHLIGHT,
|
|
668
|
-
middlelight: SCHEME_DARK_MIDDLELIGHT,
|
|
669
|
-
lowlight: SCHEME_DARK_LOWLIGHT,
|
|
670
|
-
transparent: SCHEME_DARK_TRANSPARENT,
|
|
671
|
-
semiTransparent: SCHEME_DARK_SEMI_TRANSPARENT,
|
|
672
|
-
disabled: SCHEME_DARK_DISABLED,
|
|
673
|
-
contrast: SCHEME_DARK_CONTRAST,
|
|
674
|
-
selection: SCHEME_DARK_SELECTION
|
|
675
|
-
}
|
|
676
|
-
},
|
|
677
|
-
palette: {
|
|
678
|
-
light: {
|
|
679
|
-
primary: {
|
|
680
|
-
0: COLOR_LIGHT_PRIMARY_0,
|
|
681
|
-
50: COLOR_LIGHT_PRIMARY_50,
|
|
682
|
-
100: COLOR_LIGHT_PRIMARY_1002,
|
|
683
|
-
200: COLOR_LIGHT_PRIMARY_2002,
|
|
684
|
-
300: COLOR_LIGHT_PRIMARY_3002,
|
|
685
|
-
400: COLOR_LIGHT_PRIMARY_4002,
|
|
686
|
-
500: COLOR_LIGHT_PRIMARY_5002,
|
|
687
|
-
600: COLOR_LIGHT_PRIMARY_6002,
|
|
688
|
-
700: COLOR_LIGHT_PRIMARY_7002,
|
|
689
|
-
800: COLOR_LIGHT_PRIMARY_8002,
|
|
690
|
-
900: COLOR_LIGHT_PRIMARY_9002
|
|
691
|
-
},
|
|
692
|
-
secondary: {
|
|
693
|
-
0: COLOR_LIGHT_SECONDARY_0,
|
|
694
|
-
50: COLOR_LIGHT_SECONDARY_50,
|
|
695
|
-
100: COLOR_LIGHT_SECONDARY_1002,
|
|
696
|
-
200: COLOR_LIGHT_SECONDARY_2002,
|
|
697
|
-
300: COLOR_LIGHT_SECONDARY_3002,
|
|
698
|
-
400: COLOR_LIGHT_SECONDARY_4002,
|
|
699
|
-
500: COLOR_LIGHT_SECONDARY_5002,
|
|
700
|
-
600: COLOR_LIGHT_SECONDARY_6002,
|
|
701
|
-
700: COLOR_LIGHT_SECONDARY_7002,
|
|
702
|
-
800: COLOR_LIGHT_SECONDARY_8002,
|
|
703
|
-
900: COLOR_LIGHT_SECONDARY_9002
|
|
704
|
-
},
|
|
705
|
-
tertiary: {
|
|
706
|
-
0: COLOR_LIGHT_TERTIARY_0,
|
|
707
|
-
50: COLOR_LIGHT_TERTIARY_50,
|
|
708
|
-
100: COLOR_LIGHT_TERTIARY_100,
|
|
709
|
-
200: COLOR_LIGHT_TERTIARY_200,
|
|
710
|
-
300: COLOR_LIGHT_TERTIARY_300,
|
|
711
|
-
400: COLOR_LIGHT_TERTIARY_400,
|
|
712
|
-
500: COLOR_LIGHT_TERTIARY_500,
|
|
713
|
-
600: COLOR_LIGHT_TERTIARY_600,
|
|
714
|
-
700: COLOR_LIGHT_TERTIARY_700,
|
|
715
|
-
800: COLOR_LIGHT_TERTIARY_800,
|
|
716
|
-
900: COLOR_LIGHT_TERTIARY_900
|
|
717
|
-
},
|
|
718
|
-
info: {
|
|
719
|
-
0: COLOR_LIGHT_INFO_0,
|
|
720
|
-
50: COLOR_LIGHT_INFO_50,
|
|
721
|
-
100: COLOR_LIGHT_INFO_100,
|
|
722
|
-
200: COLOR_LIGHT_INFO_200,
|
|
723
|
-
300: COLOR_LIGHT_INFO_300,
|
|
724
|
-
400: COLOR_LIGHT_INFO_400,
|
|
725
|
-
500: COLOR_LIGHT_INFO_500,
|
|
726
|
-
600: COLOR_LIGHT_INFO_600,
|
|
727
|
-
700: COLOR_LIGHT_INFO_700,
|
|
728
|
-
800: COLOR_LIGHT_INFO_800,
|
|
729
|
-
900: COLOR_LIGHT_INFO_900
|
|
730
|
-
},
|
|
731
|
-
warning: {
|
|
732
|
-
0: COLOR_LIGHT_WARNING_0,
|
|
733
|
-
50: COLOR_LIGHT_WARNING_50,
|
|
734
|
-
100: COLOR_LIGHT_WARNING_100,
|
|
735
|
-
200: COLOR_LIGHT_WARNING_200,
|
|
736
|
-
300: COLOR_LIGHT_WARNING_300,
|
|
737
|
-
400: COLOR_LIGHT_WARNING_400,
|
|
738
|
-
500: COLOR_LIGHT_WARNING_500,
|
|
739
|
-
600: COLOR_LIGHT_WARNING_600,
|
|
740
|
-
700: COLOR_LIGHT_WARNING_700,
|
|
741
|
-
800: COLOR_LIGHT_WARNING_800,
|
|
742
|
-
900: COLOR_LIGHT_WARNING_900
|
|
743
|
-
},
|
|
744
|
-
danger: {
|
|
745
|
-
0: COLOR_LIGHT_DANGER_0,
|
|
746
|
-
50: COLOR_LIGHT_DANGER_50,
|
|
747
|
-
100: COLOR_LIGHT_DANGER_100,
|
|
748
|
-
200: COLOR_LIGHT_DANGER_200,
|
|
749
|
-
300: COLOR_LIGHT_DANGER_300,
|
|
750
|
-
400: COLOR_LIGHT_DANGER_400,
|
|
751
|
-
500: COLOR_LIGHT_DANGER_500,
|
|
752
|
-
600: COLOR_LIGHT_DANGER_600,
|
|
753
|
-
700: COLOR_LIGHT_DANGER_700,
|
|
754
|
-
800: COLOR_LIGHT_DANGER_800,
|
|
755
|
-
900: COLOR_LIGHT_DANGER_900
|
|
756
|
-
},
|
|
757
|
-
success: {
|
|
758
|
-
0: COLOR_LIGHT_SUCCESS_0,
|
|
759
|
-
50: COLOR_LIGHT_SUCCESS_50,
|
|
760
|
-
100: COLOR_LIGHT_SUCCESS_100,
|
|
761
|
-
200: COLOR_LIGHT_SUCCESS_200,
|
|
762
|
-
300: COLOR_LIGHT_SUCCESS_300,
|
|
763
|
-
400: COLOR_LIGHT_SUCCESS_400,
|
|
764
|
-
500: COLOR_LIGHT_SUCCESS_500,
|
|
765
|
-
600: COLOR_LIGHT_SUCCESS_600,
|
|
766
|
-
700: COLOR_LIGHT_SUCCESS_700,
|
|
767
|
-
800: COLOR_LIGHT_SUCCESS_800,
|
|
768
|
-
900: COLOR_LIGHT_SUCCESS_900
|
|
769
|
-
},
|
|
770
|
-
highlight: {
|
|
771
|
-
0: COLOR_LIGHT_HIGHLIGHT_0,
|
|
772
|
-
50: COLOR_LIGHT_HIGHLIGHT_50,
|
|
773
|
-
100: COLOR_LIGHT_HIGHLIGHT_100,
|
|
774
|
-
200: COLOR_LIGHT_HIGHLIGHT_200,
|
|
775
|
-
300: COLOR_LIGHT_HIGHLIGHT_300,
|
|
776
|
-
400: COLOR_LIGHT_HIGHLIGHT_400,
|
|
777
|
-
500: COLOR_LIGHT_HIGHLIGHT_500,
|
|
778
|
-
600: COLOR_LIGHT_HIGHLIGHT_600,
|
|
779
|
-
700: COLOR_LIGHT_HIGHLIGHT_700,
|
|
780
|
-
800: COLOR_LIGHT_HIGHLIGHT_800,
|
|
781
|
-
900: COLOR_LIGHT_HIGHLIGHT_900
|
|
782
|
-
},
|
|
783
|
-
neutral: {
|
|
784
|
-
0: COLOR_LIGHT_NEUTRAL_0,
|
|
785
|
-
50: COLOR_LIGHT_NEUTRAL_50,
|
|
786
|
-
100: COLOR_LIGHT_NEUTRAL_100,
|
|
787
|
-
200: COLOR_LIGHT_NEUTRAL_200,
|
|
788
|
-
300: COLOR_LIGHT_NEUTRAL_300,
|
|
789
|
-
400: COLOR_LIGHT_NEUTRAL_400,
|
|
790
|
-
500: COLOR_LIGHT_NEUTRAL_500,
|
|
791
|
-
600: COLOR_LIGHT_NEUTRAL_600,
|
|
792
|
-
700: COLOR_LIGHT_NEUTRAL_700,
|
|
793
|
-
800: COLOR_LIGHT_NEUTRAL_800,
|
|
794
|
-
900: COLOR_LIGHT_NEUTRAL_900
|
|
795
|
-
}
|
|
796
|
-
},
|
|
797
|
-
dark: {
|
|
798
|
-
primary: {
|
|
799
|
-
0: COLOR_DARK_PRIMARY_0,
|
|
800
|
-
50: COLOR_DARK_PRIMARY_50,
|
|
801
|
-
100: COLOR_DARK_PRIMARY_100,
|
|
802
|
-
200: COLOR_DARK_PRIMARY_200,
|
|
803
|
-
300: COLOR_DARK_PRIMARY_300,
|
|
804
|
-
400: COLOR_DARK_PRIMARY_400,
|
|
805
|
-
500: COLOR_DARK_PRIMARY_500,
|
|
806
|
-
600: COLOR_DARK_PRIMARY_600,
|
|
807
|
-
700: COLOR_DARK_PRIMARY_700,
|
|
808
|
-
800: COLOR_DARK_PRIMARY_800,
|
|
809
|
-
900: COLOR_DARK_PRIMARY_900
|
|
810
|
-
},
|
|
811
|
-
secondary: {
|
|
812
|
-
0: COLOR_DARK_SECONDARY_0,
|
|
813
|
-
50: COLOR_DARK_SECONDARY_50,
|
|
814
|
-
100: COLOR_DARK_SECONDARY_100,
|
|
815
|
-
200: COLOR_DARK_SECONDARY_200,
|
|
816
|
-
300: COLOR_DARK_SECONDARY_300,
|
|
817
|
-
400: COLOR_DARK_SECONDARY_400,
|
|
818
|
-
500: COLOR_DARK_SECONDARY_500,
|
|
819
|
-
600: COLOR_DARK_SECONDARY_600,
|
|
820
|
-
700: COLOR_DARK_SECONDARY_700,
|
|
821
|
-
800: COLOR_DARK_SECONDARY_800,
|
|
822
|
-
900: COLOR_DARK_SECONDARY_900
|
|
823
|
-
},
|
|
824
|
-
tertiary: {
|
|
825
|
-
0: COLOR_DARK_TERTIARY_0,
|
|
826
|
-
50: COLOR_DARK_TERTIARY_50,
|
|
827
|
-
100: COLOR_DARK_TERTIARY_100,
|
|
828
|
-
200: COLOR_DARK_TERTIARY_200,
|
|
829
|
-
300: COLOR_DARK_TERTIARY_300,
|
|
830
|
-
400: COLOR_DARK_TERTIARY_400,
|
|
831
|
-
500: COLOR_DARK_TERTIARY_500,
|
|
832
|
-
600: COLOR_DARK_TERTIARY_600,
|
|
833
|
-
700: COLOR_DARK_TERTIARY_700,
|
|
834
|
-
800: COLOR_DARK_TERTIARY_800,
|
|
835
|
-
900: COLOR_DARK_TERTIARY_900
|
|
836
|
-
},
|
|
837
|
-
info: {
|
|
838
|
-
0: COLOR_DARK_INFO_0,
|
|
839
|
-
50: COLOR_DARK_INFO_50,
|
|
840
|
-
100: COLOR_DARK_INFO_100,
|
|
841
|
-
200: COLOR_DARK_INFO_200,
|
|
842
|
-
300: COLOR_DARK_INFO_300,
|
|
843
|
-
400: COLOR_DARK_INFO_400,
|
|
844
|
-
500: COLOR_DARK_INFO_500,
|
|
845
|
-
600: COLOR_DARK_INFO_600,
|
|
846
|
-
700: COLOR_DARK_INFO_700,
|
|
847
|
-
800: COLOR_DARK_INFO_800,
|
|
848
|
-
900: COLOR_DARK_INFO_900
|
|
849
|
-
},
|
|
850
|
-
warning: {
|
|
851
|
-
0: COLOR_DARK_WARNING_0,
|
|
852
|
-
50: COLOR_DARK_WARNING_50,
|
|
853
|
-
100: COLOR_DARK_WARNING_100,
|
|
854
|
-
200: COLOR_DARK_WARNING_200,
|
|
855
|
-
300: COLOR_DARK_WARNING_300,
|
|
856
|
-
400: COLOR_DARK_WARNING_400,
|
|
857
|
-
500: COLOR_DARK_WARNING_500,
|
|
858
|
-
600: COLOR_DARK_WARNING_600,
|
|
859
|
-
700: COLOR_DARK_WARNING_700,
|
|
860
|
-
800: COLOR_DARK_WARNING_800,
|
|
861
|
-
900: COLOR_DARK_WARNING_900
|
|
862
|
-
},
|
|
863
|
-
danger: {
|
|
864
|
-
0: COLOR_DARK_DANGER_0,
|
|
865
|
-
50: COLOR_DARK_DANGER_50,
|
|
866
|
-
100: COLOR_DARK_DANGER_100,
|
|
867
|
-
200: COLOR_DARK_DANGER_200,
|
|
868
|
-
300: COLOR_DARK_DANGER_300,
|
|
869
|
-
400: COLOR_DARK_DANGER_400,
|
|
870
|
-
500: COLOR_DARK_DANGER_500,
|
|
871
|
-
600: COLOR_DARK_DANGER_600,
|
|
872
|
-
700: COLOR_DARK_DANGER_700,
|
|
873
|
-
800: COLOR_DARK_DANGER_800,
|
|
874
|
-
900: COLOR_DARK_DANGER_900
|
|
875
|
-
},
|
|
876
|
-
success: {
|
|
877
|
-
0: COLOR_DARK_SUCCESS_0,
|
|
878
|
-
50: COLOR_DARK_SUCCESS_50,
|
|
879
|
-
100: COLOR_DARK_SUCCESS_100,
|
|
880
|
-
200: COLOR_DARK_SUCCESS_200,
|
|
881
|
-
300: COLOR_DARK_SUCCESS_300,
|
|
882
|
-
400: COLOR_DARK_SUCCESS_400,
|
|
883
|
-
500: COLOR_DARK_SUCCESS_500,
|
|
884
|
-
600: COLOR_DARK_SUCCESS_600,
|
|
885
|
-
700: COLOR_DARK_SUCCESS_700,
|
|
886
|
-
800: COLOR_DARK_SUCCESS_800,
|
|
887
|
-
900: COLOR_DARK_SUCCESS_900
|
|
888
|
-
},
|
|
889
|
-
highlight: {
|
|
890
|
-
0: COLOR_DARK_HIGHLIGHT_0,
|
|
891
|
-
50: COLOR_DARK_HIGHLIGHT_50,
|
|
892
|
-
100: COLOR_DARK_HIGHLIGHT_100,
|
|
893
|
-
200: COLOR_DARK_HIGHLIGHT_200,
|
|
894
|
-
300: COLOR_DARK_HIGHLIGHT_300,
|
|
895
|
-
400: COLOR_DARK_HIGHLIGHT_400,
|
|
896
|
-
500: COLOR_DARK_HIGHLIGHT_500,
|
|
897
|
-
600: COLOR_DARK_HIGHLIGHT_600,
|
|
898
|
-
700: COLOR_DARK_HIGHLIGHT_700,
|
|
899
|
-
800: COLOR_DARK_HIGHLIGHT_800,
|
|
900
|
-
900: COLOR_DARK_HIGHLIGHT_900
|
|
901
|
-
},
|
|
902
|
-
neutral: {
|
|
903
|
-
0: COLOR_DARK_NEUTRAL_0,
|
|
904
|
-
50: COLOR_DARK_NEUTRAL_50,
|
|
905
|
-
100: COLOR_DARK_NEUTRAL_100,
|
|
906
|
-
200: COLOR_DARK_NEUTRAL_200,
|
|
907
|
-
300: COLOR_DARK_NEUTRAL_300,
|
|
908
|
-
400: COLOR_DARK_NEUTRAL_400,
|
|
909
|
-
500: COLOR_DARK_NEUTRAL_500,
|
|
910
|
-
600: COLOR_DARK_NEUTRAL_600,
|
|
911
|
-
700: COLOR_DARK_NEUTRAL_700,
|
|
912
|
-
800: COLOR_DARK_NEUTRAL_800,
|
|
913
|
-
900: COLOR_DARK_NEUTRAL_900
|
|
914
|
-
}
|
|
915
|
-
}
|
|
916
|
-
},
|
|
917
|
-
fontFamily: FONT_FAMILY2,
|
|
918
|
-
typography: {
|
|
919
|
-
headline1: {
|
|
920
|
-
fontFamily: TYPOGRAPHY_HEADLINE1_FONT_FAMILY,
|
|
921
|
-
fontSize: TYPOGRAPHY_HEADLINE1_FONT_SIZE2,
|
|
922
|
-
lineHeight: TYPOGRAPHY_HEADLINE1_LINE_HEIGHT2,
|
|
923
|
-
fontWeight: TYPOGRAPHY_HEADLINE1_FONT_WEIGHT2,
|
|
924
|
-
letterSpacing: TYPOGRAPHY_HEADLINE1_LETTER_SPACING2,
|
|
925
|
-
textDecoration: TYPOGRAPHY_HEADLINE1_TEXT_DECORATION2,
|
|
926
|
-
textTransform: TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM2
|
|
927
|
-
},
|
|
928
|
-
headline2: {
|
|
929
|
-
fontFamily: TYPOGRAPHY_HEADLINE2_FONT_FAMILY,
|
|
930
|
-
fontSize: TYPOGRAPHY_HEADLINE2_FONT_SIZE2,
|
|
931
|
-
lineHeight: TYPOGRAPHY_HEADLINE2_LINE_HEIGHT2,
|
|
932
|
-
fontWeight: TYPOGRAPHY_HEADLINE2_FONT_WEIGHT2,
|
|
933
|
-
letterSpacing: TYPOGRAPHY_HEADLINE2_LETTER_SPACING2,
|
|
934
|
-
textDecoration: TYPOGRAPHY_HEADLINE2_TEXT_DECORATION2,
|
|
935
|
-
textTransform: TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM2
|
|
936
|
-
},
|
|
937
|
-
headline3: {
|
|
938
|
-
fontFamily: TYPOGRAPHY_HEADLINE3_FONT_FAMILY,
|
|
939
|
-
fontSize: TYPOGRAPHY_HEADLINE3_FONT_SIZE2,
|
|
940
|
-
lineHeight: TYPOGRAPHY_HEADLINE3_LINE_HEIGHT2,
|
|
941
|
-
fontWeight: TYPOGRAPHY_HEADLINE3_FONT_WEIGHT2,
|
|
942
|
-
letterSpacing: TYPOGRAPHY_HEADLINE3_LETTER_SPACING2,
|
|
943
|
-
textDecoration: TYPOGRAPHY_HEADLINE3_TEXT_DECORATION2,
|
|
944
|
-
textTransform: TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM2
|
|
945
|
-
},
|
|
946
|
-
headline4: {
|
|
947
|
-
fontFamily: TYPOGRAPHY_HEADLINE4_FONT_FAMILY,
|
|
948
|
-
fontSize: TYPOGRAPHY_HEADLINE4_FONT_SIZE2,
|
|
949
|
-
lineHeight: TYPOGRAPHY_HEADLINE4_LINE_HEIGHT2,
|
|
950
|
-
fontWeight: TYPOGRAPHY_HEADLINE4_FONT_WEIGHT2,
|
|
951
|
-
letterSpacing: TYPOGRAPHY_HEADLINE4_LETTER_SPACING2,
|
|
952
|
-
textDecoration: TYPOGRAPHY_HEADLINE4_TEXT_DECORATION2,
|
|
953
|
-
textTransform: TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM2
|
|
954
|
-
},
|
|
955
|
-
headline5: {
|
|
956
|
-
fontFamily: TYPOGRAPHY_HEADLINE5_FONT_FAMILY,
|
|
957
|
-
fontSize: TYPOGRAPHY_HEADLINE5_FONT_SIZE2,
|
|
958
|
-
lineHeight: TYPOGRAPHY_HEADLINE5_LINE_HEIGHT2,
|
|
959
|
-
fontWeight: TYPOGRAPHY_HEADLINE5_FONT_WEIGHT2,
|
|
960
|
-
letterSpacing: TYPOGRAPHY_HEADLINE5_LETTER_SPACING2,
|
|
961
|
-
textDecoration: TYPOGRAPHY_HEADLINE5_TEXT_DECORATION2,
|
|
962
|
-
textTransform: TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM2
|
|
963
|
-
},
|
|
964
|
-
headline6: {
|
|
965
|
-
fontFamily: TYPOGRAPHY_HEADLINE6_FONT_FAMILY,
|
|
966
|
-
fontSize: TYPOGRAPHY_HEADLINE6_FONT_SIZE2,
|
|
967
|
-
lineHeight: TYPOGRAPHY_HEADLINE6_LINE_HEIGHT2,
|
|
968
|
-
fontWeight: TYPOGRAPHY_HEADLINE6_FONT_WEIGHT2,
|
|
969
|
-
letterSpacing: TYPOGRAPHY_HEADLINE6_LETTER_SPACING2,
|
|
970
|
-
textDecoration: TYPOGRAPHY_HEADLINE6_TEXT_DECORATION2,
|
|
971
|
-
textTransform: TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM2
|
|
972
|
-
},
|
|
973
|
-
subtitle1: {
|
|
974
|
-
fontFamily: TYPOGRAPHY_SUBTITLE1_FONT_FAMILY,
|
|
975
|
-
fontSize: TYPOGRAPHY_SUBTITLE1_FONT_SIZE,
|
|
976
|
-
lineHeight: TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT,
|
|
977
|
-
fontWeight: TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT,
|
|
978
|
-
letterSpacing: TYPOGRAPHY_SUBTITLE1_LETTER_SPACING,
|
|
979
|
-
textDecoration: TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION,
|
|
980
|
-
textTransform: TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM
|
|
981
|
-
},
|
|
982
|
-
subtitle2: {
|
|
983
|
-
fontFamily: TYPOGRAPHY_SUBTITLE2_FONT_FAMILY,
|
|
984
|
-
fontSize: TYPOGRAPHY_SUBTITLE2_FONT_SIZE,
|
|
985
|
-
lineHeight: TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT,
|
|
986
|
-
fontWeight: TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT,
|
|
987
|
-
letterSpacing: TYPOGRAPHY_SUBTITLE2_LETTER_SPACING,
|
|
988
|
-
textDecoration: TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION,
|
|
989
|
-
textTransform: TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM
|
|
990
|
-
},
|
|
991
|
-
body1: {
|
|
992
|
-
fontFamily: TYPOGRAPHY_BODY1_FONT_FAMILY,
|
|
993
|
-
fontSize: TYPOGRAPHY_BODY1_FONT_SIZE,
|
|
994
|
-
lineHeight: TYPOGRAPHY_BODY1_LINE_HEIGHT,
|
|
995
|
-
fontWeight: TYPOGRAPHY_BODY1_FONT_WEIGHT,
|
|
996
|
-
letterSpacing: TYPOGRAPHY_BODY1_LETTER_SPACING,
|
|
997
|
-
textDecoration: TYPOGRAPHY_BODY1_TEXT_DECORATION,
|
|
998
|
-
textTransform: TYPOGRAPHY_BODY1_TEXT_TRANSFORM
|
|
999
|
-
},
|
|
1000
|
-
body2: {
|
|
1001
|
-
fontFamily: TYPOGRAPHY_BODY2_FONT_FAMILY,
|
|
1002
|
-
fontSize: TYPOGRAPHY_BODY2_FONT_SIZE,
|
|
1003
|
-
lineHeight: TYPOGRAPHY_BODY2_LINE_HEIGHT,
|
|
1004
|
-
fontWeight: TYPOGRAPHY_BODY2_FONT_WEIGHT,
|
|
1005
|
-
letterSpacing: TYPOGRAPHY_BODY2_LETTER_SPACING,
|
|
1006
|
-
textDecoration: TYPOGRAPHY_BODY2_TEXT_DECORATION,
|
|
1007
|
-
textTransform: TYPOGRAPHY_BODY2_TEXT_TRANSFORM
|
|
1008
|
-
},
|
|
1009
|
-
caption: {
|
|
1010
|
-
fontFamily: TYPOGRAPHY_CAPTION_FONT_FAMILY,
|
|
1011
|
-
fontSize: TYPOGRAPHY_CAPTION_FONT_SIZE,
|
|
1012
|
-
lineHeight: TYPOGRAPHY_CAPTION_LINE_HEIGHT,
|
|
1013
|
-
fontWeight: TYPOGRAPHY_CAPTION_FONT_WEIGHT,
|
|
1014
|
-
letterSpacing: TYPOGRAPHY_CAPTION_LETTER_SPACING,
|
|
1015
|
-
textDecoration: TYPOGRAPHY_CAPTION_TEXT_DECORATION,
|
|
1016
|
-
textTransform: TYPOGRAPHY_CAPTION_TEXT_TRANSFORM
|
|
1017
|
-
},
|
|
1018
|
-
overline: {
|
|
1019
|
-
fontFamily: TYPOGRAPHY_OVERLINE_FONT_FAMILY,
|
|
1020
|
-
fontSize: TYPOGRAPHY_OVERLINE_FONT_SIZE,
|
|
1021
|
-
lineHeight: TYPOGRAPHY_OVERLINE_LINE_HEIGHT,
|
|
1022
|
-
fontWeight: TYPOGRAPHY_OVERLINE_FONT_WEIGHT,
|
|
1023
|
-
letterSpacing: TYPOGRAPHY_OVERLINE_LETTER_SPACING,
|
|
1024
|
-
textDecoration: TYPOGRAPHY_OVERLINE_TEXT_DECORATION,
|
|
1025
|
-
textTransform: TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM
|
|
1026
|
-
},
|
|
1027
|
-
button: {
|
|
1028
|
-
fontFamily: TYPOGRAPHY_BUTTON_FONT_FAMILY,
|
|
1029
|
-
fontSize: TYPOGRAPHY_BUTTON_FONT_SIZE,
|
|
1030
|
-
lineHeight: TYPOGRAPHY_BUTTON_LINE_HEIGHT,
|
|
1031
|
-
fontWeight: TYPOGRAPHY_BUTTON_FONT_WEIGHT,
|
|
1032
|
-
letterSpacing: TYPOGRAPHY_BUTTON_LETTER_SPACING,
|
|
1033
|
-
textDecoration: TYPOGRAPHY_BUTTON_TEXT_DECORATION,
|
|
1034
|
-
textTransform: TYPOGRAPHY_BUTTON_TEXT_TRANSFORM
|
|
1035
|
-
}
|
|
1036
|
-
},
|
|
1037
|
-
layout: {
|
|
1038
|
-
radius: LAYOUT_RADIUS2,
|
|
1039
|
-
space: LAYOUT_SPACE2,
|
|
1040
|
-
thickness: LAYOUT_THICKNESS2
|
|
1041
|
-
},
|
|
1042
|
-
elevation: {
|
|
1043
|
-
light: {
|
|
1044
|
-
light: ELEVATION_LIGHT_LIGHT,
|
|
1045
|
-
semilight: ELEVATION_LIGHT_SEMILIGHT,
|
|
1046
|
-
regular: ELEVATION_LIGHT_REGULAR,
|
|
1047
|
-
semibold: ELEVATION_LIGHT_SEMIBOLD,
|
|
1048
|
-
bold: ELEVATION_LIGHT_BOLD,
|
|
1049
|
-
extrabold: ELEVATION_LIGHT_EXTRABOLD
|
|
1050
|
-
},
|
|
1051
|
-
dark: {
|
|
1052
|
-
light: ELEVATION_DARK_LIGHT,
|
|
1053
|
-
semilight: ELEVATION_DARK_SEMILIGHT,
|
|
1054
|
-
regular: ELEVATION_DARK_REGULAR,
|
|
1055
|
-
semibold: ELEVATION_DARK_SEMIBOLD,
|
|
1056
|
-
bold: ELEVATION_DARK_BOLD,
|
|
1057
|
-
extrabold: ELEVATION_DARK_EXTRABOLD
|
|
1058
|
-
}
|
|
1059
|
-
}
|
|
1060
|
-
});
|
|
1061
|
-
JoyTheme2.JOY_THEME_PALETTES = [
|
|
1062
|
-
VARIANT_PRIMARY,
|
|
1063
|
-
VARIANT_SECONDARY,
|
|
1064
|
-
VARIANT_TERTIARY,
|
|
1065
|
-
VARIANT_DANGER,
|
|
1066
|
-
VARIANT_INFO,
|
|
1067
|
-
VARIANT_WARNING,
|
|
1068
|
-
VARIANT_SUCCESS,
|
|
1069
|
-
VARIANT_HIGHLIGHT,
|
|
1070
|
-
VARIANT_NEUTRAL
|
|
1071
|
-
];
|
|
1072
|
-
JoyTheme2.JOY_THEME_PALETTE_VARIANTS = [
|
|
1073
|
-
"0",
|
|
1074
|
-
"50",
|
|
1075
|
-
"100",
|
|
1076
|
-
"200",
|
|
1077
|
-
"300",
|
|
1078
|
-
"400",
|
|
1079
|
-
"500",
|
|
1080
|
-
"600",
|
|
1081
|
-
"700",
|
|
1082
|
-
"800",
|
|
1083
|
-
"900"
|
|
1084
|
-
];
|
|
1085
|
-
JoyTheme2.JOY_THEME_SCHEMES = [
|
|
1086
|
-
"light",
|
|
1087
|
-
"dark"
|
|
1088
|
-
];
|
|
1089
|
-
JoyTheme2.JOY_THEME_SCHEME_VARIANTS = [
|
|
1090
|
-
"background",
|
|
1091
|
-
"foreground",
|
|
1092
|
-
"highlight",
|
|
1093
|
-
"middlelight",
|
|
1094
|
-
"lowlight",
|
|
1095
|
-
"transparent",
|
|
1096
|
-
"semiTransparent",
|
|
1097
|
-
"disabled",
|
|
1098
|
-
"contrast",
|
|
1099
|
-
"selection"
|
|
1100
|
-
];
|
|
1101
|
-
JoyTheme2.JOY_THEME_ELEVATION = [
|
|
1102
|
-
"light",
|
|
1103
|
-
"dark"
|
|
1104
|
-
];
|
|
1105
|
-
JoyTheme2.JOY_THEME_ELEVATION_VARIANTS = [
|
|
1106
|
-
ELEVATION_KEY_LIGHT,
|
|
1107
|
-
ELEVATION_KEY_SEMILIGHT,
|
|
1108
|
-
ELEVATION_KEY_REGULAR,
|
|
1109
|
-
ELEVATION_KEY_SEMIBOLD,
|
|
1110
|
-
ELEVATION_KEY_BOLD,
|
|
1111
|
-
ELEVATION_KEY_EXTRABOLD
|
|
1112
|
-
];
|
|
1113
|
-
JoyTheme2.JOY_THEME_TYPOGRAPHY = [
|
|
1114
|
-
TYPOGRAPHY_KEY_HEADLINE1,
|
|
1115
|
-
TYPOGRAPHY_KEY_HEADLINE2,
|
|
1116
|
-
TYPOGRAPHY_KEY_HEADLINE3,
|
|
1117
|
-
TYPOGRAPHY_KEY_HEADLINE4,
|
|
1118
|
-
TYPOGRAPHY_KEY_HEADLINE5,
|
|
1119
|
-
TYPOGRAPHY_KEY_HEADLINE6,
|
|
1120
|
-
TYPOGRAPHY_KEY_SUBTITLE1,
|
|
1121
|
-
TYPOGRAPHY_KEY_SUBTITLE2,
|
|
1122
|
-
TYPOGRAPHY_KEY_BODY1,
|
|
1123
|
-
TYPOGRAPHY_KEY_BODY2,
|
|
1124
|
-
TYPOGRAPHY_KEY_CAPTION,
|
|
1125
|
-
TYPOGRAPHY_KEY_OVERLINE,
|
|
1126
|
-
TYPOGRAPHY_KEY_BUTTON
|
|
1127
|
-
];
|
|
1128
|
-
JoyTheme2.JOY_THEME_METADATA = {
|
|
1129
|
-
theme: JoyTheme2.JOY_THEME,
|
|
1130
|
-
palettes: JoyTheme2.JOY_THEME_PALETTES,
|
|
1131
|
-
paletteVariants: JoyTheme2.JOY_THEME_PALETTE_VARIANTS,
|
|
1132
|
-
schemes: JoyTheme2.JOY_THEME_SCHEMES,
|
|
1133
|
-
schemeVariants: JoyTheme2.JOY_THEME_SCHEME_VARIANTS,
|
|
1134
|
-
elevation: JoyTheme2.JOY_THEME_ELEVATION,
|
|
1135
|
-
elevationVariants: JoyTheme2.JOY_THEME_ELEVATION_VARIANTS,
|
|
1136
|
-
typographies: JoyTheme2.JOY_THEME_TYPOGRAPHY
|
|
1137
|
-
};
|
|
1138
|
-
})(exports.JoyTheme || (exports.JoyTheme = {}));
|
|
1139
|
-
exports.JoyTheme = void 0;
|
|
1140
|
-
|
|
1141
|
-
// src/Theming/Tokens/MemphisTokens.ts
|
|
1142
|
-
var NAME3 = "memphis";
|
|
1143
|
-
var FONT_FAMILY3 = "Nunito, sans-serif";
|
|
1144
|
-
var LAYOUT_RADIUS3 = "0px";
|
|
1145
|
-
var LAYOUT_SPACE3 = "10px";
|
|
1146
|
-
var LAYOUT_THICKNESS3 = "3px";
|
|
1147
|
-
var SCHEME_LIGHT_BACKGROUND2 = "#eaeaea";
|
|
1148
|
-
var SCHEME_LIGHT_FOREGROUND2 = "#3c454f";
|
|
1149
|
-
var SCHEME_LIGHT_HIGHLIGHT2 = "#d1d1d1";
|
|
1150
|
-
var SCHEME_LIGHT_MIDDLELIGHT2 = "#8a8a8a";
|
|
1151
|
-
var SCHEME_LIGHT_LOWLIGHT2 = "#5c5c5c";
|
|
1152
|
-
var SCHEME_LIGHT_TRANSPARENT2 = "rgba(255, 255, 255, 0)";
|
|
1153
|
-
var SCHEME_LIGHT_SEMI_TRANSPARENT2 = "rgba(255, 255, 255, 0.67)";
|
|
1154
|
-
var SCHEME_LIGHT_DISABLED2 = "#686868";
|
|
1155
|
-
var SCHEME_LIGHT_CONTRAST2 = "#333333";
|
|
1156
|
-
var SCHEME_DARK_BACKGROUND2 = "#151515";
|
|
1157
|
-
var SCHEME_DARK_FOREGROUND2 = "#c3bab0";
|
|
1158
|
-
var SCHEME_DARK_HIGHLIGHT2 = "#2e2e2e";
|
|
1159
|
-
var SCHEME_DARK_MIDDLELIGHT2 = "#757575";
|
|
1160
|
-
var SCHEME_DARK_LOWLIGHT2 = "#a3a3a3";
|
|
1161
|
-
var SCHEME_DARK_TRANSPARENT2 = "rgba(255, 255, 255, 0)";
|
|
1162
|
-
var SCHEME_DARK_SEMI_TRANSPARENT2 = "rgba(0, 0, 0, 0.67)";
|
|
1163
|
-
var SCHEME_DARK_DISABLED2 = "#474747";
|
|
1164
|
-
var SCHEME_DARK_CONTRAST2 = "#ffffff";
|
|
1165
|
-
var COLOR_LIGHT_PRIMARY_02 = "#ffffff";
|
|
1166
|
-
var COLOR_LIGHT_PRIMARY_502 = "#f9f9f9";
|
|
1167
|
-
var COLOR_LIGHT_PRIMARY_1003 = "#f2f2f2";
|
|
1168
|
-
var COLOR_LIGHT_PRIMARY_2003 = "#e8e8e8";
|
|
1169
|
-
var COLOR_LIGHT_PRIMARY_3003 = "#d8d8d8";
|
|
1170
|
-
var COLOR_LIGHT_PRIMARY_4003 = "#b4b4b4";
|
|
1171
|
-
var COLOR_LIGHT_PRIMARY_5003 = "#949494";
|
|
1172
|
-
var COLOR_LIGHT_PRIMARY_6003 = "#6c6c6c";
|
|
1173
|
-
var COLOR_LIGHT_PRIMARY_7003 = "#595959";
|
|
1174
|
-
var COLOR_LIGHT_PRIMARY_8003 = "#3a3a3a";
|
|
1175
|
-
var COLOR_LIGHT_PRIMARY_9003 = "#1a1a1a";
|
|
1176
|
-
var COLOR_LIGHT_SECONDARY_02 = "#ffffff";
|
|
1177
|
-
var COLOR_LIGHT_SECONDARY_502 = "#e1f3ef";
|
|
1178
|
-
var COLOR_LIGHT_SECONDARY_1003 = "#b5e0d6";
|
|
1179
|
-
var COLOR_LIGHT_SECONDARY_2003 = "#85cdbc";
|
|
1180
|
-
var COLOR_LIGHT_SECONDARY_3003 = "#57b9a2";
|
|
1181
|
-
var COLOR_LIGHT_SECONDARY_4003 = "#38a990";
|
|
1182
|
-
var COLOR_LIGHT_SECONDARY_5003 = "#24997e";
|
|
1183
|
-
var COLOR_LIGHT_SECONDARY_6003 = "#208c71";
|
|
1184
|
-
var COLOR_LIGHT_SECONDARY_7003 = "#1b7c62";
|
|
1185
|
-
var COLOR_LIGHT_SECONDARY_8003 = "#166c54";
|
|
1186
|
-
var COLOR_LIGHT_SECONDARY_9003 = "#0d503a";
|
|
1187
|
-
var COLOR_LIGHT_INFO_02 = "#ffffff";
|
|
1188
|
-
var COLOR_LIGHT_INFO_502 = "#e8eaf9";
|
|
1189
|
-
var COLOR_LIGHT_INFO_1002 = "#c6c9f1";
|
|
1190
|
-
var COLOR_LIGHT_INFO_2002 = "#9fa7e7";
|
|
1191
|
-
var COLOR_LIGHT_INFO_3002 = "#7884dd";
|
|
1192
|
-
var COLOR_LIGHT_INFO_4002 = "#5968d6";
|
|
1193
|
-
var COLOR_LIGHT_INFO_5002 = "#394dcd";
|
|
1194
|
-
var COLOR_LIGHT_INFO_6002 = "#3344c2";
|
|
1195
|
-
var COLOR_LIGHT_INFO_7002 = "#293ab6";
|
|
1196
|
-
var COLOR_LIGHT_INFO_8002 = "#202faa";
|
|
1197
|
-
var COLOR_LIGHT_INFO_9002 = "#0a1a97";
|
|
1198
|
-
var COLOR_LIGHT_WARNING_02 = "#ffffff";
|
|
1199
|
-
var COLOR_LIGHT_WARNING_502 = "#fcfce5";
|
|
1200
|
-
var COLOR_LIGHT_WARNING_1002 = "#f7f6bf";
|
|
1201
|
-
var COLOR_LIGHT_WARNING_2002 = "#f1f294";
|
|
1202
|
-
var COLOR_LIGHT_WARNING_3002 = "#ebec67";
|
|
1203
|
-
var COLOR_LIGHT_WARNING_4002 = "#e5e741";
|
|
1204
|
-
var COLOR_LIGHT_WARNING_5002 = "#dfe300";
|
|
1205
|
-
var COLOR_LIGHT_WARNING_6002 = "#d1d100";
|
|
1206
|
-
var COLOR_LIGHT_WARNING_7002 = "#bfba00";
|
|
1207
|
-
var COLOR_LIGHT_WARNING_8002 = "#aea300";
|
|
1208
|
-
var COLOR_LIGHT_WARNING_9002 = "#927c00";
|
|
1209
|
-
var COLOR_LIGHT_DANGER_02 = "#ffffff";
|
|
1210
|
-
var COLOR_LIGHT_DANGER_502 = "#fcecef";
|
|
1211
|
-
var COLOR_LIGHT_DANGER_1002 = "#f8d0d5";
|
|
1212
|
-
var COLOR_LIGHT_DANGER_2002 = "#e69fa1";
|
|
1213
|
-
var COLOR_LIGHT_DANGER_3002 = "#d97b7d";
|
|
1214
|
-
var COLOR_LIGHT_DANGER_4002 = "#e35f5f";
|
|
1215
|
-
var COLOR_LIGHT_DANGER_5002 = "#e8524a";
|
|
1216
|
-
var COLOR_LIGHT_DANGER_6002 = "#d94a47";
|
|
1217
|
-
var COLOR_LIGHT_DANGER_7002 = "#c74141";
|
|
1218
|
-
var COLOR_LIGHT_DANGER_8002 = "#b93c3a";
|
|
1219
|
-
var COLOR_LIGHT_DANGER_9002 = "#ab322f";
|
|
1220
|
-
var COLOR_LIGHT_SUCCESS_02 = "#ffffff";
|
|
1221
|
-
var COLOR_LIGHT_SUCCESS_502 = "#e1f3ef";
|
|
1222
|
-
var COLOR_LIGHT_SUCCESS_1002 = "#b5e0d6";
|
|
1223
|
-
var COLOR_LIGHT_SUCCESS_2002 = "#85cdbc";
|
|
1224
|
-
var COLOR_LIGHT_SUCCESS_3002 = "#57b9a2";
|
|
1225
|
-
var COLOR_LIGHT_SUCCESS_4002 = "#38a990";
|
|
1226
|
-
var COLOR_LIGHT_SUCCESS_5002 = "#24997e";
|
|
1227
|
-
var COLOR_LIGHT_SUCCESS_6002 = "#208c71";
|
|
1228
|
-
var COLOR_LIGHT_SUCCESS_7002 = "#1b7c62";
|
|
1229
|
-
var COLOR_LIGHT_SUCCESS_8002 = "#166c54";
|
|
1230
|
-
var COLOR_LIGHT_SUCCESS_9002 = "#0d503a";
|
|
1231
|
-
var COLOR_LIGHT_NEUTRAL_02 = "#ffffff";
|
|
1232
|
-
var COLOR_LIGHT_NEUTRAL_502 = "#f9f9f9";
|
|
1233
|
-
var COLOR_LIGHT_NEUTRAL_1002 = "#f2f2f2";
|
|
1234
|
-
var COLOR_LIGHT_NEUTRAL_2002 = "#e8e8e8";
|
|
1235
|
-
var COLOR_LIGHT_NEUTRAL_3002 = "#d8d8d8";
|
|
1236
|
-
var COLOR_LIGHT_NEUTRAL_4002 = "#b4b4b4";
|
|
1237
|
-
var COLOR_LIGHT_NEUTRAL_5002 = "#949494";
|
|
1238
|
-
var COLOR_LIGHT_NEUTRAL_6002 = "#6c6c6c";
|
|
1239
|
-
var COLOR_LIGHT_NEUTRAL_7002 = "#595959";
|
|
1240
|
-
var COLOR_LIGHT_NEUTRAL_8002 = "#3a3a3a";
|
|
1241
|
-
var COLOR_LIGHT_NEUTRAL_9002 = "#1a1a1a";
|
|
1242
|
-
var COLOR_DARK_PRIMARY_02 = "#000000";
|
|
1243
|
-
var COLOR_DARK_PRIMARY_502 = "#1a1a1a";
|
|
1244
|
-
var COLOR_DARK_PRIMARY_1002 = "#3a3a3a";
|
|
1245
|
-
var COLOR_DARK_PRIMARY_2002 = "#595959";
|
|
1246
|
-
var COLOR_DARK_PRIMARY_3002 = "#6c6c6c";
|
|
1247
|
-
var COLOR_DARK_PRIMARY_4002 = "#949494";
|
|
1248
|
-
var COLOR_DARK_PRIMARY_5002 = "#b4b4b4";
|
|
1249
|
-
var COLOR_DARK_PRIMARY_6002 = "#d8d8d8";
|
|
1250
|
-
var COLOR_DARK_PRIMARY_7002 = "#e8e8e8";
|
|
1251
|
-
var COLOR_DARK_PRIMARY_8002 = "#f2f2f2";
|
|
1252
|
-
var COLOR_DARK_PRIMARY_9002 = "#f9f9f9";
|
|
1253
|
-
var COLOR_DARK_SECONDARY_02 = "#000000";
|
|
1254
|
-
var COLOR_DARK_SECONDARY_502 = "#0d503a";
|
|
1255
|
-
var COLOR_DARK_SECONDARY_1002 = "#166c54";
|
|
1256
|
-
var COLOR_DARK_SECONDARY_2002 = "#1b7c62";
|
|
1257
|
-
var COLOR_DARK_SECONDARY_3002 = "#208c71";
|
|
1258
|
-
var COLOR_DARK_SECONDARY_4002 = "#24997e";
|
|
1259
|
-
var COLOR_DARK_SECONDARY_5002 = "#38a990";
|
|
1260
|
-
var COLOR_DARK_SECONDARY_6002 = "#57b9a2";
|
|
1261
|
-
var COLOR_DARK_SECONDARY_7002 = "#85cdbc";
|
|
1262
|
-
var COLOR_DARK_SECONDARY_8002 = "#b5e0d6";
|
|
1263
|
-
var COLOR_DARK_SECONDARY_9002 = "#e1f3ef";
|
|
1264
|
-
var COLOR_DARK_INFO_02 = "#000000";
|
|
1265
|
-
var COLOR_DARK_INFO_502 = "#0a1a97";
|
|
1266
|
-
var COLOR_DARK_INFO_1002 = "#202faa";
|
|
1267
|
-
var COLOR_DARK_INFO_2002 = "#293ab6";
|
|
1268
|
-
var COLOR_DARK_INFO_3002 = "#3344c2";
|
|
1269
|
-
var COLOR_DARK_INFO_4002 = "#394dcd";
|
|
1270
|
-
var COLOR_DARK_INFO_5002 = "#5968d6";
|
|
1271
|
-
var COLOR_DARK_INFO_6002 = "#7884dd";
|
|
1272
|
-
var COLOR_DARK_INFO_7002 = "#9fa7e7";
|
|
1273
|
-
var COLOR_DARK_INFO_8002 = "#c6c9f1";
|
|
1274
|
-
var COLOR_DARK_INFO_9002 = "#e8eaf9";
|
|
1275
|
-
var COLOR_DARK_WARNING_02 = "#000000";
|
|
1276
|
-
var COLOR_DARK_WARNING_502 = "#927c00";
|
|
1277
|
-
var COLOR_DARK_WARNING_1002 = "#aea300";
|
|
1278
|
-
var COLOR_DARK_WARNING_2002 = "#bfba00";
|
|
1279
|
-
var COLOR_DARK_WARNING_3002 = "#d1d100";
|
|
1280
|
-
var COLOR_DARK_WARNING_4002 = "#dfe300";
|
|
1281
|
-
var COLOR_DARK_WARNING_5002 = "#e5e741";
|
|
1282
|
-
var COLOR_DARK_WARNING_6002 = "#ebec67";
|
|
1283
|
-
var COLOR_DARK_WARNING_7002 = "#f1f294";
|
|
1284
|
-
var COLOR_DARK_WARNING_8002 = "#f7f6bf";
|
|
1285
|
-
var COLOR_DARK_WARNING_9002 = "#fcfce5";
|
|
1286
|
-
var COLOR_DARK_DANGER_02 = "#000000";
|
|
1287
|
-
var COLOR_DARK_DANGER_502 = "#ab322f";
|
|
1288
|
-
var COLOR_DARK_DANGER_1002 = "#b93c3a";
|
|
1289
|
-
var COLOR_DARK_DANGER_2002 = "#c74141";
|
|
1290
|
-
var COLOR_DARK_DANGER_3002 = "#d94a47";
|
|
1291
|
-
var COLOR_DARK_DANGER_4002 = "#e8524a";
|
|
1292
|
-
var COLOR_DARK_DANGER_5002 = "#e35f5f";
|
|
1293
|
-
var COLOR_DARK_DANGER_6002 = "#d97b7d";
|
|
1294
|
-
var COLOR_DARK_DANGER_7002 = "#e69fa1";
|
|
1295
|
-
var COLOR_DARK_DANGER_8002 = "#f8d0d5";
|
|
1296
|
-
var COLOR_DARK_DANGER_9002 = "#fcecef";
|
|
1297
|
-
var COLOR_DARK_SUCCESS_02 = "#000000";
|
|
1298
|
-
var COLOR_DARK_SUCCESS_502 = "#0d503a";
|
|
1299
|
-
var COLOR_DARK_SUCCESS_1002 = "#166c54";
|
|
1300
|
-
var COLOR_DARK_SUCCESS_2002 = "#1b7c62";
|
|
1301
|
-
var COLOR_DARK_SUCCESS_3002 = "#208c71";
|
|
1302
|
-
var COLOR_DARK_SUCCESS_4002 = "#24997e";
|
|
1303
|
-
var COLOR_DARK_SUCCESS_5002 = "#38a990";
|
|
1304
|
-
var COLOR_DARK_SUCCESS_6002 = "#57b9a2";
|
|
1305
|
-
var COLOR_DARK_SUCCESS_7002 = "#85cdbc";
|
|
1306
|
-
var COLOR_DARK_SUCCESS_8002 = "#b5e0d6";
|
|
1307
|
-
var COLOR_DARK_SUCCESS_9002 = "#e1f3ef";
|
|
1308
|
-
var COLOR_DARK_NEUTRAL_02 = "#000000";
|
|
1309
|
-
var COLOR_DARK_NEUTRAL_502 = "#1a1a1a";
|
|
1310
|
-
var COLOR_DARK_NEUTRAL_1002 = "#3a3a3a";
|
|
1311
|
-
var COLOR_DARK_NEUTRAL_2002 = "#595959";
|
|
1312
|
-
var COLOR_DARK_NEUTRAL_3002 = "#6c6c6c";
|
|
1313
|
-
var COLOR_DARK_NEUTRAL_4002 = "#949494";
|
|
1314
|
-
var COLOR_DARK_NEUTRAL_5002 = "#b4b4b4";
|
|
1315
|
-
var COLOR_DARK_NEUTRAL_6002 = "#d8d8d8";
|
|
1316
|
-
var COLOR_DARK_NEUTRAL_7002 = "#e8e8e8";
|
|
1317
|
-
var COLOR_DARK_NEUTRAL_8002 = "#f2f2f2";
|
|
1318
|
-
var COLOR_DARK_NEUTRAL_9002 = "#f9f9f9";
|
|
1319
|
-
var TYPOGRAPHY_HEADLINE1_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1320
|
-
var TYPOGRAPHY_HEADLINE1_FONT_SIZE3 = "96px";
|
|
1321
|
-
var TYPOGRAPHY_HEADLINE1_LINE_HEIGHT3 = "100px";
|
|
1322
|
-
var TYPOGRAPHY_HEADLINE1_FONT_WEIGHT3 = "300";
|
|
1323
|
-
var TYPOGRAPHY_HEADLINE1_LETTER_SPACING3 = "-0.25px";
|
|
1324
|
-
var TYPOGRAPHY_HEADLINE1_TEXT_DECORATION3 = "none";
|
|
1325
|
-
var TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM3 = "none";
|
|
1326
|
-
var TYPOGRAPHY_HEADLINE2_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1327
|
-
var TYPOGRAPHY_HEADLINE2_FONT_SIZE3 = "60px";
|
|
1328
|
-
var TYPOGRAPHY_HEADLINE2_LINE_HEIGHT3 = "64px";
|
|
1329
|
-
var TYPOGRAPHY_HEADLINE2_FONT_WEIGHT3 = "300";
|
|
1330
|
-
var TYPOGRAPHY_HEADLINE2_LETTER_SPACING3 = "-0.13333333333333333px";
|
|
1331
|
-
var TYPOGRAPHY_HEADLINE2_TEXT_DECORATION3 = "none";
|
|
1332
|
-
var TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM3 = "none";
|
|
1333
|
-
var TYPOGRAPHY_HEADLINE3_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1334
|
-
var TYPOGRAPHY_HEADLINE3_FONT_SIZE3 = "48px";
|
|
1335
|
-
var TYPOGRAPHY_HEADLINE3_LINE_HEIGHT3 = "52px";
|
|
1336
|
-
var TYPOGRAPHY_HEADLINE3_FONT_WEIGHT3 = "400";
|
|
1337
|
-
var TYPOGRAPHY_HEADLINE3_LETTER_SPACING3 = "normal";
|
|
1338
|
-
var TYPOGRAPHY_HEADLINE3_TEXT_DECORATION3 = "none";
|
|
1339
|
-
var TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM3 = "none";
|
|
1340
|
-
var TYPOGRAPHY_HEADLINE4_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1341
|
-
var TYPOGRAPHY_HEADLINE4_FONT_SIZE3 = "34px";
|
|
1342
|
-
var TYPOGRAPHY_HEADLINE4_LINE_HEIGHT3 = "38px";
|
|
1343
|
-
var TYPOGRAPHY_HEADLINE4_FONT_WEIGHT3 = "400";
|
|
1344
|
-
var TYPOGRAPHY_HEADLINE4_LETTER_SPACING3 = "0.11764705882352941px";
|
|
1345
|
-
var TYPOGRAPHY_HEADLINE4_TEXT_DECORATION3 = "none";
|
|
1346
|
-
var TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM3 = "none";
|
|
1347
|
-
var TYPOGRAPHY_HEADLINE5_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1348
|
-
var TYPOGRAPHY_HEADLINE5_FONT_SIZE3 = "24px";
|
|
1349
|
-
var TYPOGRAPHY_HEADLINE5_LINE_HEIGHT3 = "28px";
|
|
1350
|
-
var TYPOGRAPHY_HEADLINE5_FONT_WEIGHT3 = "400";
|
|
1351
|
-
var TYPOGRAPHY_HEADLINE5_LETTER_SPACING3 = "normal";
|
|
1352
|
-
var TYPOGRAPHY_HEADLINE5_TEXT_DECORATION3 = "none";
|
|
1353
|
-
var TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM3 = "none";
|
|
1354
|
-
var TYPOGRAPHY_HEADLINE6_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1355
|
-
var TYPOGRAPHY_HEADLINE6_FONT_SIZE3 = "20px";
|
|
1356
|
-
var TYPOGRAPHY_HEADLINE6_LINE_HEIGHT3 = "24px";
|
|
1357
|
-
var TYPOGRAPHY_HEADLINE6_FONT_WEIGHT3 = "500";
|
|
1358
|
-
var TYPOGRAPHY_HEADLINE6_LETTER_SPACING3 = "0.2px";
|
|
1359
|
-
var TYPOGRAPHY_HEADLINE6_TEXT_DECORATION3 = "none";
|
|
1360
|
-
var TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM3 = "none";
|
|
1361
|
-
var TYPOGRAPHY_SUBTITLE1_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1362
|
-
var TYPOGRAPHY_SUBTITLE1_FONT_SIZE2 = "16px";
|
|
1363
|
-
var TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT2 = "20px";
|
|
1364
|
-
var TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT2 = "400";
|
|
1365
|
-
var TYPOGRAPHY_SUBTITLE1_LETTER_SPACING2 = "0.15px";
|
|
1366
|
-
var TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION2 = "none";
|
|
1367
|
-
var TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM2 = "none";
|
|
1368
|
-
var TYPOGRAPHY_SUBTITLE2_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1369
|
-
var TYPOGRAPHY_SUBTITLE2_FONT_SIZE2 = "14px";
|
|
1370
|
-
var TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT2 = "18px";
|
|
1371
|
-
var TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT2 = "500";
|
|
1372
|
-
var TYPOGRAPHY_SUBTITLE2_LETTER_SPACING2 = "0.1142857142857143px";
|
|
1373
|
-
var TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION2 = "none";
|
|
1374
|
-
var TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM2 = "none";
|
|
1375
|
-
var TYPOGRAPHY_BODY1_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1376
|
-
var TYPOGRAPHY_BODY1_FONT_SIZE2 = "16px";
|
|
1377
|
-
var TYPOGRAPHY_BODY1_LINE_HEIGHT2 = "20px";
|
|
1378
|
-
var TYPOGRAPHY_BODY1_FONT_WEIGHT2 = "400";
|
|
1379
|
-
var TYPOGRAPHY_BODY1_LETTER_SPACING2 = "0.5px";
|
|
1380
|
-
var TYPOGRAPHY_BODY1_TEXT_DECORATION2 = "none";
|
|
1381
|
-
var TYPOGRAPHY_BODY1_TEXT_TRANSFORM2 = "none";
|
|
1382
|
-
var TYPOGRAPHY_BODY2_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1383
|
-
var TYPOGRAPHY_BODY2_FONT_SIZE2 = "14px";
|
|
1384
|
-
var TYPOGRAPHY_BODY2_LINE_HEIGHT2 = "18px";
|
|
1385
|
-
var TYPOGRAPHY_BODY2_FONT_WEIGHT2 = "400";
|
|
1386
|
-
var TYPOGRAPHY_BODY2_LETTER_SPACING2 = "0.2857142857142857px";
|
|
1387
|
-
var TYPOGRAPHY_BODY2_TEXT_DECORATION2 = "none";
|
|
1388
|
-
var TYPOGRAPHY_BODY2_TEXT_TRANSFORM2 = "none";
|
|
1389
|
-
var TYPOGRAPHY_CAPTION_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1390
|
-
var TYPOGRAPHY_CAPTION_FONT_SIZE2 = "12px";
|
|
1391
|
-
var TYPOGRAPHY_CAPTION_LINE_HEIGHT2 = "16px";
|
|
1392
|
-
var TYPOGRAPHY_CAPTION_FONT_WEIGHT2 = "400";
|
|
1393
|
-
var TYPOGRAPHY_CAPTION_LETTER_SPACING2 = "0.5333333333333333px";
|
|
1394
|
-
var TYPOGRAPHY_CAPTION_TEXT_DECORATION2 = "none";
|
|
1395
|
-
var TYPOGRAPHY_CAPTION_TEXT_TRANSFORM2 = "none";
|
|
1396
|
-
var TYPOGRAPHY_BUTTON_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1397
|
-
var TYPOGRAPHY_BUTTON_FONT_SIZE2 = "14px";
|
|
1398
|
-
var TYPOGRAPHY_BUTTON_LINE_HEIGHT2 = "18px";
|
|
1399
|
-
var TYPOGRAPHY_BUTTON_FONT_WEIGHT2 = "700";
|
|
1400
|
-
var TYPOGRAPHY_BUTTON_LETTER_SPACING2 = "1.4285714285714286px";
|
|
1401
|
-
var TYPOGRAPHY_BUTTON_TEXT_DECORATION2 = "none";
|
|
1402
|
-
var TYPOGRAPHY_BUTTON_TEXT_TRANSFORM2 = "none";
|
|
1403
|
-
var TYPOGRAPHY_OVERLINE_FONT_FAMILY2 = "Nunito, sans-serif";
|
|
1404
|
-
var TYPOGRAPHY_OVERLINE_FONT_SIZE2 = "12px";
|
|
1405
|
-
var TYPOGRAPHY_OVERLINE_LINE_HEIGHT2 = "16px";
|
|
1406
|
-
var TYPOGRAPHY_OVERLINE_FONT_WEIGHT2 = "500";
|
|
1407
|
-
var TYPOGRAPHY_OVERLINE_LETTER_SPACING2 = "2.6666666666666665px";
|
|
1408
|
-
var TYPOGRAPHY_OVERLINE_TEXT_DECORATION2 = "none";
|
|
1409
|
-
var TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM2 = "none";
|
|
1410
|
-
var ELEVATION_LIGHT_LIGHT2 = "2px 2px 0px 0px #333333";
|
|
1411
|
-
var ELEVATION_LIGHT_SEMILIGHT2 = "3px 3px 0px 0px #333333";
|
|
1412
|
-
var ELEVATION_LIGHT_REGULAR2 = "4px 4px 0px 0px #333333";
|
|
1413
|
-
var ELEVATION_LIGHT_SEMIBOLD2 = "5px 5px 0px 0px #333333";
|
|
1414
|
-
var ELEVATION_LIGHT_BOLD2 = "6px 6px 0px 0px #333333";
|
|
1415
|
-
var ELEVATION_LIGHT_EXTRABOLD2 = "7px 7px 0px 0px #333333";
|
|
1416
|
-
var ELEVATION_DARK_LIGHT2 = "2px 2px 0px 0px #ffffff";
|
|
1417
|
-
var ELEVATION_DARK_SEMILIGHT2 = "3px 3px 0px 0px #ffffff";
|
|
1418
|
-
var ELEVATION_DARK_REGULAR2 = "4px 4px 0px 0px #ffffff";
|
|
1419
|
-
var ELEVATION_DARK_SEMIBOLD2 = "5px 5px 0px 0px #ffffff";
|
|
1420
|
-
var ELEVATION_DARK_BOLD2 = "6px 6px 0px 0px #ffffff";
|
|
1421
|
-
var ELEVATION_DARK_EXTRABOLD2 = "7px 7px 0px 0px #ffffff";
|
|
1422
|
-
var TYPOGRAPHY_KEY_HEADLINE12 = "headline1";
|
|
1423
|
-
var TYPOGRAPHY_KEY_HEADLINE22 = "headline2";
|
|
1424
|
-
var TYPOGRAPHY_KEY_HEADLINE32 = "headline3";
|
|
1425
|
-
var TYPOGRAPHY_KEY_HEADLINE42 = "headline4";
|
|
1426
|
-
var TYPOGRAPHY_KEY_HEADLINE52 = "headline5";
|
|
1427
|
-
var TYPOGRAPHY_KEY_HEADLINE62 = "headline6";
|
|
1428
|
-
var TYPOGRAPHY_KEY_SUBTITLE12 = "subtitle1";
|
|
1429
|
-
var TYPOGRAPHY_KEY_SUBTITLE22 = "subtitle2";
|
|
1430
|
-
var TYPOGRAPHY_KEY_BODY12 = "body1";
|
|
1431
|
-
var TYPOGRAPHY_KEY_BODY22 = "body2";
|
|
1432
|
-
var TYPOGRAPHY_KEY_CAPTION2 = "caption";
|
|
1433
|
-
var TYPOGRAPHY_KEY_BUTTON2 = "button";
|
|
1434
|
-
var TYPOGRAPHY_KEY_OVERLINE2 = "overline";
|
|
1435
|
-
var ELEVATION_KEY_LIGHT2 = "light";
|
|
1436
|
-
var ELEVATION_KEY_SEMILIGHT2 = "semilight";
|
|
1437
|
-
var ELEVATION_KEY_REGULAR2 = "regular";
|
|
1438
|
-
var ELEVATION_KEY_SEMIBOLD2 = "semibold";
|
|
1439
|
-
var ELEVATION_KEY_BOLD2 = "bold";
|
|
1440
|
-
var ELEVATION_KEY_EXTRABOLD2 = "extrabold";
|
|
1441
|
-
var VARIANT_PRIMARY2 = "primary";
|
|
1442
|
-
var VARIANT_SECONDARY2 = "secondary";
|
|
1443
|
-
var VARIANT_INFO2 = "info";
|
|
1444
|
-
var VARIANT_WARNING2 = "warning";
|
|
1445
|
-
var VARIANT_DANGER2 = "danger";
|
|
1446
|
-
var VARIANT_SUCCESS2 = "success";
|
|
1447
|
-
var VARIANT_NEUTRAL2 = "neutral";
|
|
1448
|
-
|
|
1449
|
-
// src/Theming/MemphisTheme.ts
|
|
1450
|
-
(function(MemphisTheme2) {
|
|
1451
|
-
MemphisTheme2.MEMPHIS_THEME = ThemeFactory.create({
|
|
1452
|
-
name: NAME3,
|
|
1453
|
-
scheme: {
|
|
1454
|
-
light: {
|
|
1455
|
-
background: SCHEME_LIGHT_BACKGROUND2,
|
|
1456
|
-
foreground: SCHEME_LIGHT_FOREGROUND2,
|
|
1457
|
-
highlight: SCHEME_LIGHT_HIGHLIGHT2,
|
|
1458
|
-
middlelight: SCHEME_LIGHT_MIDDLELIGHT2,
|
|
1459
|
-
lowlight: SCHEME_LIGHT_LOWLIGHT2,
|
|
1460
|
-
transparent: SCHEME_LIGHT_TRANSPARENT2,
|
|
1461
|
-
semiTransparent: SCHEME_LIGHT_SEMI_TRANSPARENT2,
|
|
1462
|
-
disabled: SCHEME_LIGHT_DISABLED2,
|
|
1463
|
-
contrast: SCHEME_LIGHT_CONTRAST2
|
|
1464
|
-
},
|
|
1465
|
-
dark: {
|
|
1466
|
-
background: SCHEME_DARK_BACKGROUND2,
|
|
1467
|
-
foreground: SCHEME_DARK_FOREGROUND2,
|
|
1468
|
-
highlight: SCHEME_DARK_HIGHLIGHT2,
|
|
1469
|
-
middlelight: SCHEME_DARK_MIDDLELIGHT2,
|
|
1470
|
-
lowlight: SCHEME_DARK_LOWLIGHT2,
|
|
1471
|
-
transparent: SCHEME_DARK_TRANSPARENT2,
|
|
1472
|
-
semiTransparent: SCHEME_DARK_SEMI_TRANSPARENT2,
|
|
1473
|
-
disabled: SCHEME_DARK_DISABLED2,
|
|
1474
|
-
contrast: SCHEME_DARK_CONTRAST2
|
|
1475
|
-
}
|
|
1476
|
-
},
|
|
1477
|
-
palette: {
|
|
1478
|
-
light: {
|
|
1479
|
-
primary: {
|
|
1480
|
-
0: COLOR_LIGHT_PRIMARY_02,
|
|
1481
|
-
50: COLOR_LIGHT_PRIMARY_502,
|
|
1482
|
-
100: COLOR_LIGHT_PRIMARY_1003,
|
|
1483
|
-
200: COLOR_LIGHT_PRIMARY_2003,
|
|
1484
|
-
300: COLOR_LIGHT_PRIMARY_3003,
|
|
1485
|
-
400: COLOR_LIGHT_PRIMARY_4003,
|
|
1486
|
-
500: COLOR_LIGHT_PRIMARY_5003,
|
|
1487
|
-
600: COLOR_LIGHT_PRIMARY_6003,
|
|
1488
|
-
700: COLOR_LIGHT_PRIMARY_7003,
|
|
1489
|
-
800: COLOR_LIGHT_PRIMARY_8003,
|
|
1490
|
-
900: COLOR_LIGHT_PRIMARY_9003
|
|
1491
|
-
},
|
|
1492
|
-
secondary: {
|
|
1493
|
-
0: COLOR_LIGHT_SECONDARY_02,
|
|
1494
|
-
50: COLOR_LIGHT_SECONDARY_502,
|
|
1495
|
-
100: COLOR_LIGHT_SECONDARY_1003,
|
|
1496
|
-
200: COLOR_LIGHT_SECONDARY_2003,
|
|
1497
|
-
300: COLOR_LIGHT_SECONDARY_3003,
|
|
1498
|
-
400: COLOR_LIGHT_SECONDARY_4003,
|
|
1499
|
-
500: COLOR_LIGHT_SECONDARY_5003,
|
|
1500
|
-
600: COLOR_LIGHT_SECONDARY_6003,
|
|
1501
|
-
700: COLOR_LIGHT_SECONDARY_7003,
|
|
1502
|
-
800: COLOR_LIGHT_SECONDARY_8003,
|
|
1503
|
-
900: COLOR_LIGHT_SECONDARY_9003
|
|
1504
|
-
},
|
|
1505
|
-
info: {
|
|
1506
|
-
0: COLOR_LIGHT_INFO_02,
|
|
1507
|
-
50: COLOR_LIGHT_INFO_502,
|
|
1508
|
-
100: COLOR_LIGHT_INFO_1002,
|
|
1509
|
-
200: COLOR_LIGHT_INFO_2002,
|
|
1510
|
-
300: COLOR_LIGHT_INFO_3002,
|
|
1511
|
-
400: COLOR_LIGHT_INFO_4002,
|
|
1512
|
-
500: COLOR_LIGHT_INFO_5002,
|
|
1513
|
-
600: COLOR_LIGHT_INFO_6002,
|
|
1514
|
-
700: COLOR_LIGHT_INFO_7002,
|
|
1515
|
-
800: COLOR_LIGHT_INFO_8002,
|
|
1516
|
-
900: COLOR_LIGHT_INFO_9002
|
|
1517
|
-
},
|
|
1518
|
-
warning: {
|
|
1519
|
-
0: COLOR_LIGHT_WARNING_02,
|
|
1520
|
-
50: COLOR_LIGHT_WARNING_502,
|
|
1521
|
-
100: COLOR_LIGHT_WARNING_1002,
|
|
1522
|
-
200: COLOR_LIGHT_WARNING_2002,
|
|
1523
|
-
300: COLOR_LIGHT_WARNING_3002,
|
|
1524
|
-
400: COLOR_LIGHT_WARNING_4002,
|
|
1525
|
-
500: COLOR_LIGHT_WARNING_5002,
|
|
1526
|
-
600: COLOR_LIGHT_WARNING_6002,
|
|
1527
|
-
700: COLOR_LIGHT_WARNING_7002,
|
|
1528
|
-
800: COLOR_LIGHT_WARNING_8002,
|
|
1529
|
-
900: COLOR_LIGHT_WARNING_9002
|
|
1530
|
-
},
|
|
1531
|
-
danger: {
|
|
1532
|
-
0: COLOR_LIGHT_DANGER_02,
|
|
1533
|
-
50: COLOR_LIGHT_DANGER_502,
|
|
1534
|
-
100: COLOR_LIGHT_DANGER_1002,
|
|
1535
|
-
200: COLOR_LIGHT_DANGER_2002,
|
|
1536
|
-
300: COLOR_LIGHT_DANGER_3002,
|
|
1537
|
-
400: COLOR_LIGHT_DANGER_4002,
|
|
1538
|
-
500: COLOR_LIGHT_DANGER_5002,
|
|
1539
|
-
600: COLOR_LIGHT_DANGER_6002,
|
|
1540
|
-
700: COLOR_LIGHT_DANGER_7002,
|
|
1541
|
-
800: COLOR_LIGHT_DANGER_8002,
|
|
1542
|
-
900: COLOR_LIGHT_DANGER_9002
|
|
1543
|
-
},
|
|
1544
|
-
success: {
|
|
1545
|
-
0: COLOR_LIGHT_SUCCESS_02,
|
|
1546
|
-
50: COLOR_LIGHT_SUCCESS_502,
|
|
1547
|
-
100: COLOR_LIGHT_SUCCESS_1002,
|
|
1548
|
-
200: COLOR_LIGHT_SUCCESS_2002,
|
|
1549
|
-
300: COLOR_LIGHT_SUCCESS_3002,
|
|
1550
|
-
400: COLOR_LIGHT_SUCCESS_4002,
|
|
1551
|
-
500: COLOR_LIGHT_SUCCESS_5002,
|
|
1552
|
-
600: COLOR_LIGHT_SUCCESS_6002,
|
|
1553
|
-
700: COLOR_LIGHT_SUCCESS_7002,
|
|
1554
|
-
800: COLOR_LIGHT_SUCCESS_8002,
|
|
1555
|
-
900: COLOR_LIGHT_SUCCESS_9002
|
|
1556
|
-
},
|
|
1557
|
-
neutral: {
|
|
1558
|
-
0: COLOR_LIGHT_NEUTRAL_02,
|
|
1559
|
-
50: COLOR_LIGHT_NEUTRAL_502,
|
|
1560
|
-
100: COLOR_LIGHT_NEUTRAL_1002,
|
|
1561
|
-
200: COLOR_LIGHT_NEUTRAL_2002,
|
|
1562
|
-
300: COLOR_LIGHT_NEUTRAL_3002,
|
|
1563
|
-
400: COLOR_LIGHT_NEUTRAL_4002,
|
|
1564
|
-
500: COLOR_LIGHT_NEUTRAL_5002,
|
|
1565
|
-
600: COLOR_LIGHT_NEUTRAL_6002,
|
|
1566
|
-
700: COLOR_LIGHT_NEUTRAL_7002,
|
|
1567
|
-
800: COLOR_LIGHT_NEUTRAL_8002,
|
|
1568
|
-
900: COLOR_LIGHT_NEUTRAL_9002
|
|
1569
|
-
}
|
|
1570
|
-
},
|
|
1571
|
-
dark: {
|
|
1572
|
-
primary: {
|
|
1573
|
-
0: COLOR_DARK_PRIMARY_02,
|
|
1574
|
-
50: COLOR_DARK_PRIMARY_502,
|
|
1575
|
-
100: COLOR_DARK_PRIMARY_1002,
|
|
1576
|
-
200: COLOR_DARK_PRIMARY_2002,
|
|
1577
|
-
300: COLOR_DARK_PRIMARY_3002,
|
|
1578
|
-
400: COLOR_DARK_PRIMARY_4002,
|
|
1579
|
-
500: COLOR_DARK_PRIMARY_5002,
|
|
1580
|
-
600: COLOR_DARK_PRIMARY_6002,
|
|
1581
|
-
700: COLOR_DARK_PRIMARY_7002,
|
|
1582
|
-
800: COLOR_DARK_PRIMARY_8002,
|
|
1583
|
-
900: COLOR_DARK_PRIMARY_9002
|
|
1584
|
-
},
|
|
1585
|
-
secondary: {
|
|
1586
|
-
0: COLOR_DARK_SECONDARY_02,
|
|
1587
|
-
50: COLOR_DARK_SECONDARY_502,
|
|
1588
|
-
100: COLOR_DARK_SECONDARY_1002,
|
|
1589
|
-
200: COLOR_DARK_SECONDARY_2002,
|
|
1590
|
-
300: COLOR_DARK_SECONDARY_3002,
|
|
1591
|
-
400: COLOR_DARK_SECONDARY_4002,
|
|
1592
|
-
500: COLOR_DARK_SECONDARY_5002,
|
|
1593
|
-
600: COLOR_DARK_SECONDARY_6002,
|
|
1594
|
-
700: COLOR_DARK_SECONDARY_7002,
|
|
1595
|
-
800: COLOR_DARK_SECONDARY_8002,
|
|
1596
|
-
900: COLOR_DARK_SECONDARY_9002
|
|
1597
|
-
},
|
|
1598
|
-
info: {
|
|
1599
|
-
0: COLOR_DARK_INFO_02,
|
|
1600
|
-
50: COLOR_DARK_INFO_502,
|
|
1601
|
-
100: COLOR_DARK_INFO_1002,
|
|
1602
|
-
200: COLOR_DARK_INFO_2002,
|
|
1603
|
-
300: COLOR_DARK_INFO_3002,
|
|
1604
|
-
400: COLOR_DARK_INFO_4002,
|
|
1605
|
-
500: COLOR_DARK_INFO_5002,
|
|
1606
|
-
600: COLOR_DARK_INFO_6002,
|
|
1607
|
-
700: COLOR_DARK_INFO_7002,
|
|
1608
|
-
800: COLOR_DARK_INFO_8002,
|
|
1609
|
-
900: COLOR_DARK_INFO_9002
|
|
1610
|
-
},
|
|
1611
|
-
warning: {
|
|
1612
|
-
0: COLOR_DARK_WARNING_02,
|
|
1613
|
-
50: COLOR_DARK_WARNING_502,
|
|
1614
|
-
100: COLOR_DARK_WARNING_1002,
|
|
1615
|
-
200: COLOR_DARK_WARNING_2002,
|
|
1616
|
-
300: COLOR_DARK_WARNING_3002,
|
|
1617
|
-
400: COLOR_DARK_WARNING_4002,
|
|
1618
|
-
500: COLOR_DARK_WARNING_5002,
|
|
1619
|
-
600: COLOR_DARK_WARNING_6002,
|
|
1620
|
-
700: COLOR_DARK_WARNING_7002,
|
|
1621
|
-
800: COLOR_DARK_WARNING_8002,
|
|
1622
|
-
900: COLOR_DARK_WARNING_9002
|
|
1623
|
-
},
|
|
1624
|
-
danger: {
|
|
1625
|
-
0: COLOR_DARK_DANGER_02,
|
|
1626
|
-
50: COLOR_DARK_DANGER_502,
|
|
1627
|
-
100: COLOR_DARK_DANGER_1002,
|
|
1628
|
-
200: COLOR_DARK_DANGER_2002,
|
|
1629
|
-
300: COLOR_DARK_DANGER_3002,
|
|
1630
|
-
400: COLOR_DARK_DANGER_4002,
|
|
1631
|
-
500: COLOR_DARK_DANGER_5002,
|
|
1632
|
-
600: COLOR_DARK_DANGER_6002,
|
|
1633
|
-
700: COLOR_DARK_DANGER_7002,
|
|
1634
|
-
800: COLOR_DARK_DANGER_8002,
|
|
1635
|
-
900: COLOR_DARK_DANGER_9002
|
|
1636
|
-
},
|
|
1637
|
-
success: {
|
|
1638
|
-
0: COLOR_DARK_SUCCESS_02,
|
|
1639
|
-
50: COLOR_DARK_SUCCESS_502,
|
|
1640
|
-
100: COLOR_DARK_SUCCESS_1002,
|
|
1641
|
-
200: COLOR_DARK_SUCCESS_2002,
|
|
1642
|
-
300: COLOR_DARK_SUCCESS_3002,
|
|
1643
|
-
400: COLOR_DARK_SUCCESS_4002,
|
|
1644
|
-
500: COLOR_DARK_SUCCESS_5002,
|
|
1645
|
-
600: COLOR_DARK_SUCCESS_6002,
|
|
1646
|
-
700: COLOR_DARK_SUCCESS_7002,
|
|
1647
|
-
800: COLOR_DARK_SUCCESS_8002,
|
|
1648
|
-
900: COLOR_DARK_SUCCESS_9002
|
|
1649
|
-
},
|
|
1650
|
-
neutral: {
|
|
1651
|
-
0: COLOR_DARK_NEUTRAL_02,
|
|
1652
|
-
50: COLOR_DARK_NEUTRAL_502,
|
|
1653
|
-
100: COLOR_DARK_NEUTRAL_1002,
|
|
1654
|
-
200: COLOR_DARK_NEUTRAL_2002,
|
|
1655
|
-
300: COLOR_DARK_NEUTRAL_3002,
|
|
1656
|
-
400: COLOR_DARK_NEUTRAL_4002,
|
|
1657
|
-
500: COLOR_DARK_NEUTRAL_5002,
|
|
1658
|
-
600: COLOR_DARK_NEUTRAL_6002,
|
|
1659
|
-
700: COLOR_DARK_NEUTRAL_7002,
|
|
1660
|
-
800: COLOR_DARK_NEUTRAL_8002,
|
|
1661
|
-
900: COLOR_DARK_NEUTRAL_9002
|
|
1662
|
-
}
|
|
1663
|
-
}
|
|
1664
|
-
},
|
|
1665
|
-
fontFamily: FONT_FAMILY3,
|
|
1666
|
-
typography: {
|
|
1667
|
-
headline1: {
|
|
1668
|
-
fontFamily: TYPOGRAPHY_HEADLINE1_FONT_FAMILY2,
|
|
1669
|
-
fontSize: TYPOGRAPHY_HEADLINE1_FONT_SIZE3,
|
|
1670
|
-
lineHeight: TYPOGRAPHY_HEADLINE1_LINE_HEIGHT3,
|
|
1671
|
-
fontWeight: TYPOGRAPHY_HEADLINE1_FONT_WEIGHT3,
|
|
1672
|
-
letterSpacing: TYPOGRAPHY_HEADLINE1_LETTER_SPACING3,
|
|
1673
|
-
textDecoration: TYPOGRAPHY_HEADLINE1_TEXT_DECORATION3,
|
|
1674
|
-
textTransform: TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM3
|
|
1675
|
-
},
|
|
1676
|
-
headline2: {
|
|
1677
|
-
fontFamily: TYPOGRAPHY_HEADLINE2_FONT_FAMILY2,
|
|
1678
|
-
fontSize: TYPOGRAPHY_HEADLINE2_FONT_SIZE3,
|
|
1679
|
-
lineHeight: TYPOGRAPHY_HEADLINE2_LINE_HEIGHT3,
|
|
1680
|
-
fontWeight: TYPOGRAPHY_HEADLINE2_FONT_WEIGHT3,
|
|
1681
|
-
letterSpacing: TYPOGRAPHY_HEADLINE2_LETTER_SPACING3,
|
|
1682
|
-
textDecoration: TYPOGRAPHY_HEADLINE2_TEXT_DECORATION3,
|
|
1683
|
-
textTransform: TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM3
|
|
1684
|
-
},
|
|
1685
|
-
headline3: {
|
|
1686
|
-
fontFamily: TYPOGRAPHY_HEADLINE3_FONT_FAMILY2,
|
|
1687
|
-
fontSize: TYPOGRAPHY_HEADLINE3_FONT_SIZE3,
|
|
1688
|
-
lineHeight: TYPOGRAPHY_HEADLINE3_LINE_HEIGHT3,
|
|
1689
|
-
fontWeight: TYPOGRAPHY_HEADLINE3_FONT_WEIGHT3,
|
|
1690
|
-
letterSpacing: TYPOGRAPHY_HEADLINE3_LETTER_SPACING3,
|
|
1691
|
-
textDecoration: TYPOGRAPHY_HEADLINE3_TEXT_DECORATION3,
|
|
1692
|
-
textTransform: TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM3
|
|
1693
|
-
},
|
|
1694
|
-
headline4: {
|
|
1695
|
-
fontFamily: TYPOGRAPHY_HEADLINE4_FONT_FAMILY2,
|
|
1696
|
-
fontSize: TYPOGRAPHY_HEADLINE4_FONT_SIZE3,
|
|
1697
|
-
lineHeight: TYPOGRAPHY_HEADLINE4_LINE_HEIGHT3,
|
|
1698
|
-
fontWeight: TYPOGRAPHY_HEADLINE4_FONT_WEIGHT3,
|
|
1699
|
-
letterSpacing: TYPOGRAPHY_HEADLINE4_LETTER_SPACING3,
|
|
1700
|
-
textDecoration: TYPOGRAPHY_HEADLINE4_TEXT_DECORATION3,
|
|
1701
|
-
textTransform: TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM3
|
|
1702
|
-
},
|
|
1703
|
-
headline5: {
|
|
1704
|
-
fontFamily: TYPOGRAPHY_HEADLINE5_FONT_FAMILY2,
|
|
1705
|
-
fontSize: TYPOGRAPHY_HEADLINE5_FONT_SIZE3,
|
|
1706
|
-
lineHeight: TYPOGRAPHY_HEADLINE5_LINE_HEIGHT3,
|
|
1707
|
-
fontWeight: TYPOGRAPHY_HEADLINE5_FONT_WEIGHT3,
|
|
1708
|
-
letterSpacing: TYPOGRAPHY_HEADLINE5_LETTER_SPACING3,
|
|
1709
|
-
textDecoration: TYPOGRAPHY_HEADLINE5_TEXT_DECORATION3,
|
|
1710
|
-
textTransform: TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM3
|
|
1711
|
-
},
|
|
1712
|
-
headline6: {
|
|
1713
|
-
fontFamily: TYPOGRAPHY_HEADLINE6_FONT_FAMILY2,
|
|
1714
|
-
fontSize: TYPOGRAPHY_HEADLINE6_FONT_SIZE3,
|
|
1715
|
-
lineHeight: TYPOGRAPHY_HEADLINE6_LINE_HEIGHT3,
|
|
1716
|
-
fontWeight: TYPOGRAPHY_HEADLINE6_FONT_WEIGHT3,
|
|
1717
|
-
letterSpacing: TYPOGRAPHY_HEADLINE6_LETTER_SPACING3,
|
|
1718
|
-
textDecoration: TYPOGRAPHY_HEADLINE6_TEXT_DECORATION3,
|
|
1719
|
-
textTransform: TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM3
|
|
1720
|
-
},
|
|
1721
|
-
subtitle1: {
|
|
1722
|
-
fontFamily: TYPOGRAPHY_SUBTITLE1_FONT_FAMILY2,
|
|
1723
|
-
fontSize: TYPOGRAPHY_SUBTITLE1_FONT_SIZE2,
|
|
1724
|
-
lineHeight: TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT2,
|
|
1725
|
-
fontWeight: TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT2,
|
|
1726
|
-
letterSpacing: TYPOGRAPHY_SUBTITLE1_LETTER_SPACING2,
|
|
1727
|
-
textDecoration: TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION2,
|
|
1728
|
-
textTransform: TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM2
|
|
1729
|
-
},
|
|
1730
|
-
subtitle2: {
|
|
1731
|
-
fontFamily: TYPOGRAPHY_SUBTITLE2_FONT_FAMILY2,
|
|
1732
|
-
fontSize: TYPOGRAPHY_SUBTITLE2_FONT_SIZE2,
|
|
1733
|
-
lineHeight: TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT2,
|
|
1734
|
-
fontWeight: TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT2,
|
|
1735
|
-
letterSpacing: TYPOGRAPHY_SUBTITLE2_LETTER_SPACING2,
|
|
1736
|
-
textDecoration: TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION2,
|
|
1737
|
-
textTransform: TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM2
|
|
1738
|
-
},
|
|
1739
|
-
body1: {
|
|
1740
|
-
fontFamily: TYPOGRAPHY_BODY1_FONT_FAMILY2,
|
|
1741
|
-
fontSize: TYPOGRAPHY_BODY1_FONT_SIZE2,
|
|
1742
|
-
lineHeight: TYPOGRAPHY_BODY1_LINE_HEIGHT2,
|
|
1743
|
-
fontWeight: TYPOGRAPHY_BODY1_FONT_WEIGHT2,
|
|
1744
|
-
letterSpacing: TYPOGRAPHY_BODY1_LETTER_SPACING2,
|
|
1745
|
-
textDecoration: TYPOGRAPHY_BODY1_TEXT_DECORATION2,
|
|
1746
|
-
textTransform: TYPOGRAPHY_BODY1_TEXT_TRANSFORM2
|
|
1747
|
-
},
|
|
1748
|
-
body2: {
|
|
1749
|
-
fontFamily: TYPOGRAPHY_BODY2_FONT_FAMILY2,
|
|
1750
|
-
fontSize: TYPOGRAPHY_BODY2_FONT_SIZE2,
|
|
1751
|
-
lineHeight: TYPOGRAPHY_BODY2_LINE_HEIGHT2,
|
|
1752
|
-
fontWeight: TYPOGRAPHY_BODY2_FONT_WEIGHT2,
|
|
1753
|
-
letterSpacing: TYPOGRAPHY_BODY2_LETTER_SPACING2,
|
|
1754
|
-
textDecoration: TYPOGRAPHY_BODY2_TEXT_DECORATION2,
|
|
1755
|
-
textTransform: TYPOGRAPHY_BODY2_TEXT_TRANSFORM2
|
|
1756
|
-
},
|
|
1757
|
-
caption: {
|
|
1758
|
-
fontFamily: TYPOGRAPHY_CAPTION_FONT_FAMILY2,
|
|
1759
|
-
fontSize: TYPOGRAPHY_CAPTION_FONT_SIZE2,
|
|
1760
|
-
lineHeight: TYPOGRAPHY_CAPTION_LINE_HEIGHT2,
|
|
1761
|
-
fontWeight: TYPOGRAPHY_CAPTION_FONT_WEIGHT2,
|
|
1762
|
-
letterSpacing: TYPOGRAPHY_CAPTION_LETTER_SPACING2,
|
|
1763
|
-
textDecoration: TYPOGRAPHY_CAPTION_TEXT_DECORATION2,
|
|
1764
|
-
textTransform: TYPOGRAPHY_CAPTION_TEXT_TRANSFORM2
|
|
1765
|
-
},
|
|
1766
|
-
overline: {
|
|
1767
|
-
fontFamily: TYPOGRAPHY_OVERLINE_FONT_FAMILY2,
|
|
1768
|
-
fontSize: TYPOGRAPHY_OVERLINE_FONT_SIZE2,
|
|
1769
|
-
lineHeight: TYPOGRAPHY_OVERLINE_LINE_HEIGHT2,
|
|
1770
|
-
fontWeight: TYPOGRAPHY_OVERLINE_FONT_WEIGHT2,
|
|
1771
|
-
letterSpacing: TYPOGRAPHY_OVERLINE_LETTER_SPACING2,
|
|
1772
|
-
textDecoration: TYPOGRAPHY_OVERLINE_TEXT_DECORATION2,
|
|
1773
|
-
textTransform: TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM2
|
|
1774
|
-
},
|
|
1775
|
-
button: {
|
|
1776
|
-
fontFamily: TYPOGRAPHY_BUTTON_FONT_FAMILY2,
|
|
1777
|
-
fontSize: TYPOGRAPHY_BUTTON_FONT_SIZE2,
|
|
1778
|
-
lineHeight: TYPOGRAPHY_BUTTON_LINE_HEIGHT2,
|
|
1779
|
-
fontWeight: TYPOGRAPHY_BUTTON_FONT_WEIGHT2,
|
|
1780
|
-
letterSpacing: TYPOGRAPHY_BUTTON_LETTER_SPACING2,
|
|
1781
|
-
textDecoration: TYPOGRAPHY_BUTTON_TEXT_DECORATION2,
|
|
1782
|
-
textTransform: TYPOGRAPHY_BUTTON_TEXT_TRANSFORM2
|
|
1783
|
-
}
|
|
1784
|
-
},
|
|
1785
|
-
layout: {
|
|
1786
|
-
radius: LAYOUT_RADIUS3,
|
|
1787
|
-
space: LAYOUT_SPACE3,
|
|
1788
|
-
thickness: LAYOUT_THICKNESS3
|
|
1789
|
-
},
|
|
1790
|
-
elevation: {
|
|
1791
|
-
light: {
|
|
1792
|
-
light: ELEVATION_LIGHT_LIGHT2,
|
|
1793
|
-
semilight: ELEVATION_LIGHT_SEMILIGHT2,
|
|
1794
|
-
regular: ELEVATION_LIGHT_REGULAR2,
|
|
1795
|
-
semibold: ELEVATION_LIGHT_SEMIBOLD2,
|
|
1796
|
-
bold: ELEVATION_LIGHT_BOLD2,
|
|
1797
|
-
extrabold: ELEVATION_LIGHT_EXTRABOLD2
|
|
1798
|
-
},
|
|
1799
|
-
dark: {
|
|
1800
|
-
light: ELEVATION_DARK_LIGHT2,
|
|
1801
|
-
semilight: ELEVATION_DARK_SEMILIGHT2,
|
|
1802
|
-
regular: ELEVATION_DARK_REGULAR2,
|
|
1803
|
-
semibold: ELEVATION_DARK_SEMIBOLD2,
|
|
1804
|
-
bold: ELEVATION_DARK_BOLD2,
|
|
1805
|
-
extrabold: ELEVATION_DARK_EXTRABOLD2
|
|
1806
|
-
}
|
|
1807
|
-
}
|
|
1808
|
-
});
|
|
1809
|
-
MemphisTheme2.MEMPHIS_THEME_PALETTES = [
|
|
1810
|
-
VARIANT_PRIMARY2,
|
|
1811
|
-
VARIANT_SECONDARY2,
|
|
1812
|
-
VARIANT_DANGER2,
|
|
1813
|
-
VARIANT_INFO2,
|
|
1814
|
-
VARIANT_NEUTRAL2,
|
|
1815
|
-
VARIANT_SUCCESS2,
|
|
1816
|
-
VARIANT_WARNING2
|
|
1817
|
-
];
|
|
1818
|
-
MemphisTheme2.MEMPHIS_THEME_PALETTE_VARIANTS = [
|
|
1819
|
-
"0",
|
|
1820
|
-
"50",
|
|
1821
|
-
"100",
|
|
1822
|
-
"200",
|
|
1823
|
-
"300",
|
|
1824
|
-
"400",
|
|
1825
|
-
"500",
|
|
1826
|
-
"600",
|
|
1827
|
-
"700",
|
|
1828
|
-
"800",
|
|
1829
|
-
"900"
|
|
1830
|
-
];
|
|
1831
|
-
MemphisTheme2.MEMPHIS_THEME_SCHEMES = [
|
|
1832
|
-
"light",
|
|
1833
|
-
"dark"
|
|
1834
|
-
];
|
|
1835
|
-
MemphisTheme2.MEMPHIS_THEME_SCHEME_VARIANTS = [
|
|
1836
|
-
"background",
|
|
1837
|
-
"foreground",
|
|
1838
|
-
"highlight",
|
|
1839
|
-
"middlelight",
|
|
1840
|
-
"lowlight",
|
|
1841
|
-
"transparent",
|
|
1842
|
-
"semiTransparent",
|
|
1843
|
-
"disabled",
|
|
1844
|
-
"contrast"
|
|
1845
|
-
];
|
|
1846
|
-
MemphisTheme2.MEMPHIS_THEME_ELEVATION = [
|
|
1847
|
-
"light",
|
|
1848
|
-
"dark"
|
|
1849
|
-
];
|
|
1850
|
-
MemphisTheme2.MEMPHIS_THEME_ELEVATION_VARIANTS = [
|
|
1851
|
-
ELEVATION_KEY_LIGHT2,
|
|
1852
|
-
ELEVATION_KEY_SEMILIGHT2,
|
|
1853
|
-
ELEVATION_KEY_REGULAR2,
|
|
1854
|
-
ELEVATION_KEY_SEMIBOLD2,
|
|
1855
|
-
ELEVATION_KEY_BOLD2,
|
|
1856
|
-
ELEVATION_KEY_EXTRABOLD2
|
|
1857
|
-
];
|
|
1858
|
-
MemphisTheme2.MEMPHIS_THEME_TYPOGRAPHY = [
|
|
1859
|
-
TYPOGRAPHY_KEY_HEADLINE12,
|
|
1860
|
-
TYPOGRAPHY_KEY_HEADLINE22,
|
|
1861
|
-
TYPOGRAPHY_KEY_HEADLINE32,
|
|
1862
|
-
TYPOGRAPHY_KEY_HEADLINE42,
|
|
1863
|
-
TYPOGRAPHY_KEY_HEADLINE52,
|
|
1864
|
-
TYPOGRAPHY_KEY_HEADLINE62,
|
|
1865
|
-
TYPOGRAPHY_KEY_SUBTITLE12,
|
|
1866
|
-
TYPOGRAPHY_KEY_SUBTITLE22,
|
|
1867
|
-
TYPOGRAPHY_KEY_BODY12,
|
|
1868
|
-
TYPOGRAPHY_KEY_BODY22,
|
|
1869
|
-
TYPOGRAPHY_KEY_CAPTION2,
|
|
1870
|
-
TYPOGRAPHY_KEY_OVERLINE2,
|
|
1871
|
-
TYPOGRAPHY_KEY_BUTTON2
|
|
1872
|
-
];
|
|
1873
|
-
MemphisTheme2.MEMPHIS_THEME_METADATA = {
|
|
1874
|
-
theme: MemphisTheme2.MEMPHIS_THEME,
|
|
1875
|
-
palettes: MemphisTheme2.MEMPHIS_THEME_PALETTES,
|
|
1876
|
-
paletteVariants: MemphisTheme2.MEMPHIS_THEME_PALETTE_VARIANTS,
|
|
1877
|
-
schemes: MemphisTheme2.MEMPHIS_THEME_SCHEMES,
|
|
1878
|
-
schemeVariants: MemphisTheme2.MEMPHIS_THEME_SCHEME_VARIANTS,
|
|
1879
|
-
elevation: MemphisTheme2.MEMPHIS_THEME_ELEVATION,
|
|
1880
|
-
elevationVariants: MemphisTheme2.MEMPHIS_THEME_ELEVATION_VARIANTS,
|
|
1881
|
-
typographies: MemphisTheme2.MEMPHIS_THEME_TYPOGRAPHY
|
|
1882
|
-
};
|
|
1883
|
-
})(exports.MemphisTheme || (exports.MemphisTheme = {}));
|
|
1884
|
-
exports.MemphisTheme = void 0;
|
|
1885
|
-
|
|
1886
|
-
// src/Theming/Tokens/CosmopolitanTokens.ts
|
|
1887
|
-
var NAME4 = "cosmopolitan";
|
|
1888
|
-
var FONT_FAMILY4 = "'Noto Sans', sans-serif";
|
|
1889
|
-
var LAYOUT_RADIUS4 = "3px";
|
|
1890
|
-
var LAYOUT_SPACE4 = "8px";
|
|
1891
|
-
var LAYOUT_THICKNESS4 = "1px";
|
|
1892
|
-
var SCHEME_LIGHT_CONTRAST3 = "#ffffff";
|
|
1893
|
-
var SCHEME_LIGHT_BACKGROUND3 = "#ffffff";
|
|
1894
|
-
var SCHEME_LIGHT_FOREGROUND3 = "#000000";
|
|
1895
|
-
var SCHEME_LIGHT_HIGHLIGHT3 = "#e2e2e2";
|
|
1896
|
-
var SCHEME_LIGHT_MIDDLELIGHT3 = "#777777";
|
|
1897
|
-
var SCHEME_LIGHT_LOWLIGHT3 = "#4d4d4d";
|
|
1898
|
-
var SCHEME_LIGHT_TRANSPARENT3 = "rgba(255, 255, 255, 0)";
|
|
1899
|
-
var SCHEME_LIGHT_SEMI_TRANSPARENT3 = "rgba(255, 255, 255, 0.67)";
|
|
1900
|
-
var SCHEME_LIGHT_DISABLED3 = "#b8b5b2";
|
|
1901
|
-
var SCHEME_DARK_CONTRAST3 = "#ffffff";
|
|
1902
|
-
var SCHEME_DARK_BACKGROUND3 = "#2e2d2d";
|
|
1903
|
-
var SCHEME_DARK_FOREGROUND3 = "#ffffff";
|
|
1904
|
-
var SCHEME_DARK_HIGHLIGHT3 = "#333333";
|
|
1905
|
-
var SCHEME_DARK_MIDDLELIGHT3 = "#666666";
|
|
1906
|
-
var SCHEME_DARK_LOWLIGHT3 = "#999999";
|
|
1907
|
-
var SCHEME_DARK_TRANSPARENT3 = "rgba(23, 23, 23, 0)";
|
|
1908
|
-
var SCHEME_DARK_SEMI_TRANSPARENT3 = "rgba(23, 23, 23, 0.67)";
|
|
1909
|
-
var SCHEME_DARK_DISABLED3 = "#5c5956";
|
|
1910
|
-
var COLOR_LIGHT_PRIMARY_03 = "#ffffff";
|
|
1911
|
-
var COLOR_LIGHT_PRIMARY_1004 = "#fed7ea";
|
|
1912
|
-
var COLOR_LIGHT_PRIMARY_5004 = "#dc1884";
|
|
1913
|
-
var COLOR_DARK_PRIMARY_03 = "#000000";
|
|
1914
|
-
var COLOR_DARK_PRIMARY_1003 = "#4b0225";
|
|
1915
|
-
var COLOR_DARK_PRIMARY_5003 = "#dc1884";
|
|
1916
|
-
var TYPOGRAPHY_HEADING_FONT_FAMILY = "'Noto Sans', sans-serif";
|
|
1917
|
-
var TYPOGRAPHY_HEADING_FONT_SIZE = "24px";
|
|
1918
|
-
var TYPOGRAPHY_HEADING_LINE_HEIGHT = "28px";
|
|
1919
|
-
var TYPOGRAPHY_HEADING_FONT_WEIGHT = "300";
|
|
1920
|
-
var TYPOGRAPHY_HEADING_LETTER_SPACING = "-0.25px";
|
|
1921
|
-
var TYPOGRAPHY_HEADING_TEXT_DECORATION = "none";
|
|
1922
|
-
var TYPOGRAPHY_HEADING_TEXT_TRANSFORM = "none";
|
|
1923
|
-
var TYPOGRAPHY_CONTENT_FONT_FAMILY = "'Noto Sans', sans-serif";
|
|
1924
|
-
var TYPOGRAPHY_CONTENT_FONT_SIZE = "16px";
|
|
1925
|
-
var TYPOGRAPHY_CONTENT_LINE_HEIGHT = "20px";
|
|
1926
|
-
var TYPOGRAPHY_CONTENT_FONT_WEIGHT = "300";
|
|
1927
|
-
var TYPOGRAPHY_CONTENT_LETTER_SPACING = "-0.25px";
|
|
1928
|
-
var TYPOGRAPHY_CONTENT_TEXT_DECORATION = "none";
|
|
1929
|
-
var TYPOGRAPHY_CONTENT_TEXT_TRANSFORM = "none";
|
|
1930
|
-
var TYPOGRAPHY_BUTTON_FONT_FAMILY3 = "'Noto Sans', sans-serif";
|
|
1931
|
-
var TYPOGRAPHY_BUTTON_FONT_SIZE3 = "16px";
|
|
1932
|
-
var TYPOGRAPHY_BUTTON_LINE_HEIGHT3 = "20px";
|
|
1933
|
-
var TYPOGRAPHY_BUTTON_FONT_WEIGHT3 = "700";
|
|
1934
|
-
var TYPOGRAPHY_BUTTON_LETTER_SPACING3 = "-0.25px";
|
|
1935
|
-
var TYPOGRAPHY_BUTTON_TEXT_DECORATION3 = "none";
|
|
1936
|
-
var TYPOGRAPHY_BUTTON_TEXT_TRANSFORM3 = "uppercase";
|
|
1937
|
-
var ELEVATION_NONE2 = "none";
|
|
1938
|
-
var ELEVATION_LIGHT_LIGHT3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)";
|
|
1939
|
-
var ELEVATION_LIGHT_SEMILIGHT3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)";
|
|
1940
|
-
var ELEVATION_LIGHT_REGULAR3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)";
|
|
1941
|
-
var ELEVATION_LIGHT_SEMIBOLD3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)";
|
|
1942
|
-
var ELEVATION_LIGHT_BOLD3 = "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)";
|
|
1943
|
-
var ELEVATION_LIGHT_EXTRABOLD3 = "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)";
|
|
1944
|
-
var ELEVATION_DARK_LIGHT3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)";
|
|
1945
|
-
var ELEVATION_DARK_SEMILIGHT3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)";
|
|
1946
|
-
var ELEVATION_DARK_REGULAR3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)";
|
|
1947
|
-
var ELEVATION_DARK_SEMIBOLD3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)";
|
|
1948
|
-
var ELEVATION_DARK_BOLD3 = "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)";
|
|
1949
|
-
var ELEVATION_DARK_EXTRABOLD3 = "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)";
|
|
1950
|
-
var TYPOGRAPHY_KEY_HEADING = "heading";
|
|
1951
|
-
var TYPOGRAPHY_KEY_CONTENT = "content";
|
|
1952
|
-
var TYPOGRAPHY_KEY_BUTTON3 = "button";
|
|
1953
|
-
var ELEVATION_KEY_LIGHT3 = "light";
|
|
1954
|
-
var ELEVATION_KEY_SEMILIGHT3 = "semilight";
|
|
1955
|
-
var ELEVATION_KEY_REGULAR3 = "regular";
|
|
1956
|
-
var ELEVATION_KEY_SEMIBOLD3 = "semibold";
|
|
1957
|
-
var ELEVATION_KEY_BOLD3 = "bold";
|
|
1958
|
-
var ELEVATION_KEY_EXTRABOLD3 = "extrabold";
|
|
1959
|
-
var VARIANT_PRIMARY3 = "primary";
|
|
1960
|
-
var VARIANT_SECONDARY3 = "secondary";
|
|
1961
|
-
var VARIANT_TERTIARY2 = "tertiary";
|
|
1962
|
-
|
|
1963
|
-
// src/Theming/CosmopolitanTheme.ts
|
|
1964
|
-
(function(CosmopolitanTheme2) {
|
|
1965
|
-
CosmopolitanTheme2.COSMOPOLITAN_THEME = ThemeFactory.create({
|
|
1966
|
-
name: NAME4,
|
|
1967
|
-
scheme: {
|
|
1968
|
-
light: {
|
|
1969
|
-
contrast: SCHEME_LIGHT_CONTRAST3,
|
|
1970
|
-
background: SCHEME_LIGHT_BACKGROUND3,
|
|
1971
|
-
foreground: SCHEME_LIGHT_FOREGROUND3,
|
|
1972
|
-
highlight: SCHEME_LIGHT_HIGHLIGHT3,
|
|
1973
|
-
middlelight: SCHEME_LIGHT_MIDDLELIGHT3,
|
|
1974
|
-
lowlight: SCHEME_LIGHT_LOWLIGHT3,
|
|
1975
|
-
transparent: SCHEME_LIGHT_TRANSPARENT3,
|
|
1976
|
-
semiTransparent: SCHEME_LIGHT_SEMI_TRANSPARENT3,
|
|
1977
|
-
disabled: SCHEME_LIGHT_DISABLED3
|
|
1978
|
-
},
|
|
1979
|
-
dark: {
|
|
1980
|
-
contrast: SCHEME_DARK_CONTRAST3,
|
|
1981
|
-
background: SCHEME_DARK_BACKGROUND3,
|
|
1982
|
-
foreground: SCHEME_DARK_FOREGROUND3,
|
|
1983
|
-
highlight: SCHEME_DARK_HIGHLIGHT3,
|
|
1984
|
-
middlelight: SCHEME_DARK_MIDDLELIGHT3,
|
|
1985
|
-
lowlight: SCHEME_DARK_LOWLIGHT3,
|
|
1986
|
-
transparent: SCHEME_DARK_TRANSPARENT3,
|
|
1987
|
-
semiTransparent: SCHEME_DARK_SEMI_TRANSPARENT3,
|
|
1988
|
-
disabled: SCHEME_DARK_DISABLED3
|
|
1989
|
-
}
|
|
1990
|
-
},
|
|
1991
|
-
palette: {
|
|
1992
|
-
light: {
|
|
1993
|
-
primary: {
|
|
1994
|
-
0: COLOR_LIGHT_PRIMARY_03,
|
|
1995
|
-
100: COLOR_LIGHT_PRIMARY_1004,
|
|
1996
|
-
500: COLOR_LIGHT_PRIMARY_5004
|
|
1997
|
-
},
|
|
1998
|
-
secondary: {},
|
|
1999
|
-
tertiary: {}
|
|
2000
|
-
},
|
|
2001
|
-
dark: {
|
|
2002
|
-
primary: {
|
|
2003
|
-
0: COLOR_DARK_PRIMARY_03,
|
|
2004
|
-
100: COLOR_DARK_PRIMARY_1003,
|
|
2005
|
-
500: COLOR_DARK_PRIMARY_5003
|
|
2006
|
-
},
|
|
2007
|
-
secondary: {},
|
|
2008
|
-
tertiary: {}
|
|
2009
|
-
}
|
|
2010
|
-
},
|
|
2011
|
-
fontFamily: FONT_FAMILY4,
|
|
2012
|
-
typography: {
|
|
2013
|
-
heading: {
|
|
2014
|
-
fontFamily: TYPOGRAPHY_HEADING_FONT_FAMILY,
|
|
2015
|
-
fontSize: TYPOGRAPHY_HEADING_FONT_SIZE,
|
|
2016
|
-
lineHeight: TYPOGRAPHY_HEADING_LINE_HEIGHT,
|
|
2017
|
-
fontWeight: TYPOGRAPHY_HEADING_FONT_WEIGHT,
|
|
2018
|
-
letterSpacing: TYPOGRAPHY_HEADING_LETTER_SPACING,
|
|
2019
|
-
textDecoration: TYPOGRAPHY_HEADING_TEXT_DECORATION,
|
|
2020
|
-
textTransform: TYPOGRAPHY_HEADING_TEXT_TRANSFORM
|
|
2021
|
-
},
|
|
2022
|
-
content: {
|
|
2023
|
-
fontFamily: TYPOGRAPHY_CONTENT_FONT_FAMILY,
|
|
2024
|
-
fontSize: TYPOGRAPHY_CONTENT_FONT_SIZE,
|
|
2025
|
-
lineHeight: TYPOGRAPHY_CONTENT_LINE_HEIGHT,
|
|
2026
|
-
fontWeight: TYPOGRAPHY_CONTENT_FONT_WEIGHT,
|
|
2027
|
-
letterSpacing: TYPOGRAPHY_CONTENT_LETTER_SPACING,
|
|
2028
|
-
textDecoration: TYPOGRAPHY_CONTENT_TEXT_DECORATION,
|
|
2029
|
-
textTransform: TYPOGRAPHY_CONTENT_TEXT_TRANSFORM
|
|
2030
|
-
},
|
|
2031
|
-
button: {
|
|
2032
|
-
fontFamily: TYPOGRAPHY_BUTTON_FONT_FAMILY3,
|
|
2033
|
-
fontSize: TYPOGRAPHY_BUTTON_FONT_SIZE3,
|
|
2034
|
-
lineHeight: TYPOGRAPHY_BUTTON_LINE_HEIGHT3,
|
|
2035
|
-
fontWeight: TYPOGRAPHY_BUTTON_FONT_WEIGHT3,
|
|
2036
|
-
letterSpacing: TYPOGRAPHY_BUTTON_LETTER_SPACING3,
|
|
2037
|
-
textDecoration: TYPOGRAPHY_BUTTON_TEXT_DECORATION3,
|
|
2038
|
-
textTransform: TYPOGRAPHY_BUTTON_TEXT_TRANSFORM3
|
|
2039
|
-
}
|
|
2040
|
-
},
|
|
2041
|
-
layout: {
|
|
2042
|
-
radius: LAYOUT_RADIUS4,
|
|
2043
|
-
space: LAYOUT_SPACE4,
|
|
2044
|
-
thickness: LAYOUT_THICKNESS4
|
|
2045
|
-
},
|
|
2046
|
-
elevation: {
|
|
2047
|
-
light: {
|
|
2048
|
-
light: ELEVATION_LIGHT_LIGHT3,
|
|
2049
|
-
semilight: ELEVATION_LIGHT_SEMILIGHT3,
|
|
2050
|
-
regular: ELEVATION_LIGHT_REGULAR3,
|
|
2051
|
-
semibold: ELEVATION_LIGHT_SEMIBOLD3,
|
|
2052
|
-
bold: ELEVATION_LIGHT_BOLD3,
|
|
2053
|
-
extrabold: ELEVATION_LIGHT_EXTRABOLD3,
|
|
2054
|
-
none: ELEVATION_NONE2
|
|
2055
|
-
},
|
|
2056
|
-
dark: {
|
|
2057
|
-
light: ELEVATION_DARK_LIGHT3,
|
|
2058
|
-
semilight: ELEVATION_DARK_SEMILIGHT3,
|
|
2059
|
-
regular: ELEVATION_DARK_REGULAR3,
|
|
2060
|
-
semibold: ELEVATION_DARK_SEMIBOLD3,
|
|
2061
|
-
bold: ELEVATION_DARK_BOLD3,
|
|
2062
|
-
extrabold: ELEVATION_DARK_EXTRABOLD3,
|
|
2063
|
-
none: ELEVATION_NONE2
|
|
2064
|
-
}
|
|
2065
|
-
}
|
|
2066
|
-
});
|
|
2067
|
-
CosmopolitanTheme2.COSMOPOLITAN_THEME_PALETTES = [
|
|
2068
|
-
VARIANT_PRIMARY3,
|
|
2069
|
-
VARIANT_SECONDARY3,
|
|
2070
|
-
VARIANT_TERTIARY2
|
|
2071
|
-
];
|
|
2072
|
-
CosmopolitanTheme2.COSMOPOLITAN_THEME_PALETTE_VARIANTS = [
|
|
2073
|
-
"0",
|
|
2074
|
-
"100",
|
|
2075
|
-
"500"
|
|
2076
|
-
];
|
|
2077
|
-
CosmopolitanTheme2.COSMOPOLITAN_THEME_SCHEMES = [
|
|
2078
|
-
"light",
|
|
2079
|
-
"dark"
|
|
2080
|
-
];
|
|
2081
|
-
CosmopolitanTheme2.COSMOPOLITAN_THEME_SCHEME_VARIANTS = [
|
|
2082
|
-
"background",
|
|
2083
|
-
"foreground",
|
|
2084
|
-
"highlight",
|
|
2085
|
-
"middlelight",
|
|
2086
|
-
"lowlight",
|
|
2087
|
-
"transparent",
|
|
2088
|
-
"semiTransparent",
|
|
2089
|
-
"disabled",
|
|
2090
|
-
"contrast"
|
|
2091
|
-
];
|
|
2092
|
-
CosmopolitanTheme2.COSMOPOLITAN_THEME_ELEVATION = [
|
|
2093
|
-
"light",
|
|
2094
|
-
"dark"
|
|
2095
|
-
];
|
|
2096
|
-
CosmopolitanTheme2.COSMOPOLITAN_THEME_ELEVATION_VARIANTS = [
|
|
2097
|
-
ELEVATION_KEY_LIGHT3,
|
|
2098
|
-
ELEVATION_KEY_SEMILIGHT3,
|
|
2099
|
-
ELEVATION_KEY_REGULAR3,
|
|
2100
|
-
ELEVATION_KEY_SEMIBOLD3,
|
|
2101
|
-
ELEVATION_KEY_BOLD3,
|
|
2102
|
-
ELEVATION_KEY_EXTRABOLD3
|
|
2103
|
-
];
|
|
2104
|
-
CosmopolitanTheme2.COSMOPOLITAN_THEME_TYPOGRAPHY = [
|
|
2105
|
-
TYPOGRAPHY_KEY_HEADING,
|
|
2106
|
-
TYPOGRAPHY_KEY_CONTENT,
|
|
2107
|
-
TYPOGRAPHY_KEY_BUTTON3
|
|
2108
|
-
];
|
|
2109
|
-
CosmopolitanTheme2.COSMOPOLITAN_THEME_METADATA = {
|
|
2110
|
-
theme: CosmopolitanTheme2.COSMOPOLITAN_THEME,
|
|
2111
|
-
palettes: CosmopolitanTheme2.COSMOPOLITAN_THEME_PALETTES,
|
|
2112
|
-
paletteVariants: CosmopolitanTheme2.COSMOPOLITAN_THEME_PALETTE_VARIANTS,
|
|
2113
|
-
schemes: CosmopolitanTheme2.COSMOPOLITAN_THEME_SCHEMES,
|
|
2114
|
-
schemeVariants: CosmopolitanTheme2.COSMOPOLITAN_THEME_SCHEME_VARIANTS,
|
|
2115
|
-
elevation: CosmopolitanTheme2.COSMOPOLITAN_THEME_ELEVATION,
|
|
2116
|
-
elevationVariants: CosmopolitanTheme2.COSMOPOLITAN_THEME_ELEVATION_VARIANTS,
|
|
2117
|
-
typographies: CosmopolitanTheme2.COSMOPOLITAN_THEME_TYPOGRAPHY
|
|
2118
|
-
};
|
|
2119
|
-
})(exports.CosmopolitanTheme || (exports.CosmopolitanTheme = {}));
|
|
2120
|
-
exports.CosmopolitanTheme = void 0;
|
|
2121
|
-
|
|
2122
|
-
// src/Theming/Utils/CssAspectRatio.ts
|
|
2123
|
-
(function(CssAspectRatio2) {
|
|
2124
|
-
function isCssAspectRatio(value) {
|
|
2125
|
-
if (typeof value === "string") {
|
|
2126
|
-
if (value.trim() === "") {
|
|
2127
|
-
return false;
|
|
2128
|
-
}
|
|
2129
|
-
if (value === "auto") {
|
|
2130
|
-
return true;
|
|
2131
|
-
}
|
|
2132
|
-
const ratioParts = value.split("/");
|
|
2133
|
-
if (ratioParts.length === 1) {
|
|
2134
|
-
return !isNaN(Number(ratioParts[0])) && Number(ratioParts[0]) >= 0;
|
|
2135
|
-
}
|
|
2136
|
-
if (ratioParts.length === 2) {
|
|
2137
|
-
return !isNaN(Number(ratioParts[0])) && Number(ratioParts[0]) >= 0 && !isNaN(Number(ratioParts[1])) && Number(ratioParts[1]) >= 0;
|
|
2138
|
-
}
|
|
2139
|
-
}
|
|
2140
|
-
return false;
|
|
2141
|
-
}
|
|
2142
|
-
__name(isCssAspectRatio, "isCssAspectRatio");
|
|
2143
|
-
CssAspectRatio2.isCssAspectRatio = isCssAspectRatio;
|
|
2144
|
-
})(exports.CssAspectRatio || (exports.CssAspectRatio = {}));
|
|
2145
|
-
exports.CssAspectRatio = void 0;
|
|
2146
|
-
|
|
2147
|
-
// src/Theming/Utils/CssColor.ts
|
|
2148
|
-
(function(CssColor2) {
|
|
2149
|
-
function isCssColor(value) {
|
|
2150
|
-
if (typeof value !== "string") {
|
|
2151
|
-
return false;
|
|
2152
|
-
}
|
|
2153
|
-
if (value.trim() === "") {
|
|
2154
|
-
return false;
|
|
2155
|
-
}
|
|
2156
|
-
const rgbRegex = /^rgb\(\d{1,3},\s*\d{1,3},\s*\d{1,3}\)$/;
|
|
2157
|
-
const rgbaRegex = /^rgba\(\d{1,3},\s*\d{1,3},\s*\d{1,3},\s*(0(\.\d+)?|1(\.0+)?)\)$/;
|
|
2158
|
-
const hexRegex = /^#[0-9a-fA-F]{3,6}$/;
|
|
2159
|
-
return rgbRegex.test(value) || rgbaRegex.test(value) || hexRegex.test(value);
|
|
2160
|
-
}
|
|
2161
|
-
__name(isCssColor, "isCssColor");
|
|
2162
|
-
CssColor2.isCssColor = isCssColor;
|
|
2163
|
-
})(exports.CssColor || (exports.CssColor = {}));
|
|
2164
|
-
exports.CssColor = void 0;
|
|
2165
|
-
|
|
2166
|
-
// src/Theming/Utils/CssLength.ts
|
|
2167
|
-
(function(CssLength2) {
|
|
2168
|
-
function isCssLength(value) {
|
|
2169
|
-
if (typeof value === "number" || value === "auto") {
|
|
2170
|
-
return true;
|
|
2171
|
-
}
|
|
2172
|
-
if (typeof value !== "string") {
|
|
2173
|
-
return false;
|
|
2174
|
-
}
|
|
2175
|
-
if (value.trim() === "") {
|
|
2176
|
-
return false;
|
|
2177
|
-
}
|
|
2178
|
-
const lengthRegex = /^-?\d+(\.\d+)?(em|ex|ch|rem|vh|vw|vmin|vmax|px|mm|cm|in|pt|pc|mozmm|%)/;
|
|
2179
|
-
return lengthRegex.test(value);
|
|
2180
|
-
}
|
|
2181
|
-
__name(isCssLength, "isCssLength");
|
|
2182
|
-
CssLength2.isCssLength = isCssLength;
|
|
2183
|
-
function isAuto(value) {
|
|
2184
|
-
return value === "auto";
|
|
2185
|
-
}
|
|
2186
|
-
__name(isAuto, "isAuto");
|
|
2187
|
-
CssLength2.isAuto = isAuto;
|
|
2188
|
-
function isPercentage(value) {
|
|
2189
|
-
if (typeof value !== "string") {
|
|
2190
|
-
return false;
|
|
2191
|
-
}
|
|
2192
|
-
if (value.trim() === "") {
|
|
2193
|
-
return false;
|
|
2194
|
-
}
|
|
2195
|
-
const percentageRegex = /^-?\d+(\.\d+)?%/;
|
|
2196
|
-
return percentageRegex.test(value);
|
|
2197
|
-
}
|
|
2198
|
-
__name(isPercentage, "isPercentage");
|
|
2199
|
-
CssLength2.isPercentage = isPercentage;
|
|
2200
|
-
function isLength(value) {
|
|
2201
|
-
if (typeof value !== "string") {
|
|
2202
|
-
return false;
|
|
2203
|
-
}
|
|
2204
|
-
if (value.trim() === "") {
|
|
2205
|
-
return false;
|
|
2206
|
-
}
|
|
2207
|
-
const lengthRegex = /^-?\d+(\.\d+)?(em|ex|ch|rem|vh|vw|vmin|vmax|px|mm|cm|in|pt|pc|mozmm)/;
|
|
2208
|
-
return lengthRegex.test(value);
|
|
2209
|
-
}
|
|
2210
|
-
__name(isLength, "isLength");
|
|
2211
|
-
CssLength2.isLength = isLength;
|
|
2212
|
-
function toNumber(value) {
|
|
2213
|
-
if (typeof value === "number") {
|
|
2214
|
-
return value;
|
|
2215
|
-
}
|
|
2216
|
-
if (value === "auto") {
|
|
2217
|
-
throw new Error('Cannot convert "auto" to a number.');
|
|
2218
|
-
}
|
|
2219
|
-
const match = /^-?\d*\.?\d+/.exec(value);
|
|
2220
|
-
if (!match) {
|
|
2221
|
-
throw new Error(`Invalid CSS length: ${value}`);
|
|
2222
|
-
}
|
|
2223
|
-
return parseFloat(match[0]);
|
|
2224
|
-
}
|
|
2225
|
-
__name(toNumber, "toNumber");
|
|
2226
|
-
CssLength2.toNumber = toNumber;
|
|
2227
|
-
function extractUnit(cssLength) {
|
|
2228
|
-
const match = /[a-z%]+$/i.exec(cssLength);
|
|
2229
|
-
const lengt = match ? match[0] : null;
|
|
2230
|
-
if (lengt === null) {
|
|
2231
|
-
throw new Error(`Invalid value: ${cssLength}`);
|
|
2232
|
-
}
|
|
2233
|
-
return lengt;
|
|
2234
|
-
}
|
|
2235
|
-
__name(extractUnit, "extractUnit");
|
|
2236
|
-
CssLength2.extractUnit = extractUnit;
|
|
2237
|
-
function extractValue(cssLength) {
|
|
2238
|
-
const match = /^-?\d*\.?\d+/.exec(cssLength);
|
|
2239
|
-
const value = match ? parseFloat(match[0]) : null;
|
|
2240
|
-
if (value === null) {
|
|
2241
|
-
throw new Error(`Invalid value: ${cssLength}`);
|
|
2242
|
-
}
|
|
2243
|
-
return value;
|
|
2244
|
-
}
|
|
2245
|
-
__name(extractValue, "extractValue");
|
|
2246
|
-
CssLength2.extractValue = extractValue;
|
|
2247
|
-
function pxToRem(pixel) {
|
|
2248
|
-
const value = extractValue(pixel);
|
|
2249
|
-
const baseSize = 16;
|
|
2250
|
-
const sizeInRem = `${value / baseSize}rem`;
|
|
2251
|
-
return sizeInRem;
|
|
2252
|
-
}
|
|
2253
|
-
__name(pxToRem, "pxToRem");
|
|
2254
|
-
CssLength2.pxToRem = pxToRem;
|
|
2255
|
-
function tryParse(value, defaultUnit = "px") {
|
|
2256
|
-
if (value === void 0 || value === null) {
|
|
2257
|
-
return void 0;
|
|
2258
|
-
}
|
|
2259
|
-
if (typeof value === "string") {
|
|
2260
|
-
if (isLength(value)) {
|
|
2261
|
-
return value;
|
|
2262
|
-
}
|
|
2263
|
-
if (value.trim() === "") {
|
|
2264
|
-
return void 0;
|
|
2265
|
-
}
|
|
2266
|
-
return `${value}${defaultUnit}`;
|
|
2267
|
-
}
|
|
2268
|
-
if (typeof value === "number") {
|
|
2269
|
-
return `${String(value)}${defaultUnit}`;
|
|
2270
|
-
}
|
|
2271
|
-
return void 0;
|
|
2272
|
-
}
|
|
2273
|
-
__name(tryParse, "tryParse");
|
|
2274
|
-
CssLength2.tryParse = tryParse;
|
|
2275
|
-
})(exports.CssLength || (exports.CssLength = {}));
|
|
2276
|
-
exports.CssLength = void 0;
|
|
2277
|
-
|
|
2278
|
-
// src/Theming/Utils/CssShadow.ts
|
|
2279
|
-
(function(CssShadow2) {
|
|
2280
|
-
function isCssShadow(value) {
|
|
2281
|
-
if (typeof value !== "string") {
|
|
2282
|
-
return false;
|
|
2283
|
-
}
|
|
2284
|
-
if (value.trim() === "") {
|
|
2285
|
-
return false;
|
|
2286
|
-
}
|
|
2287
|
-
if (value === "none") {
|
|
2288
|
-
return true;
|
|
2289
|
-
}
|
|
2290
|
-
const shadows = value.split(/\s*,\s*/);
|
|
2291
|
-
return shadows.every(isCssShadowSingle);
|
|
2292
|
-
}
|
|
2293
|
-
__name(isCssShadow, "isCssShadow");
|
|
2294
|
-
CssShadow2.isCssShadow = isCssShadow;
|
|
2295
|
-
function isCssShadowSingle(value) {
|
|
2296
|
-
const shadowRegex = new RegExp("^(inset\\s+)?(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)\\s+(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)\\s+(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)?\\s*(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)?\\s*(rgba?\\(\\d{1,3},\\s*\\d{1,3},\\s*\\d{1,3}(,\\s*(0|1|0?\\.\\d+))?\\)|#[0-9a-fA-F]{3,6})$", "i");
|
|
2297
|
-
return shadowRegex.test(value);
|
|
2298
|
-
}
|
|
2299
|
-
__name(isCssShadowSingle, "isCssShadowSingle");
|
|
2300
|
-
})(exports.CssShadow || (exports.CssShadow = {}));
|
|
2301
|
-
exports.CssShadow = void 0;
|
|
2302
|
-
|
|
2303
|
-
// src/Theming/Utils/CssTime.ts
|
|
2304
|
-
(function(CssTime2) {
|
|
2305
|
-
function isCssTime(value) {
|
|
2306
|
-
if (typeof value === "number" || value === 0) {
|
|
2307
|
-
return true;
|
|
2308
|
-
}
|
|
2309
|
-
if (typeof value !== "string") {
|
|
2310
|
-
return false;
|
|
2311
|
-
}
|
|
2312
|
-
if (value.trim() === "") {
|
|
2313
|
-
return false;
|
|
2314
|
-
}
|
|
2315
|
-
const timeRegex = /^-?\d+(\.\d+)?(s|ms)/;
|
|
2316
|
-
return timeRegex.test(value);
|
|
2317
|
-
}
|
|
2318
|
-
__name(isCssTime, "isCssTime");
|
|
2319
|
-
CssTime2.isCssTime = isCssTime;
|
|
2320
|
-
})(exports.CssTime || (exports.CssTime = {}));
|
|
2321
|
-
exports.CssTime = void 0;
|
|
2322
|
-
|
|
2323
|
-
// src/Theming/Utils/IThemePalette.ts
|
|
2324
|
-
(function(IThemePalette2) {
|
|
2325
|
-
function isThemePalette(value) {
|
|
2326
|
-
return typeof value === "object" && value !== null;
|
|
2327
|
-
}
|
|
2328
|
-
__name(isThemePalette, "isThemePalette");
|
|
2329
|
-
IThemePalette2.isThemePalette = isThemePalette;
|
|
2330
|
-
})(exports.IThemePalette || (exports.IThemePalette = {}));
|
|
2331
|
-
exports.IThemePalette = void 0;
|
|
2332
|
-
|
|
2333
|
-
// src/Theming/Utils/ITheme.ts
|
|
2334
|
-
(function(ITheme2) {
|
|
2335
|
-
function getScheme(theme, mode) {
|
|
2336
|
-
const scheme = theme.scheme[mode];
|
|
2337
|
-
return scheme;
|
|
2338
|
-
}
|
|
2339
|
-
__name(getScheme, "getScheme");
|
|
2340
|
-
ITheme2.getScheme = getScheme;
|
|
2341
|
-
function getSchemeColor(theme, mode, key) {
|
|
2342
|
-
const scheme = theme.scheme[mode];
|
|
2343
|
-
const color = scheme[key];
|
|
2344
|
-
return color;
|
|
2345
|
-
}
|
|
2346
|
-
__name(getSchemeColor, "getSchemeColor");
|
|
2347
|
-
ITheme2.getSchemeColor = getSchemeColor;
|
|
2348
|
-
function getPalette(theme, mode, palette) {
|
|
2349
|
-
const paletteObj = theme.palette[mode][palette];
|
|
2350
|
-
if (!exports.IThemePalette.isThemePalette(paletteObj)) {
|
|
2351
|
-
throw new Error(`Palette '${palette}' is not a valid theme palette.`);
|
|
2352
|
-
}
|
|
2353
|
-
return paletteObj;
|
|
2354
|
-
}
|
|
2355
|
-
__name(getPalette, "getPalette");
|
|
2356
|
-
ITheme2.getPalette = getPalette;
|
|
2357
|
-
function getPaletteColor(theme, mode, palette, key) {
|
|
2358
|
-
const paletteObj = theme.palette[mode][palette];
|
|
2359
|
-
if (!exports.IThemePalette.isThemePalette(paletteObj)) {
|
|
2360
|
-
throw new Error(`Palette '${palette}' is not a valid theme palette.`);
|
|
2361
|
-
}
|
|
2362
|
-
const color = paletteObj[key];
|
|
2363
|
-
return color;
|
|
2364
|
-
}
|
|
2365
|
-
__name(getPaletteColor, "getPaletteColor");
|
|
2366
|
-
ITheme2.getPaletteColor = getPaletteColor;
|
|
2367
|
-
})(exports.ITheme || (exports.ITheme = {}));
|
|
2368
|
-
exports.ITheme = void 0;
|
|
2369
|
-
var MaterialThemeGeneratorStrategy = class {
|
|
2370
|
-
static {
|
|
2371
|
-
__name(this, "MaterialThemeGeneratorStrategy");
|
|
2372
|
-
}
|
|
2373
|
-
// #region Ctor
|
|
2374
|
-
constructor() {
|
|
2375
|
-
}
|
|
2376
|
-
// #endregion
|
|
2377
|
-
// #region Methods
|
|
2378
|
-
generatePalette(baseColor, mode) {
|
|
2379
|
-
if (mode === "light") {
|
|
2380
|
-
const baseLight2 = chroma__default.default("#ffffff");
|
|
2381
|
-
const baseDark2 = chroma__default.default("#000000");
|
|
2382
|
-
const palette2 = {};
|
|
2383
|
-
const steps2 = [
|
|
2384
|
-
0,
|
|
2385
|
-
50,
|
|
2386
|
-
100,
|
|
2387
|
-
200,
|
|
2388
|
-
300,
|
|
2389
|
-
400,
|
|
2390
|
-
500,
|
|
2391
|
-
600,
|
|
2392
|
-
700,
|
|
2393
|
-
800,
|
|
2394
|
-
900
|
|
2395
|
-
];
|
|
2396
|
-
const amounts2 = [
|
|
2397
|
-
0,
|
|
2398
|
-
12,
|
|
2399
|
-
30,
|
|
2400
|
-
50,
|
|
2401
|
-
70,
|
|
2402
|
-
85,
|
|
2403
|
-
100,
|
|
2404
|
-
87,
|
|
2405
|
-
70,
|
|
2406
|
-
54,
|
|
2407
|
-
25
|
|
2408
|
-
];
|
|
2409
|
-
steps2.forEach((step, i) => {
|
|
2410
|
-
const base = step <= 500 ? baseLight2 : baseDark2;
|
|
2411
|
-
palette2[`${step}`] = chroma__default.default.mix(base, baseColor, amounts2[i] / 100, "rgb").hex();
|
|
2412
|
-
});
|
|
2413
|
-
return palette2;
|
|
2414
|
-
}
|
|
2415
|
-
const baseLight = chroma__default.default("#ffffff");
|
|
2416
|
-
const baseDark = chroma__default.default("#000000");
|
|
2417
|
-
const palette = {};
|
|
2418
|
-
const steps = [
|
|
2419
|
-
0,
|
|
2420
|
-
50,
|
|
2421
|
-
100,
|
|
2422
|
-
200,
|
|
2423
|
-
300,
|
|
2424
|
-
400,
|
|
2425
|
-
500,
|
|
2426
|
-
600,
|
|
2427
|
-
700,
|
|
2428
|
-
800,
|
|
2429
|
-
900
|
|
2430
|
-
];
|
|
2431
|
-
const amounts = [
|
|
2432
|
-
0,
|
|
2433
|
-
15,
|
|
2434
|
-
30,
|
|
2435
|
-
45,
|
|
2436
|
-
60,
|
|
2437
|
-
75,
|
|
2438
|
-
90,
|
|
2439
|
-
100,
|
|
2440
|
-
70,
|
|
2441
|
-
54,
|
|
2442
|
-
25
|
|
2443
|
-
];
|
|
2444
|
-
steps.forEach((step, i) => {
|
|
2445
|
-
const base = step <= 600 ? baseDark : baseLight;
|
|
2446
|
-
palette[`${step}`] = chroma__default.default.mix(base, baseColor, amounts[i] / 100, "rgb").hex();
|
|
2447
|
-
});
|
|
2448
|
-
return palette;
|
|
2449
|
-
}
|
|
2450
|
-
generateScheme(baseColor, mode) {
|
|
2451
|
-
const baseChroma = chroma__default.default(baseColor);
|
|
2452
|
-
const luminance = baseChroma.luminance();
|
|
2453
|
-
const isDarkBase = luminance < 0.3;
|
|
2454
|
-
const adjustColor = /* @__PURE__ */ __name((color, targetAmount) => {
|
|
2455
|
-
const c = chroma__default.default(color);
|
|
2456
|
-
const currentLuminance = c.luminance();
|
|
2457
|
-
if (currentLuminance < 0.15 && targetAmount < 0) {
|
|
2458
|
-
return c.brighten(Math.abs(targetAmount / 25.5)).hex();
|
|
2459
|
-
}
|
|
2460
|
-
if (targetAmount > 0) {
|
|
2461
|
-
return c.brighten(targetAmount / 25.5).hex();
|
|
2462
|
-
}
|
|
2463
|
-
const darkened = c.darken(Math.abs(targetAmount / 25.5));
|
|
2464
|
-
if (darkened.luminance() < 0.02) {
|
|
2465
|
-
return c.brighten(Math.abs(targetAmount / 50)).hex();
|
|
2466
|
-
}
|
|
2467
|
-
return darkened.hex();
|
|
2468
|
-
}, "adjustColor");
|
|
2469
|
-
const middlelightAmount = isDarkBase ? 50 : -50;
|
|
2470
|
-
const lowlightAmount = isDarkBase ? 80 : -80;
|
|
2471
|
-
const disabledAmount = isDarkBase ? 40 : -40;
|
|
2472
|
-
return {
|
|
2473
|
-
background: baseColor,
|
|
2474
|
-
foreground: adjustColor(baseColor, mode === "dark" ? 190 : -190),
|
|
2475
|
-
highlight: adjustColor(baseColor, mode === "dark" ? 30 : -30),
|
|
2476
|
-
middlelight: adjustColor(baseColor, middlelightAmount),
|
|
2477
|
-
lowlight: adjustColor(baseColor, lowlightAmount),
|
|
2478
|
-
transparent: `${baseColor}00`,
|
|
2479
|
-
semiTransparent: `${baseColor}aa`,
|
|
2480
|
-
disabled: adjustColor(baseColor, disabledAmount),
|
|
2481
|
-
contrast: adjustColor(baseColor, mode === "dark" ? 190 : -190),
|
|
2482
|
-
selection: adjustColor(baseColor, mode === "dark" ? 30 : -30)
|
|
2483
|
-
};
|
|
2484
|
-
}
|
|
2485
|
-
};
|
|
2486
|
-
function createMaterialTheme() {
|
|
2487
|
-
const strategy = new MaterialThemeGeneratorStrategy();
|
|
2488
|
-
return () => strategy;
|
|
2489
|
-
}
|
|
2490
|
-
__name(createMaterialTheme, "createMaterialTheme");
|
|
2491
|
-
|
|
2492
|
-
// src/Theming/Strategies/JoyThemeGeneratorStrategy.ts
|
|
2493
|
-
var JoyThemeGeneratorStrategy = class {
|
|
2494
|
-
static {
|
|
2495
|
-
__name(this, "JoyThemeGeneratorStrategy");
|
|
2496
|
-
}
|
|
2497
|
-
// #region Fields
|
|
2498
|
-
_materialStrategy;
|
|
2499
|
-
// #endregion
|
|
2500
|
-
// #region Ctor
|
|
2501
|
-
constructor() {
|
|
2502
|
-
this._materialStrategy = new MaterialThemeGeneratorStrategy();
|
|
2503
|
-
}
|
|
2504
|
-
// #endregion
|
|
2505
|
-
// #region Methods
|
|
2506
|
-
generatePalette(baseColor, mode) {
|
|
2507
|
-
return this._materialStrategy.generatePalette(baseColor, mode);
|
|
2508
|
-
}
|
|
2509
|
-
generateScheme(baseColor, mode) {
|
|
2510
|
-
return this._materialStrategy.generateScheme(baseColor, mode);
|
|
2511
|
-
}
|
|
2512
|
-
};
|
|
2513
|
-
function createJoyTheme() {
|
|
2514
|
-
const strategy = new JoyThemeGeneratorStrategy();
|
|
2515
|
-
return () => strategy;
|
|
2516
|
-
}
|
|
2517
|
-
__name(createJoyTheme, "createJoyTheme");
|
|
2518
|
-
|
|
2519
|
-
// src/Theming/Strategies/MemphisThemeGeneratorStrategy.ts
|
|
2520
|
-
var MemphisThemeGeneratorStrategy = class {
|
|
2521
|
-
static {
|
|
2522
|
-
__name(this, "MemphisThemeGeneratorStrategy");
|
|
2523
|
-
}
|
|
2524
|
-
// #region Fields
|
|
2525
|
-
_materialStrategy;
|
|
2526
|
-
// #endregion
|
|
2527
|
-
// #region Ctor
|
|
2528
|
-
constructor() {
|
|
2529
|
-
this._materialStrategy = new MaterialThemeGeneratorStrategy();
|
|
2530
|
-
}
|
|
2531
|
-
// #endregion
|
|
2532
|
-
// #region Methods
|
|
2533
|
-
generatePalette(baseColor, mode) {
|
|
2534
|
-
return this._materialStrategy.generatePalette(baseColor, mode);
|
|
2535
|
-
}
|
|
2536
|
-
generateScheme(baseColor, mode) {
|
|
2537
|
-
return this._materialStrategy.generateScheme(baseColor, mode);
|
|
2538
|
-
}
|
|
2539
|
-
};
|
|
2540
|
-
function createMemphisTheme() {
|
|
2541
|
-
const strategy = new MemphisThemeGeneratorStrategy();
|
|
2542
|
-
return () => strategy;
|
|
2543
|
-
}
|
|
2544
|
-
__name(createMemphisTheme, "createMemphisTheme");
|
|
2545
|
-
var CosmopolitanThemeGeneratorStrategy = class {
|
|
2546
|
-
static {
|
|
2547
|
-
__name(this, "CosmopolitanThemeGeneratorStrategy");
|
|
2548
|
-
}
|
|
2549
|
-
// #region Fields
|
|
2550
|
-
_materialStrategy;
|
|
2551
|
-
// #endregion
|
|
2552
|
-
// #region Ctor
|
|
2553
|
-
constructor() {
|
|
2554
|
-
this._materialStrategy = new MaterialThemeGeneratorStrategy();
|
|
2555
|
-
}
|
|
2556
|
-
// #endregion
|
|
2557
|
-
// #region Methods
|
|
2558
|
-
generatePalette(baseColor, mode) {
|
|
2559
|
-
if (mode === "light") {
|
|
2560
|
-
const baseLight2 = chroma__default.default("#ffffff");
|
|
2561
|
-
const baseDark2 = chroma__default.default("#000000");
|
|
2562
|
-
const palette2 = {};
|
|
2563
|
-
const steps2 = [
|
|
2564
|
-
0,
|
|
2565
|
-
50,
|
|
2566
|
-
100,
|
|
2567
|
-
200,
|
|
2568
|
-
300,
|
|
2569
|
-
400,
|
|
2570
|
-
500,
|
|
2571
|
-
600,
|
|
2572
|
-
700,
|
|
2573
|
-
800,
|
|
2574
|
-
900
|
|
2575
|
-
];
|
|
2576
|
-
const amounts2 = [
|
|
2577
|
-
0,
|
|
2578
|
-
12,
|
|
2579
|
-
30,
|
|
2580
|
-
50,
|
|
2581
|
-
70,
|
|
2582
|
-
85,
|
|
2583
|
-
100,
|
|
2584
|
-
87,
|
|
2585
|
-
70,
|
|
2586
|
-
54,
|
|
2587
|
-
25
|
|
2588
|
-
];
|
|
2589
|
-
steps2.forEach((step, i) => {
|
|
2590
|
-
const base = step <= 500 ? baseLight2 : baseDark2;
|
|
2591
|
-
palette2[`${step}`] = chroma__default.default.mix(base, baseColor, amounts2[i] / 100, "rgb").hex();
|
|
2592
|
-
});
|
|
2593
|
-
return palette2;
|
|
2594
|
-
}
|
|
2595
|
-
const baseLight = chroma__default.default("#ffffff");
|
|
2596
|
-
const baseDark = chroma__default.default("#000000");
|
|
2597
|
-
const palette = {};
|
|
2598
|
-
const steps = [
|
|
2599
|
-
0,
|
|
2600
|
-
100,
|
|
2601
|
-
500
|
|
2602
|
-
];
|
|
2603
|
-
const amounts = [
|
|
2604
|
-
0,
|
|
2605
|
-
30,
|
|
2606
|
-
100
|
|
2607
|
-
];
|
|
2608
|
-
steps.forEach((step, i) => {
|
|
2609
|
-
const base = step <= 600 ? baseDark : baseLight;
|
|
2610
|
-
palette[`${step}`] = chroma__default.default.mix(base, baseColor, amounts[i] / 100, "rgb").hex();
|
|
2611
|
-
});
|
|
2612
|
-
return palette;
|
|
2613
|
-
}
|
|
2614
|
-
generateScheme(baseColor, mode) {
|
|
2615
|
-
return this._materialStrategy.generateScheme(baseColor, mode);
|
|
2616
|
-
}
|
|
2617
|
-
};
|
|
2618
|
-
function createCosmopolitanTheme() {
|
|
2619
|
-
const strategy = new CosmopolitanThemeGeneratorStrategy();
|
|
2620
|
-
return () => strategy;
|
|
2621
|
-
}
|
|
2622
|
-
__name(createCosmopolitanTheme, "createCosmopolitanTheme");
|
|
2623
|
-
var TailwindThemeGeneratorStrategy = class {
|
|
2624
|
-
static {
|
|
2625
|
-
__name(this, "TailwindThemeGeneratorStrategy");
|
|
2626
|
-
}
|
|
2627
|
-
/**
|
|
2628
|
-
* Generates a palette of shades based on a base/accent color.
|
|
2629
|
-
*
|
|
2630
|
-
* @param baseColor - The base/accent color (e.g. "#3498db")
|
|
2631
|
-
* @param mode - 'light' or 'dark' mode: determines how light or dark the palette extremes are.
|
|
2632
|
-
* @returns An IThemePalette mapping each shade step to a hex color.
|
|
2633
|
-
*
|
|
2634
|
-
* Example (light mode, baseColor = blue-ish):
|
|
2635
|
-
* {
|
|
2636
|
-
* "50": "#f5faff",
|
|
2637
|
-
* "100": "#e1f3ff",
|
|
2638
|
-
* ...
|
|
2639
|
-
* "500": "#3498db",
|
|
2640
|
-
* ...
|
|
2641
|
-
* "900": "#0a2d4b"
|
|
2642
|
-
* }
|
|
2643
|
-
*/
|
|
2644
|
-
generatePalette(baseColor, mode) {
|
|
2645
|
-
const steps = [
|
|
2646
|
-
50,
|
|
2647
|
-
100,
|
|
2648
|
-
200,
|
|
2649
|
-
300,
|
|
2650
|
-
400,
|
|
2651
|
-
500,
|
|
2652
|
-
600,
|
|
2653
|
-
700,
|
|
2654
|
-
800,
|
|
2655
|
-
900
|
|
2656
|
-
];
|
|
2657
|
-
const base = chroma__default.default(baseColor);
|
|
2658
|
-
const [h, s] = base.hsl();
|
|
2659
|
-
const palette = {};
|
|
2660
|
-
steps.forEach((step, idx) => {
|
|
2661
|
-
const t = idx / (steps.length - 1);
|
|
2662
|
-
const lightness = mode === "light" ? 0.95 - t * 0.6 : 0.15 + t * 0.6;
|
|
2663
|
-
const col = chroma__default.default.hsl(h, s, lightness);
|
|
2664
|
-
palette[step.toString()] = col.hex();
|
|
2665
|
-
});
|
|
2666
|
-
return palette;
|
|
2667
|
-
}
|
|
2668
|
-
/**
|
|
2669
|
-
* Generates a semantic color scheme for UI usage, based on the generated palette.
|
|
2670
|
-
*
|
|
2671
|
-
* @param baseColor - The base/accent color
|
|
2672
|
-
* @param mode - 'light' or 'dark'
|
|
2673
|
-
* @returns An IThemeScheme with semantic color roles.
|
|
2674
|
-
*
|
|
2675
|
-
* Returned keys:
|
|
2676
|
-
* - background → shade "50"
|
|
2677
|
-
* - foreground → shade "900"
|
|
2678
|
-
* - primary → shade "500"
|
|
2679
|
-
* - accent → shade "700"
|
|
2680
|
-
* - muted → shade "300"
|
|
2681
|
-
*/
|
|
2682
|
-
generateScheme(baseColor, mode) {
|
|
2683
|
-
const p = this.generatePalette(baseColor, mode);
|
|
2684
|
-
return {
|
|
2685
|
-
background: p["50"],
|
|
2686
|
-
foreground: p["900"],
|
|
2687
|
-
primary: p["500"],
|
|
2688
|
-
accent: p["700"],
|
|
2689
|
-
muted: p["300"]
|
|
2690
|
-
};
|
|
2691
|
-
}
|
|
2692
|
-
};
|
|
2693
|
-
function createTailwindTheme() {
|
|
2694
|
-
const strategy = new TailwindThemeGeneratorStrategy();
|
|
2695
|
-
return () => strategy;
|
|
2696
|
-
}
|
|
2697
|
-
__name(createTailwindTheme, "createTailwindTheme");
|
|
2698
|
-
|
|
2699
|
-
exports.CosmopolitanThemeGeneratorStrategy = CosmopolitanThemeGeneratorStrategy;
|
|
2700
|
-
exports.JoyThemeGeneratorStrategy = JoyThemeGeneratorStrategy;
|
|
2701
|
-
exports.MaterialThemeGeneratorStrategy = MaterialThemeGeneratorStrategy;
|
|
2702
|
-
exports.MemphisThemeGeneratorStrategy = MemphisThemeGeneratorStrategy;
|
|
2703
|
-
exports.TailwindThemeGeneratorStrategy = TailwindThemeGeneratorStrategy;
|
|
2704
|
-
exports.createCosmopolitanTheme = createCosmopolitanTheme;
|
|
2705
|
-
exports.createJoyTheme = createJoyTheme;
|
|
2706
|
-
exports.createMaterialTheme = createMaterialTheme;
|
|
2707
|
-
exports.createMemphisTheme = createMemphisTheme;
|
|
2708
|
-
exports.createTailwindTheme = createTailwindTheme;
|
|
2709
|
-
//# sourceMappingURL=index.node.cjs.map
|
|
2710
|
-
//# sourceMappingURL=index.node.cjs.map
|