@frontegg/types 6.69.0 → 6.70.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Metadata/colorManipulator.js +14 -40
- package/Metadata/getPalette.js +0 -6
- package/Metadata/index.d.ts +1 -0
- package/Metadata/index.js +1 -13
- package/PrivateOptions.d.ts +5 -0
- package/ThemeOptions/AdminPortalThemeOptions.js +0 -1
- package/ThemeOptions/LoginBoxTheme/LoginPageTheme.d.ts +1 -0
- package/ThemeOptions/fieldsAppearanceConsts.js +0 -21
- package/index.js +1 -1
- package/node/Localizations/AdminPortalLocalizations/index.js +0 -30
- package/node/Localizations/Common/index.js +0 -2
- package/node/Localizations/LoginBoxLocalization/index.js +0 -22
- package/node/Localizations/index.js +0 -10
- package/node/Metadata/colorManipulator.js +14 -49
- package/node/Metadata/getPalette.js +1 -9
- package/node/Metadata/index.js +7 -19
- package/node/ThemeOptions/AdminPortalThemeOptions.js +0 -1
- package/node/ThemeOptions/LoginBoxTheme/index.js +0 -20
- package/node/ThemeOptions/fieldsAppearanceConsts.js +0 -21
- package/node/ThemeOptions/index.js +0 -10
- package/node/index.js +1 -15
- package/package.json +2 -2
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _login = require("./login");
|
|
8
|
-
|
|
9
7
|
Object.keys(_login).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _login[key]) return;
|
|
@@ -16,9 +14,7 @@ Object.keys(_login).forEach(function (key) {
|
|
|
16
14
|
}
|
|
17
15
|
});
|
|
18
16
|
});
|
|
19
|
-
|
|
20
17
|
var _signup = require("./signup");
|
|
21
|
-
|
|
22
18
|
Object.keys(_signup).forEach(function (key) {
|
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
|
24
20
|
if (key in exports && exports[key] === _signup[key]) return;
|
|
@@ -29,9 +25,7 @@ Object.keys(_signup).forEach(function (key) {
|
|
|
29
25
|
}
|
|
30
26
|
});
|
|
31
27
|
});
|
|
32
|
-
|
|
33
28
|
var _forgetPassword = require("./forgetPassword");
|
|
34
|
-
|
|
35
29
|
Object.keys(_forgetPassword).forEach(function (key) {
|
|
36
30
|
if (key === "default" || key === "__esModule") return;
|
|
37
31
|
if (key in exports && exports[key] === _forgetPassword[key]) return;
|
|
@@ -42,9 +36,7 @@ Object.keys(_forgetPassword).forEach(function (key) {
|
|
|
42
36
|
}
|
|
43
37
|
});
|
|
44
38
|
});
|
|
45
|
-
|
|
46
39
|
var _resetPhoneNumber = require("./resetPhoneNumber");
|
|
47
|
-
|
|
48
40
|
Object.keys(_resetPhoneNumber).forEach(function (key) {
|
|
49
41
|
if (key === "default" || key === "__esModule") return;
|
|
50
42
|
if (key in exports && exports[key] === _resetPhoneNumber[key]) return;
|
|
@@ -55,9 +47,7 @@ Object.keys(_resetPhoneNumber).forEach(function (key) {
|
|
|
55
47
|
}
|
|
56
48
|
});
|
|
57
49
|
});
|
|
58
|
-
|
|
59
50
|
var _resetPassword = require("./resetPassword");
|
|
60
|
-
|
|
61
51
|
Object.keys(_resetPassword).forEach(function (key) {
|
|
62
52
|
if (key === "default" || key === "__esModule") return;
|
|
63
53
|
if (key in exports && exports[key] === _resetPassword[key]) return;
|
|
@@ -68,9 +58,7 @@ Object.keys(_resetPassword).forEach(function (key) {
|
|
|
68
58
|
}
|
|
69
59
|
});
|
|
70
60
|
});
|
|
71
|
-
|
|
72
61
|
var _socialLogins = require("./socialLogins");
|
|
73
|
-
|
|
74
62
|
Object.keys(_socialLogins).forEach(function (key) {
|
|
75
63
|
if (key === "default" || key === "__esModule") return;
|
|
76
64
|
if (key in exports && exports[key] === _socialLogins[key]) return;
|
|
@@ -81,9 +69,7 @@ Object.keys(_socialLogins).forEach(function (key) {
|
|
|
81
69
|
}
|
|
82
70
|
});
|
|
83
71
|
});
|
|
84
|
-
|
|
85
72
|
var _acceptInvitation = require("./acceptInvitation");
|
|
86
|
-
|
|
87
73
|
Object.keys(_acceptInvitation).forEach(function (key) {
|
|
88
74
|
if (key === "default" || key === "__esModule") return;
|
|
89
75
|
if (key in exports && exports[key] === _acceptInvitation[key]) return;
|
|
@@ -94,9 +80,7 @@ Object.keys(_acceptInvitation).forEach(function (key) {
|
|
|
94
80
|
}
|
|
95
81
|
});
|
|
96
82
|
});
|
|
97
|
-
|
|
98
83
|
var _activateAccount = require("./activateAccount");
|
|
99
|
-
|
|
100
84
|
Object.keys(_activateAccount).forEach(function (key) {
|
|
101
85
|
if (key === "default" || key === "__esModule") return;
|
|
102
86
|
if (key in exports && exports[key] === _activateAccount[key]) return;
|
|
@@ -107,9 +91,7 @@ Object.keys(_activateAccount).forEach(function (key) {
|
|
|
107
91
|
}
|
|
108
92
|
});
|
|
109
93
|
});
|
|
110
|
-
|
|
111
94
|
var _recoveryMfa = require("./recoveryMfa");
|
|
112
|
-
|
|
113
95
|
Object.keys(_recoveryMfa).forEach(function (key) {
|
|
114
96
|
if (key === "default" || key === "__esModule") return;
|
|
115
97
|
if (key in exports && exports[key] === _recoveryMfa[key]) return;
|
|
@@ -120,9 +102,7 @@ Object.keys(_recoveryMfa).forEach(function (key) {
|
|
|
120
102
|
}
|
|
121
103
|
});
|
|
122
104
|
});
|
|
123
|
-
|
|
124
105
|
var _SplitPageTypes = require("./SplitPageTypes");
|
|
125
|
-
|
|
126
106
|
Object.keys(_SplitPageTypes).forEach(function (key) {
|
|
127
107
|
if (key === "default" || key === "__esModule") return;
|
|
128
108
|
if (key in exports && exports[key] === _SplitPageTypes[key]) return;
|
|
@@ -133,9 +113,7 @@ Object.keys(_SplitPageTypes).forEach(function (key) {
|
|
|
133
113
|
}
|
|
134
114
|
});
|
|
135
115
|
});
|
|
136
|
-
|
|
137
116
|
var _impersonate = require("./impersonate");
|
|
138
|
-
|
|
139
117
|
Object.keys(_impersonate).forEach(function (key) {
|
|
140
118
|
if (key === "default" || key === "__esModule") return;
|
|
141
119
|
if (key in exports && exports[key] === _impersonate[key]) return;
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _LocalizationOverrides = require("./LocalizationOverrides");
|
|
8
|
-
|
|
9
7
|
Object.keys(_LocalizationOverrides).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _LocalizationOverrides[key]) return;
|
|
@@ -16,9 +14,7 @@ Object.keys(_LocalizationOverrides).forEach(function (key) {
|
|
|
16
14
|
}
|
|
17
15
|
});
|
|
18
16
|
});
|
|
19
|
-
|
|
20
17
|
var _LocalizationType = require("./LocalizationType");
|
|
21
|
-
|
|
22
18
|
Object.keys(_LocalizationType).forEach(function (key) {
|
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
|
24
20
|
if (key in exports && exports[key] === _LocalizationType[key]) return;
|
|
@@ -29,9 +25,7 @@ Object.keys(_LocalizationType).forEach(function (key) {
|
|
|
29
25
|
}
|
|
30
26
|
});
|
|
31
27
|
});
|
|
32
|
-
|
|
33
28
|
var _AdminPortalLocalizations = require("./AdminPortalLocalizations");
|
|
34
|
-
|
|
35
29
|
Object.keys(_AdminPortalLocalizations).forEach(function (key) {
|
|
36
30
|
if (key === "default" || key === "__esModule") return;
|
|
37
31
|
if (key in exports && exports[key] === _AdminPortalLocalizations[key]) return;
|
|
@@ -42,9 +36,7 @@ Object.keys(_AdminPortalLocalizations).forEach(function (key) {
|
|
|
42
36
|
}
|
|
43
37
|
});
|
|
44
38
|
});
|
|
45
|
-
|
|
46
39
|
var _LoginBoxLocalization = require("./LoginBoxLocalization");
|
|
47
|
-
|
|
48
40
|
Object.keys(_LoginBoxLocalization).forEach(function (key) {
|
|
49
41
|
if (key === "default" || key === "__esModule") return;
|
|
50
42
|
if (key in exports && exports[key] === _LoginBoxLocalization[key]) return;
|
|
@@ -55,9 +47,7 @@ Object.keys(_LoginBoxLocalization).forEach(function (key) {
|
|
|
55
47
|
}
|
|
56
48
|
});
|
|
57
49
|
});
|
|
58
|
-
|
|
59
50
|
var _Common = require("./Common");
|
|
60
|
-
|
|
61
51
|
Object.keys(_Common).forEach(function (key) {
|
|
62
52
|
if (key === "default" || key === "__esModule") return;
|
|
63
53
|
if (key in exports && exports[key] === _Common[key]) return;
|
|
@@ -13,7 +13,6 @@ exports.hslToRgb = hslToRgb;
|
|
|
13
13
|
exports.lighten = lighten;
|
|
14
14
|
exports.recomposeColor = recomposeColor;
|
|
15
15
|
exports.rgbToHex = rgbToHex;
|
|
16
|
-
|
|
17
16
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
18
17
|
|
|
19
18
|
/**
|
|
@@ -26,31 +25,28 @@ exports.rgbToHex = rgbToHex;
|
|
|
26
25
|
function clamp(value, min = 0, max = 1) {
|
|
27
26
|
return Math.min(Math.max(min, value), max);
|
|
28
27
|
}
|
|
28
|
+
|
|
29
29
|
/**
|
|
30
30
|
* Converts a color from CSS hex format to CSS rgb format.
|
|
31
31
|
* @param {string} color - Hex color, i.e. #nnn or #nnnnnn
|
|
32
32
|
* @returns {string} A CSS rgb color string
|
|
33
33
|
*/
|
|
34
|
-
|
|
35
|
-
|
|
36
34
|
function hexToRgb(color) {
|
|
37
35
|
color = color.substr(1);
|
|
38
36
|
const re = new RegExp(`.{1,${color.length >= 6 ? 2 : 1}}`, 'g');
|
|
39
37
|
let colors = color.match(re);
|
|
40
|
-
|
|
41
38
|
if (colors && colors[0].length === 1) {
|
|
42
39
|
colors = colors.map(n => n + n);
|
|
43
40
|
}
|
|
44
|
-
|
|
45
41
|
return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {
|
|
46
42
|
return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;
|
|
47
43
|
}).join(', ')})` : '';
|
|
48
44
|
}
|
|
49
|
-
|
|
50
45
|
function intToHex(int) {
|
|
51
46
|
const hex = int.toString(16);
|
|
52
47
|
return hex.length === 1 ? `0${hex}` : hex;
|
|
53
48
|
}
|
|
49
|
+
|
|
54
50
|
/**
|
|
55
51
|
* Returns an object with the type and values of a color.
|
|
56
52
|
*
|
|
@@ -58,45 +54,36 @@ function intToHex(int) {
|
|
|
58
54
|
* @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
|
|
59
55
|
* @returns {object} - A MUI color object: {type: string, values: number[]}
|
|
60
56
|
*/
|
|
61
|
-
|
|
62
|
-
|
|
63
57
|
function decomposeColor(color) {
|
|
64
58
|
// Idempotent
|
|
65
59
|
if (color.type) {
|
|
66
60
|
return color;
|
|
67
61
|
}
|
|
68
|
-
|
|
69
62
|
if (color.charAt(0) === '#') {
|
|
70
63
|
return decomposeColor(hexToRgb(color));
|
|
71
64
|
}
|
|
72
|
-
|
|
73
65
|
const marker = color.indexOf('(');
|
|
74
66
|
const type = color.substring(0, marker);
|
|
75
|
-
|
|
76
67
|
if (['rgb', 'rgba', 'hsl', 'hsla', 'color'].indexOf(type) === -1) {
|
|
77
68
|
throw new Error('MUI: Unsupported `%s` color.\n' + 'The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color(). ' + color);
|
|
78
69
|
}
|
|
79
|
-
|
|
80
70
|
const valuesStr = color.substring(marker + 1, color.length - 1);
|
|
81
71
|
let colorSpace;
|
|
82
72
|
let valuesColor;
|
|
83
|
-
|
|
84
73
|
if (type === 'color') {
|
|
85
74
|
valuesColor = valuesStr.split(' ');
|
|
86
75
|
colorSpace = valuesColor.shift();
|
|
87
|
-
|
|
88
76
|
if (valuesColor.length === 4 && valuesColor[3].charAt(0) === '/') {
|
|
89
77
|
valuesColor[3] = valuesColor[3].substr(1);
|
|
90
|
-
}
|
|
91
|
-
|
|
78
|
+
}
|
|
92
79
|
|
|
80
|
+
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
93
81
|
if (['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].indexOf(colorSpace) === -1) {
|
|
94
82
|
throw new Error('MUI: unsupported `%s` color space.\n' + 'The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.' + colorSpace);
|
|
95
83
|
}
|
|
96
84
|
} else {
|
|
97
85
|
valuesColor = valuesStr.split(',');
|
|
98
86
|
}
|
|
99
|
-
|
|
100
87
|
const values = valuesColor.map(value => parseFloat(value));
|
|
101
88
|
return {
|
|
102
89
|
type,
|
|
@@ -104,6 +91,7 @@ function decomposeColor(color) {
|
|
|
104
91
|
colorSpace
|
|
105
92
|
};
|
|
106
93
|
}
|
|
94
|
+
|
|
107
95
|
/**
|
|
108
96
|
* Converts a color object with type and values to a string.
|
|
109
97
|
* @param {object} color - Decomposed color
|
|
@@ -111,8 +99,6 @@ function decomposeColor(color) {
|
|
|
111
99
|
* @param {array} color.values - [n,n,n] or [n,n,n,n]
|
|
112
100
|
* @returns {string} A CSS color string
|
|
113
101
|
*/
|
|
114
|
-
|
|
115
|
-
|
|
116
102
|
function recomposeColor(color) {
|
|
117
103
|
const {
|
|
118
104
|
type,
|
|
@@ -121,7 +107,6 @@ function recomposeColor(color) {
|
|
|
121
107
|
let {
|
|
122
108
|
values
|
|
123
109
|
} = color;
|
|
124
|
-
|
|
125
110
|
if (type.indexOf('rgb') !== -1) {
|
|
126
111
|
// Only convert the first 3 values to int (i.e. not alpha)
|
|
127
112
|
values = values.map((n, i) => i < 3 ? parseInt(n, 10) : n);
|
|
@@ -129,40 +114,35 @@ function recomposeColor(color) {
|
|
|
129
114
|
values[1] = `${values[1]}%`;
|
|
130
115
|
values[2] = `${values[2]}%`;
|
|
131
116
|
}
|
|
132
|
-
|
|
133
117
|
if (type.indexOf('color') !== -1) {
|
|
134
118
|
values = `${colorSpace} ${values.join(' ')}`;
|
|
135
119
|
} else {
|
|
136
120
|
values = `${values.join(', ')}`;
|
|
137
121
|
}
|
|
138
|
-
|
|
139
122
|
return `${type}(${values})`;
|
|
140
123
|
}
|
|
124
|
+
|
|
141
125
|
/**
|
|
142
126
|
* Converts a color from CSS rgb format to CSS hex format.
|
|
143
127
|
* @param {string} color - RGB color, i.e. rgb(n, n, n)
|
|
144
128
|
* @returns {string} A CSS rgb color string, i.e. #nnnnnn
|
|
145
129
|
*/
|
|
146
|
-
|
|
147
|
-
|
|
148
130
|
function rgbToHex(color) {
|
|
149
131
|
// Idempotent
|
|
150
132
|
if (color.indexOf('#') === 0) {
|
|
151
133
|
return color;
|
|
152
134
|
}
|
|
153
|
-
|
|
154
135
|
const {
|
|
155
136
|
values
|
|
156
137
|
} = decomposeColor(color);
|
|
157
138
|
return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;
|
|
158
139
|
}
|
|
140
|
+
|
|
159
141
|
/**
|
|
160
142
|
* Converts a color from hsl format to rgb format.
|
|
161
143
|
* @param {string} color - HSL color values
|
|
162
144
|
* @returns {string} rgb color values
|
|
163
145
|
*/
|
|
164
|
-
|
|
165
|
-
|
|
166
146
|
function hslToRgb(color) {
|
|
167
147
|
color = decomposeColor(color);
|
|
168
148
|
const {
|
|
@@ -172,22 +152,19 @@ function hslToRgb(color) {
|
|
|
172
152
|
const s = values[1] / 100;
|
|
173
153
|
const l = values[2] / 100;
|
|
174
154
|
const a = s * Math.min(l, 1 - l);
|
|
175
|
-
|
|
176
155
|
const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
|
|
177
|
-
|
|
178
156
|
let type = 'rgb';
|
|
179
157
|
const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];
|
|
180
|
-
|
|
181
158
|
if (color.type === 'hsla') {
|
|
182
159
|
type += 'a';
|
|
183
160
|
rgb.push(values[3]);
|
|
184
161
|
}
|
|
185
|
-
|
|
186
162
|
return recomposeColor({
|
|
187
163
|
type,
|
|
188
164
|
values: rgb
|
|
189
165
|
});
|
|
190
166
|
}
|
|
167
|
+
|
|
191
168
|
/**
|
|
192
169
|
* The relative brightness of any point in a color space,
|
|
193
170
|
* normalized to 0 for darkest black and 1 for lightest white.
|
|
@@ -196,8 +173,6 @@ function hslToRgb(color) {
|
|
|
196
173
|
* @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
|
|
197
174
|
* @returns {number} The relative brightness of the color in the range 0 - 1
|
|
198
175
|
*/
|
|
199
|
-
|
|
200
|
-
|
|
201
176
|
function getLuminance(color) {
|
|
202
177
|
color = decomposeColor(color);
|
|
203
178
|
let rgb = color.type === 'hsl' ? decomposeColor(hslToRgb(color)).values : color.values;
|
|
@@ -207,10 +182,12 @@ function getLuminance(color) {
|
|
|
207
182
|
}
|
|
208
183
|
|
|
209
184
|
return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
|
|
210
|
-
});
|
|
185
|
+
});
|
|
211
186
|
|
|
187
|
+
// Truncate at 3 digits
|
|
212
188
|
return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
|
|
213
189
|
}
|
|
190
|
+
|
|
214
191
|
/**
|
|
215
192
|
* Sets the absolute transparency of a color.
|
|
216
193
|
* Any existing alpha values are overwritten.
|
|
@@ -218,36 +195,29 @@ function getLuminance(color) {
|
|
|
218
195
|
* @param {number} value - value to set the alpha channel to in the range 0 - 1
|
|
219
196
|
* @returns {string} A CSS color string. Hex input values are returned as rgb
|
|
220
197
|
*/
|
|
221
|
-
|
|
222
|
-
|
|
223
198
|
function alpha(color, value) {
|
|
224
199
|
color = decomposeColor(color);
|
|
225
200
|
value = clamp(value);
|
|
226
|
-
|
|
227
201
|
if (color.type === 'rgb' || color.type === 'hsl') {
|
|
228
202
|
color.type += 'a';
|
|
229
203
|
}
|
|
230
|
-
|
|
231
204
|
if (color.type === 'color') {
|
|
232
205
|
color.values[3] = `/${value}`;
|
|
233
206
|
} else {
|
|
234
207
|
color.values[3] = value;
|
|
235
208
|
}
|
|
236
|
-
|
|
237
209
|
return recomposeColor(color);
|
|
238
210
|
}
|
|
211
|
+
|
|
239
212
|
/**
|
|
240
213
|
* Darkens a color.
|
|
241
214
|
* @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
|
|
242
215
|
* @param {number} coefficient - multiplier in the range 0 - 1
|
|
243
216
|
* @returns {string} A CSS color string. Hex input values are returned as rgb
|
|
244
217
|
*/
|
|
245
|
-
|
|
246
|
-
|
|
247
218
|
function darken(color, coefficient) {
|
|
248
219
|
color = decomposeColor(color);
|
|
249
220
|
coefficient = clamp(coefficient);
|
|
250
|
-
|
|
251
221
|
if (color.type.indexOf('hsl') !== -1) {
|
|
252
222
|
color.values[2] *= 1 - coefficient;
|
|
253
223
|
} else if (color.type.indexOf('rgb') !== -1 || color.type.indexOf('color') !== -1) {
|
|
@@ -255,21 +225,18 @@ function darken(color, coefficient) {
|
|
|
255
225
|
color.values[i] *= 1 - coefficient;
|
|
256
226
|
}
|
|
257
227
|
}
|
|
258
|
-
|
|
259
228
|
return recomposeColor(color);
|
|
260
229
|
}
|
|
230
|
+
|
|
261
231
|
/**
|
|
262
232
|
* Lightens a color.
|
|
263
233
|
* @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
|
|
264
234
|
* @param {number} coefficient - multiplier in the range 0 - 1
|
|
265
235
|
* @returns {string} A CSS color string. Hex input values are returned as rgb
|
|
266
236
|
*/
|
|
267
|
-
|
|
268
|
-
|
|
269
237
|
function lighten(color, coefficient) {
|
|
270
238
|
color = decomposeColor(color);
|
|
271
239
|
coefficient = clamp(coefficient);
|
|
272
|
-
|
|
273
240
|
if (color.type.indexOf('hsl') !== -1) {
|
|
274
241
|
color.values[2] += (100 - color.values[2]) * coefficient;
|
|
275
242
|
} else if (color.type.indexOf('rgb') !== -1) {
|
|
@@ -281,9 +248,9 @@ function lighten(color, coefficient) {
|
|
|
281
248
|
color.values[i] += (1 - color.values[i]) * coefficient;
|
|
282
249
|
}
|
|
283
250
|
}
|
|
284
|
-
|
|
285
251
|
return recomposeColor(color);
|
|
286
252
|
}
|
|
253
|
+
|
|
287
254
|
/**
|
|
288
255
|
* Darken or lighten a color, depending on its luminance.
|
|
289
256
|
* Light colors are darkened, dark colors are lightened.
|
|
@@ -291,8 +258,6 @@ function lighten(color, coefficient) {
|
|
|
291
258
|
* @param {number} coefficient=0.15 - multiplier in the range 0 - 1
|
|
292
259
|
* @returns {string} A CSS color string. Hex input values are returned as rgb
|
|
293
260
|
*/
|
|
294
|
-
|
|
295
|
-
|
|
296
261
|
function emphasize(color, coefficient = 0.15) {
|
|
297
262
|
return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
|
|
298
263
|
}
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.getPalette = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _colorManipulator = require("./colorManipulator");
|
|
13
|
-
|
|
14
10
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
11
|
+
|
|
15
12
|
const generateMainColorObject = color => {
|
|
16
13
|
if (color) {
|
|
17
14
|
return {
|
|
@@ -23,7 +20,6 @@ const generateMainColorObject = color => {
|
|
|
23
20
|
};
|
|
24
21
|
}
|
|
25
22
|
};
|
|
26
|
-
|
|
27
23
|
const generateSubColorObject = color => {
|
|
28
24
|
if (color) {
|
|
29
25
|
return {
|
|
@@ -33,14 +29,11 @@ const generateSubColorObject = color => {
|
|
|
33
29
|
};
|
|
34
30
|
}
|
|
35
31
|
};
|
|
36
|
-
|
|
37
32
|
const getPalette = (theme, defaultTheme) => {
|
|
38
33
|
var _theme$palette, _theme$palette2, _theme$palette$primar, _theme$palette3, _theme$palette4, _theme$palette$second, _theme$palette5, _theme$palette6, _theme$palette7, _theme$palette8, _theme$palette9, _theme$palette10;
|
|
39
|
-
|
|
40
34
|
if (!(theme != null && theme.palette) || typeof (theme == null ? void 0 : (_theme$palette = theme.palette) == null ? void 0 : _theme$palette.primary) !== 'string') {
|
|
41
35
|
return {};
|
|
42
36
|
}
|
|
43
|
-
|
|
44
37
|
return (0, _extends2.default)({}, defaultTheme, {
|
|
45
38
|
palette: {
|
|
46
39
|
primary: (0, _extends2.default)({}, generateMainColorObject(theme == null ? void 0 : (_theme$palette2 = theme.palette) == null ? void 0 : _theme$palette2.primary), {
|
|
@@ -67,5 +60,4 @@ const getPalette = (theme, defaultTheme) => {
|
|
|
67
60
|
}
|
|
68
61
|
});
|
|
69
62
|
};
|
|
70
|
-
|
|
71
63
|
exports.getPalette = getPalette;
|
package/node/Metadata/index.js
CHANGED
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Metadata = void 0;
|
|
9
|
-
|
|
8
|
+
Object.defineProperty(exports, "alpha", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function () {
|
|
11
|
+
return _colorManipulator.alpha;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
10
14
|
var _deepmerge = _interopRequireDefault(require("deepmerge"));
|
|
11
|
-
|
|
12
15
|
var _getPalette = require("./getPalette");
|
|
13
|
-
|
|
16
|
+
var _colorManipulator = require("./colorManipulator");
|
|
14
17
|
const defaultMetadata = {
|
|
15
18
|
theme: {},
|
|
16
19
|
themeV2: {},
|
|
@@ -78,7 +81,6 @@ const defaultMetadata = {
|
|
|
78
81
|
}
|
|
79
82
|
}
|
|
80
83
|
};
|
|
81
|
-
|
|
82
84
|
class Metadata {
|
|
83
85
|
constructor() {
|
|
84
86
|
this._theme = defaultMetadata.theme;
|
|
@@ -86,46 +88,34 @@ class Metadata {
|
|
|
86
88
|
this._navigation = defaultMetadata.navigation;
|
|
87
89
|
this._localizations = defaultMetadata.localizations;
|
|
88
90
|
}
|
|
89
|
-
|
|
90
91
|
static getInstance(name = 'default') {
|
|
91
92
|
return this._instances[name];
|
|
92
93
|
}
|
|
93
|
-
|
|
94
94
|
static set(metadata, name = 'default') {
|
|
95
95
|
const metadataInstance = new Metadata();
|
|
96
96
|
metadataInstance.set(metadata);
|
|
97
97
|
Metadata._instances[name] = metadataInstance;
|
|
98
98
|
return metadataInstance;
|
|
99
99
|
}
|
|
100
|
-
|
|
101
100
|
get theme() {
|
|
102
101
|
var _this$_theme;
|
|
103
|
-
|
|
104
102
|
return (_this$_theme = this._theme) != null ? _this$_theme : {};
|
|
105
103
|
}
|
|
106
|
-
|
|
107
104
|
get themeV2() {
|
|
108
105
|
var _this$_themeV;
|
|
109
|
-
|
|
110
106
|
return (_this$_themeV = this._themeV2) != null ? _this$_themeV : {};
|
|
111
107
|
}
|
|
112
|
-
|
|
113
108
|
get navigation() {
|
|
114
109
|
var _this$_navigation;
|
|
115
|
-
|
|
116
110
|
return (_this$_navigation = this._navigation) != null ? _this$_navigation : {};
|
|
117
111
|
}
|
|
118
|
-
|
|
119
112
|
get localizations() {
|
|
120
113
|
var _this$_localizations;
|
|
121
|
-
|
|
122
114
|
return (_this$_localizations = this._localizations) != null ? _this$_localizations : {};
|
|
123
115
|
}
|
|
124
|
-
|
|
125
116
|
set(metadata) {
|
|
126
117
|
try {
|
|
127
118
|
var _defaultMetadata$navi, _metadata$navigation, _defaultMetadata$them, _defaultMetadata$them2, _metadata$themeV, _defaultMetadata$loca, _metadata$localizatio;
|
|
128
|
-
|
|
129
119
|
this._navigation = _deepmerge.default.all([(_defaultMetadata$navi = defaultMetadata.navigation) != null ? _defaultMetadata$navi : {}, (_metadata$navigation = metadata == null ? void 0 : metadata.navigation) != null ? _metadata$navigation : {}]);
|
|
130
120
|
this._theme = _deepmerge.default.all([(_defaultMetadata$them = defaultMetadata.theme) != null ? _defaultMetadata$them : {}, (0, _getPalette.getPalette)(metadata == null ? void 0 : metadata.theme, defaultMetadata.theme)]);
|
|
131
121
|
this._themeV2 = _deepmerge.default.all([(_defaultMetadata$them2 = defaultMetadata.themeV2) != null ? _defaultMetadata$them2 : {}, (_metadata$themeV = metadata == null ? void 0 : metadata.themeV2) != null ? _metadata$themeV : {}]);
|
|
@@ -137,8 +127,6 @@ class Metadata {
|
|
|
137
127
|
this._localizations = defaultMetadata.localizations;
|
|
138
128
|
}
|
|
139
129
|
}
|
|
140
|
-
|
|
141
130
|
}
|
|
142
|
-
|
|
143
131
|
exports.Metadata = Metadata;
|
|
144
132
|
Metadata._instances = {};
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.ApiTokensMethods = void 0;
|
|
7
7
|
let ApiTokensMethods;
|
|
8
8
|
exports.ApiTokensMethods = ApiTokensMethods;
|
|
9
|
-
|
|
10
9
|
(function (ApiTokensMethods) {
|
|
11
10
|
ApiTokensMethods["CLIENT_CREDENTIALS"] = "clientCredentials";
|
|
12
11
|
ApiTokensMethods["ACCESS_TOKEN"] = "accessToken";
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _LoginBoxCommon = require("./LoginBoxCommon");
|
|
8
|
-
|
|
9
7
|
Object.keys(_LoginBoxCommon).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _LoginBoxCommon[key]) return;
|
|
@@ -16,9 +14,7 @@ Object.keys(_LoginBoxCommon).forEach(function (key) {
|
|
|
16
14
|
}
|
|
17
15
|
});
|
|
18
16
|
});
|
|
19
|
-
|
|
20
17
|
var _LoginPageTheme = require("./LoginPageTheme");
|
|
21
|
-
|
|
22
18
|
Object.keys(_LoginPageTheme).forEach(function (key) {
|
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
|
24
20
|
if (key in exports && exports[key] === _LoginPageTheme[key]) return;
|
|
@@ -29,9 +25,7 @@ Object.keys(_LoginPageTheme).forEach(function (key) {
|
|
|
29
25
|
}
|
|
30
26
|
});
|
|
31
27
|
});
|
|
32
|
-
|
|
33
28
|
var _SignupPageTheme = require("./SignupPageTheme");
|
|
34
|
-
|
|
35
29
|
Object.keys(_SignupPageTheme).forEach(function (key) {
|
|
36
30
|
if (key === "default" || key === "__esModule") return;
|
|
37
31
|
if (key in exports && exports[key] === _SignupPageTheme[key]) return;
|
|
@@ -42,9 +36,7 @@ Object.keys(_SignupPageTheme).forEach(function (key) {
|
|
|
42
36
|
}
|
|
43
37
|
});
|
|
44
38
|
});
|
|
45
|
-
|
|
46
39
|
var _CustomLoginComponents = require("./CustomLoginComponents");
|
|
47
|
-
|
|
48
40
|
Object.keys(_CustomLoginComponents).forEach(function (key) {
|
|
49
41
|
if (key === "default" || key === "__esModule") return;
|
|
50
42
|
if (key in exports && exports[key] === _CustomLoginComponents[key]) return;
|
|
@@ -55,9 +47,7 @@ Object.keys(_CustomLoginComponents).forEach(function (key) {
|
|
|
55
47
|
}
|
|
56
48
|
});
|
|
57
49
|
});
|
|
58
|
-
|
|
59
50
|
var _SocialLoginsTheme = require("./SocialLoginsTheme");
|
|
60
|
-
|
|
61
51
|
Object.keys(_SocialLoginsTheme).forEach(function (key) {
|
|
62
52
|
if (key === "default" || key === "__esModule") return;
|
|
63
53
|
if (key in exports && exports[key] === _SocialLoginsTheme[key]) return;
|
|
@@ -68,9 +58,7 @@ Object.keys(_SocialLoginsTheme).forEach(function (key) {
|
|
|
68
58
|
}
|
|
69
59
|
});
|
|
70
60
|
});
|
|
71
|
-
|
|
72
61
|
var _ForgotPasswordTheme = require("./ForgotPasswordTheme");
|
|
73
|
-
|
|
74
62
|
Object.keys(_ForgotPasswordTheme).forEach(function (key) {
|
|
75
63
|
if (key === "default" || key === "__esModule") return;
|
|
76
64
|
if (key in exports && exports[key] === _ForgotPasswordTheme[key]) return;
|
|
@@ -81,9 +69,7 @@ Object.keys(_ForgotPasswordTheme).forEach(function (key) {
|
|
|
81
69
|
}
|
|
82
70
|
});
|
|
83
71
|
});
|
|
84
|
-
|
|
85
72
|
var _ResetPhoneNumberTheme = require("./ResetPhoneNumberTheme");
|
|
86
|
-
|
|
87
73
|
Object.keys(_ResetPhoneNumberTheme).forEach(function (key) {
|
|
88
74
|
if (key === "default" || key === "__esModule") return;
|
|
89
75
|
if (key in exports && exports[key] === _ResetPhoneNumberTheme[key]) return;
|
|
@@ -94,9 +80,7 @@ Object.keys(_ResetPhoneNumberTheme).forEach(function (key) {
|
|
|
94
80
|
}
|
|
95
81
|
});
|
|
96
82
|
});
|
|
97
|
-
|
|
98
83
|
var _ResetPasswordTheme = require("./ResetPasswordTheme");
|
|
99
|
-
|
|
100
84
|
Object.keys(_ResetPasswordTheme).forEach(function (key) {
|
|
101
85
|
if (key === "default" || key === "__esModule") return;
|
|
102
86
|
if (key in exports && exports[key] === _ResetPasswordTheme[key]) return;
|
|
@@ -107,9 +91,7 @@ Object.keys(_ResetPasswordTheme).forEach(function (key) {
|
|
|
107
91
|
}
|
|
108
92
|
});
|
|
109
93
|
});
|
|
110
|
-
|
|
111
94
|
var _ActivateAccountPageTheme = require("./ActivateAccountPageTheme");
|
|
112
|
-
|
|
113
95
|
Object.keys(_ActivateAccountPageTheme).forEach(function (key) {
|
|
114
96
|
if (key === "default" || key === "__esModule") return;
|
|
115
97
|
if (key in exports && exports[key] === _ActivateAccountPageTheme[key]) return;
|
|
@@ -120,9 +102,7 @@ Object.keys(_ActivateAccountPageTheme).forEach(function (key) {
|
|
|
120
102
|
}
|
|
121
103
|
});
|
|
122
104
|
});
|
|
123
|
-
|
|
124
105
|
var _AcceptInvitationTheme = require("./AcceptInvitationTheme");
|
|
125
|
-
|
|
126
106
|
Object.keys(_AcceptInvitationTheme).forEach(function (key) {
|
|
127
107
|
if (key === "default" || key === "__esModule") return;
|
|
128
108
|
if (key in exports && exports[key] === _AcceptInvitationTheme[key]) return;
|