@evlop/commons 1.0.332 → 1.0.334
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/dist/cjs/src/helpers/ColorVariants.d.ts +38 -0
- package/dist/cjs/src/helpers/ColorVariants.d.ts.map +1 -0
- package/dist/cjs/src/helpers/ColorVariants.js +208 -0
- package/dist/cjs/src/helpers/ColorVariants.js.map +1 -0
- package/dist/cjs/src/helpers/ColorVariants.test.d.ts +2 -0
- package/dist/cjs/src/helpers/ColorVariants.test.d.ts.map +1 -0
- package/dist/cjs/src/helpers/ColorVariants.test.js +215 -0
- package/dist/cjs/src/helpers/ColorVariants.test.js.map +1 -0
- package/dist/cjs/src/helpers/commonStyles.d.ts +7 -2
- package/dist/cjs/src/helpers/commonStyles.d.ts.map +1 -1
- package/dist/cjs/src/helpers/index.d.ts +1 -0
- package/dist/cjs/src/helpers/index.d.ts.map +1 -1
- package/dist/cjs/src/helpers/index.js +3 -0
- package/dist/cjs/src/helpers/index.js.map +1 -1
- package/dist/cjs/src/helpers/themeHelpers.d.ts +43 -11
- package/dist/cjs/src/helpers/themeHelpers.d.ts.map +1 -1
- package/dist/cjs/src/helpers/themeHelpers.js +17 -25
- package/dist/cjs/src/helpers/themeHelpers.js.map +1 -1
- package/dist/esm/src/helpers/ColorVariants.d.ts +38 -0
- package/dist/esm/src/helpers/ColorVariants.d.ts.map +1 -0
- package/dist/esm/src/helpers/ColorVariants.js +204 -0
- package/dist/esm/src/helpers/ColorVariants.js.map +1 -0
- package/dist/esm/src/helpers/ColorVariants.test.d.ts +2 -0
- package/dist/esm/src/helpers/ColorVariants.test.d.ts.map +1 -0
- package/dist/esm/src/helpers/ColorVariants.test.js +213 -0
- package/dist/esm/src/helpers/ColorVariants.test.js.map +1 -0
- package/dist/esm/src/helpers/commonStyles.d.ts +7 -2
- package/dist/esm/src/helpers/commonStyles.d.ts.map +1 -1
- package/dist/esm/src/helpers/index.d.ts +1 -0
- package/dist/esm/src/helpers/index.d.ts.map +1 -1
- package/dist/esm/src/helpers/index.js +1 -0
- package/dist/esm/src/helpers/index.js.map +1 -1
- package/dist/esm/src/helpers/themeHelpers.d.ts +43 -11
- package/dist/esm/src/helpers/themeHelpers.d.ts.map +1 -1
- package/dist/esm/src/helpers/themeHelpers.js +16 -25
- package/dist/esm/src/helpers/themeHelpers.js.map +1 -1
- package/dist/types/src/helpers/ColorVariants.d.ts +38 -0
- package/dist/types/src/helpers/ColorVariants.d.ts.map +1 -0
- package/dist/types/src/helpers/ColorVariants.test.d.ts +2 -0
- package/dist/types/src/helpers/ColorVariants.test.d.ts.map +1 -0
- package/dist/types/src/helpers/commonStyles.d.ts +7 -2
- package/dist/types/src/helpers/commonStyles.d.ts.map +1 -1
- package/dist/types/src/helpers/index.d.ts +1 -0
- package/dist/types/src/helpers/index.d.ts.map +1 -1
- package/dist/types/src/helpers/themeHelpers.d.ts +43 -11
- package/dist/types/src/helpers/themeHelpers.d.ts.map +1 -1
- package/package.json +2 -1
@@ -3,15 +3,25 @@ export declare const generateSizeScale: (baseSize: number, variants: {
|
|
3
3
|
}) => {
|
4
4
|
[x: string]: string;
|
5
5
|
};
|
6
|
+
declare const legacyFontSizes: {
|
7
|
+
xxxxs: number;
|
8
|
+
xxxs: number;
|
9
|
+
xxs: number;
|
10
|
+
xs: number;
|
11
|
+
xxl: number;
|
12
|
+
xxxl: number;
|
13
|
+
xxxxl: number;
|
14
|
+
xxxxxl: number;
|
15
|
+
xxxxxxl: number;
|
16
|
+
xxxxxxxl: number;
|
17
|
+
xxxxxxxxl: number;
|
18
|
+
xxxxxxxxxl: number;
|
19
|
+
};
|
6
20
|
export declare const fontSizes: {
|
7
21
|
xxxxs: number;
|
8
22
|
xxxs: number;
|
9
23
|
xxs: number;
|
10
24
|
xs: number;
|
11
|
-
sm: number;
|
12
|
-
md: number;
|
13
|
-
lg: number;
|
14
|
-
xl: number;
|
15
25
|
xxl: number;
|
16
26
|
xxxl: number;
|
17
27
|
xxxxl: number;
|
@@ -23,6 +33,10 @@ export declare const fontSizes: {
|
|
23
33
|
'4xs': number;
|
24
34
|
'3xs': number;
|
25
35
|
'2xs': number;
|
36
|
+
sm: number;
|
37
|
+
md: number;
|
38
|
+
lg: number;
|
39
|
+
xl: number;
|
26
40
|
'2xl': number;
|
27
41
|
'3xl': number;
|
28
42
|
'4xl': number;
|
@@ -33,7 +47,7 @@ export declare const fontSizes: {
|
|
33
47
|
'9xl': number;
|
34
48
|
};
|
35
49
|
type FontSizes = typeof fontSizes;
|
36
|
-
type FontSize = keyof FontSizes
|
50
|
+
type FontSize = Exclude<keyof FontSizes, keyof typeof legacyFontSizes>;
|
37
51
|
declare const fontWeights: {
|
38
52
|
Thin: number;
|
39
53
|
UltraLight: number;
|
@@ -55,10 +69,6 @@ export declare const lineHeightVariants: {
|
|
55
69
|
xxxs: number;
|
56
70
|
xxs: number;
|
57
71
|
xs: number;
|
58
|
-
sm: number;
|
59
|
-
md: number;
|
60
|
-
lg: number;
|
61
|
-
xl: number;
|
62
72
|
xxl: number;
|
63
73
|
xxxl: number;
|
64
74
|
xxxxl: number;
|
@@ -70,6 +80,10 @@ export declare const lineHeightVariants: {
|
|
70
80
|
'4xs': number;
|
71
81
|
'3xs': number;
|
72
82
|
'2xs': number;
|
83
|
+
sm: number;
|
84
|
+
md: number;
|
85
|
+
lg: number;
|
86
|
+
xl: number;
|
73
87
|
'2xl': number;
|
74
88
|
'3xl': number;
|
75
89
|
'4xl': number;
|
@@ -135,7 +149,7 @@ type Space = Exclude<keyof SpaceVariants, keyof typeof legacySpacingVariants>;
|
|
135
149
|
export declare const generateSpacingSizes: (baseSpacing: number) => {
|
136
150
|
[x: string]: string;
|
137
151
|
};
|
138
|
-
declare const
|
152
|
+
declare const baseColors: {
|
139
153
|
white: string;
|
140
154
|
black: string;
|
141
155
|
gray: string;
|
@@ -145,8 +159,25 @@ declare const colors: {
|
|
145
159
|
info: string;
|
146
160
|
warning: string;
|
147
161
|
danger: string;
|
162
|
+
red: string;
|
163
|
+
orange: string;
|
164
|
+
amber: string;
|
165
|
+
yellow: string;
|
166
|
+
lime: string;
|
167
|
+
green: string;
|
168
|
+
emerald: string;
|
169
|
+
teal: string;
|
170
|
+
cyan: string;
|
171
|
+
sky: string;
|
172
|
+
blue: string;
|
173
|
+
indigo: string;
|
174
|
+
violet: string;
|
175
|
+
purple: string;
|
176
|
+
fuchsia: string;
|
177
|
+
pink: string;
|
178
|
+
rose: string;
|
148
179
|
};
|
149
|
-
type BaseColors = typeof
|
180
|
+
type BaseColors = typeof baseColors;
|
150
181
|
type BaseColor = keyof BaseColors;
|
151
182
|
declare const lightModeColorShades: {
|
152
183
|
50: number;
|
@@ -211,6 +242,7 @@ type ShadedColorWithoutGray = `${ShadeableColorWithoutGray}-${ColorShade}`;
|
|
211
242
|
type ShadedGrayColor = `gray-${GrayColorShade}`;
|
212
243
|
type AlphaColor = `${ShadeableColor}-alpha-${ColorAlphaShade}`;
|
213
244
|
export type Color = BaseColor | ShadedColorWithoutGray | ShadedGrayColor | AlphaColor;
|
245
|
+
export declare function getColorShade(color: string, weight: number, dark?: boolean): string;
|
214
246
|
export declare function generateColorLightDarkShades(color: string, colorName: string, dark?: boolean): {};
|
215
247
|
export declare function generateColorAlphaShades(color: any): {};
|
216
248
|
export declare function generateColorShadesWithName(colorName: string, color: string, dark?: boolean): {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"themeHelpers.d.ts","sourceRoot":"","sources":["../../../../src/helpers/themeHelpers.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"themeHelpers.d.ts","sourceRoot":"","sources":["../../../../src/helpers/themeHelpers.tsx"],"names":[],"mappings":"AAkCA,eAAO,MAAM,iBAAiB,GAAI,UAAS,MAAM,EAAE,UAAU;IAAC,CAAC,GAAG,EAAC,MAAM,GAAG,MAAM,CAAA;CAAC;;CAIjF,CAAC;AAEH,QAAA,MAAM,eAAe;;;;;;;;;;;;;CAapB,CAAA;AAGD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBrB,CAAA;AAED,KAAK,SAAS,GAAG,OAAO,SAAS,CAAC;AAElC,KAAK,QAAQ,GAAG,OAAO,CAAC,MAAM,SAAS,EAAE,MAAM,OAAO,eAAe,CAAC,CAAC;AAEvE,QAAA,MAAM,WAAW;;;;;;;;;;CAUhB,CAAC;AAEF,KAAK,WAAW,GAAG,OAAO,WAAW,CAAC;AACtC,KAAK,UAAU,GAAG,MAAM,WAAW,CAAC;AAEpC,eAAO,MAAM,iBAAiB,GAAI,cAAc,MAAM;;CAA+C,CAAC;AAGtG,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAmC,CAAC;AACnE,KAAK,kBAAkB,GAAG,OAAO,kBAAkB,CAAC;AACpD,KAAK,UAAU,GAAG,MAAM,kBAAkB,CAAC;AAE3C,eAAO,MAAM,mBAAmB,GAAI,cAAc,MAAM;;CAAwD,CAAC;AAGjH,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;CAa1B,CAAA;AAGD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoB7B,CAAC;AAEF,KAAK,aAAa,GAAG,OAAO,iBAAiB,CAAC;AAC9C,KAAK,KAAK,GAAG,OAAO,CAAC,MAAM,aAAa,EAAE,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAE9E,eAAO,MAAM,oBAAoB,GAAI,aAAa,MAAM;;CAAsD,CAAC;AAE/G,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAgB,CAAC;AAEjC,KAAK,UAAU,GAAG,OAAO,UAAU,CAAC;AAEpC,KAAK,SAAS,GAAG,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,oBAAoB;;;;;;;;;;;CAazB,CAAA;AAED,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;CAQ7B,CAAA;AA2BD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAA;AAED,KAAK,WAAW,GAAG,OAAO,oBAAoB,CAAC;AAC/C,KAAK,eAAe,GAAG,OAAO,wBAAwB,CAAC;AACvD,KAAK,gBAAgB,GAAG,OAAO,gBAAgB,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,MAAM,WAAW,CAAC;AAC3C,MAAM,MAAM,cAAc,GAAG,MAAM,eAAe,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,MAAM,gBAAgB,CAAC;AAErD,KAAK,cAAc,GAAG,SAAS,CAAC;AAChC,KAAK,yBAAyB,GAAG,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;AAEjE,KAAK,sBAAsB,GAAG,GAAG,yBAAyB,IAAI,UAAU,EAAE,CAAA;AAC1E,KAAK,eAAe,GAAG,QAAQ,cAAc,EAAE,CAAA;AAC/C,KAAK,UAAU,GAAG,GAAG,cAAc,UAAU,eAAe,EAAE,CAAC;AAE/D,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,sBAAsB,GAAG,eAAe,GAAG,UAAU,CAAC;AAEtF,wBAAgB,aAAa,CAAC,KAAK,EAAC,MAAM,EAAE,MAAM,EAAC,MAAM,EAAE,IAAI,GAAC,OAAe,UAO9E;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,GAAC,OAAe,MAehG;AAED,wBAAgB,wBAAwB,CAAC,KAAK,KAAA,MAM7C;AAED,wBAAgB,2BAA2B,CAAC,SAAS,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM,EAAE,IAAI,GAAC,OAAe;;EAO/F;AAGH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IAAC,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAA;CAAC,EAAE,IAAI,GAAE,OAAe,MAK5F;AACD,MAAM,WAAW,KAAK;IAClB,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,KAAK,EAAE;SAAE,GAAG,IAAI,KAAK,GAAG,MAAM;KAAC,CAAC;IAChC,SAAS,EAAE;SAAE,GAAG,IAAI,QAAQ,GAAG,MAAM;KAAC,CAAC;IACvC,WAAW,EAAE;SAAE,GAAG,IAAI,UAAU,GAAG,MAAM;KAAC,CAAC;IAC3C,WAAW,EAAE;SAAE,GAAG,IAAI,UAAU,GAAG,MAAM;KAAC,CAAC;IAC3C,MAAM,EAAE;SAAE,GAAG,IAAI,KAAK,GAAG,MAAM;KAAC,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;CACpB"}
|
@@ -1,12 +1,14 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
exports.generateSpacingSizes = exports.spacingVariations = exports.generateLineHeights = exports.lineHeightVariants = exports.generateFontSizes = exports.fontSizes = exports.generateSizeScale = void 0;
|
4
|
+
exports.getColorShade = getColorShade;
|
4
5
|
exports.generateColorLightDarkShades = generateColorLightDarkShades;
|
5
6
|
exports.generateColorAlphaShades = generateColorAlphaShades;
|
6
7
|
exports.generateColorShadesWithName = generateColorShadesWithName;
|
7
8
|
exports.getColorVariants = getColorVariants;
|
8
9
|
const lodash_1 = require("lodash");
|
9
10
|
const polished_1 = require("polished");
|
11
|
+
const ColorVariants_1 = require("./ColorVariants");
|
10
12
|
const parseToRgb = (0, lodash_1.memoize)(polished_1.parseToRgb);
|
11
13
|
function lightenRgb(hex, intensity) {
|
12
14
|
const color = parseToRgb(hex);
|
@@ -35,16 +37,11 @@ const generateSizeScale = (baseSize, variants) => (0, lodash_1.mapValues)(varian
|
|
35
37
|
return null;
|
36
38
|
});
|
37
39
|
exports.generateSizeScale = generateSizeScale;
|
38
|
-
|
39
|
-
exports.fontSizes = {
|
40
|
+
const legacyFontSizes = {
|
40
41
|
'xxxxs': 10 / 16,
|
41
42
|
'xxxs': 11 / 16,
|
42
43
|
'xxs': 12 / 16,
|
43
44
|
'xs': 13 / 16,
|
44
|
-
'sm': 14 / 16,
|
45
|
-
'md': 15 / 16,
|
46
|
-
'lg': 16 / 16,
|
47
|
-
'xl': 17 / 16,
|
48
45
|
'xxl': 20 / 16,
|
49
46
|
'xxxl': 24 / 16,
|
50
47
|
'xxxxl': 27 / 16,
|
@@ -53,9 +50,16 @@ exports.fontSizes = {
|
|
53
50
|
'xxxxxxxl': 60 / 16,
|
54
51
|
'xxxxxxxxl': 76 / 16,
|
55
52
|
'xxxxxxxxxl': 94 / 16,
|
53
|
+
};
|
54
|
+
// font sizes
|
55
|
+
exports.fontSizes = {
|
56
56
|
'4xs': 10 / 16,
|
57
57
|
'3xs': 11 / 16,
|
58
58
|
'2xs': 12 / 16,
|
59
|
+
'sm': 14 / 16,
|
60
|
+
'md': 15 / 16,
|
61
|
+
'lg': 16 / 16,
|
62
|
+
'xl': 17 / 16,
|
59
63
|
'2xl': 20 / 16,
|
60
64
|
'3xl': 24 / 16,
|
61
65
|
'4xl': 27 / 16,
|
@@ -64,6 +68,7 @@ exports.fontSizes = {
|
|
64
68
|
'7xl': 60 / 16,
|
65
69
|
'8xl': 76 / 16,
|
66
70
|
'9xl': 94 / 16,
|
71
|
+
...legacyFontSizes,
|
67
72
|
};
|
68
73
|
const fontWeights = {
|
69
74
|
Thin: 100,
|
@@ -120,17 +125,7 @@ exports.spacingVariations = {
|
|
120
125
|
};
|
121
126
|
const generateSpacingSizes = (baseSpacing) => (0, exports.generateSizeScale)(baseSpacing, exports.spacingVariations);
|
122
127
|
exports.generateSpacingSizes = generateSpacingSizes;
|
123
|
-
const
|
124
|
-
white: "#ffffff",
|
125
|
-
black: "#1e1e1e",
|
126
|
-
gray: '#696969',
|
127
|
-
primary: '#008f7b',
|
128
|
-
secondary: '#008f7b',
|
129
|
-
success: '#008f7b',
|
130
|
-
info: '#008f7b',
|
131
|
-
warning: '#ff00ff',
|
132
|
-
danger: '#ff0000',
|
133
|
-
};
|
128
|
+
const baseColors = ColorVariants_1.defaultColors;
|
134
129
|
const lightModeColorShades = {
|
135
130
|
// whiten
|
136
131
|
50: -0.95,
|
@@ -198,11 +193,7 @@ const colorAlphaShades = {
|
|
198
193
|
"900": 0.9,
|
199
194
|
"950": 0.95
|
200
195
|
};
|
201
|
-
function getColorShade(color,
|
202
|
-
const _colorShades = dark ? darkModeColorShades : lightModeColorShades;
|
203
|
-
const _grayColorShades = dark ? darkModeGrayColorShades : lightModeGrayColorShades;
|
204
|
-
const colorShades = colorName === 'gray' ? _grayColorShades : _colorShades;
|
205
|
-
// const weight = colorShades[shade];
|
196
|
+
function getColorShade(color, weight, dark = false) {
|
206
197
|
const shouldLighten = weight < 0;
|
207
198
|
if (shouldLighten) {
|
208
199
|
return lightenRgb(color, Math.abs(weight));
|
@@ -216,11 +207,11 @@ function generateColorLightDarkShades(color, colorName, dark = false) {
|
|
216
207
|
switch (colorName) {
|
217
208
|
case 'gray': {
|
218
209
|
const colorShades = dark ? darkModeGrayColorShades : lightModeGrayColorShades;
|
219
|
-
return (0, lodash_1.mapValues)(colorShades, (weight, shade) => getColorShade(color,
|
210
|
+
return (0, lodash_1.mapValues)(colorShades, (weight, shade) => getColorShade(color, weight, dark));
|
220
211
|
}
|
221
212
|
default: {
|
222
213
|
const colorShades = dark ? darkModeColorShades : lightModeColorShades;
|
223
|
-
return (0, lodash_1.mapValues)(colorShades, (weight, shade) => getColorShade(color,
|
214
|
+
return (0, lodash_1.mapValues)(colorShades, (weight, shade) => getColorShade(color, weight, dark));
|
224
215
|
}
|
225
216
|
}
|
226
217
|
}
|
@@ -240,7 +231,8 @@ function generateColorShadesWithName(colorName, color, dark = false) {
|
|
240
231
|
return {
|
241
232
|
...(0, lodash_1.mapKeys)(generateColorLightDarkShades(color, colorName, dark), (color, shade) => `${colorName}-${shade}`),
|
242
233
|
...(0, lodash_1.mapKeys)(generateColorLightDarkShades(color, colorName, dark), (color, shade) => `${colorName}-shade-${shade}`), // legacy compat
|
243
|
-
...(0, lodash_1.mapKeys)(generateColorAlphaShades(color), (color, shade) => `${colorName}
|
234
|
+
...(0, lodash_1.mapKeys)(generateColorAlphaShades(color), (color, shade) => `${colorName}/${shade}`),
|
235
|
+
...(0, lodash_1.mapKeys)(generateColorAlphaShades(color), (color, shade) => `${colorName}-alpha-${shade}`), // legacy alpha shades
|
244
236
|
};
|
245
237
|
}
|
246
238
|
// colors
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"themeHelpers.js","sourceRoot":"","sources":["../../../../src/helpers/themeHelpers.tsx"],"names":[],"mappings":";;;
|
1
|
+
{"version":3,"file":"themeHelpers.js","sourceRoot":"","sources":["../../../../src/helpers/themeHelpers.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,38 @@
|
|
1
|
+
export declare const defaultColors: {
|
2
|
+
white: string;
|
3
|
+
black: string;
|
4
|
+
gray: string;
|
5
|
+
primary: string;
|
6
|
+
secondary: string;
|
7
|
+
success: string;
|
8
|
+
info: string;
|
9
|
+
warning: string;
|
10
|
+
danger: string;
|
11
|
+
red: string;
|
12
|
+
orange: string;
|
13
|
+
amber: string;
|
14
|
+
yellow: string;
|
15
|
+
lime: string;
|
16
|
+
green: string;
|
17
|
+
emerald: string;
|
18
|
+
teal: string;
|
19
|
+
cyan: string;
|
20
|
+
sky: string;
|
21
|
+
blue: string;
|
22
|
+
indigo: string;
|
23
|
+
violet: string;
|
24
|
+
purple: string;
|
25
|
+
fuchsia: string;
|
26
|
+
pink: string;
|
27
|
+
rose: string;
|
28
|
+
};
|
29
|
+
export declare class ColorVariants {
|
30
|
+
private colors;
|
31
|
+
private dark;
|
32
|
+
private cache;
|
33
|
+
constructor(colors: {
|
34
|
+
[colorName: string]: string;
|
35
|
+
}, dark?: boolean);
|
36
|
+
}
|
37
|
+
export default ColorVariants;
|
38
|
+
//# sourceMappingURL=ColorVariants.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ColorVariants.d.ts","sourceRoot":"","sources":["../../../../src/helpers/ColorVariants.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BzB,CAAA;AA8HD,qBAAa,aAAa;IACtB,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,IAAI,CAAU;IACtB,OAAO,CAAC,KAAK,CAAkC;gBAEnC,MAAM,EAAE;QAAC,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC,EAAE,IAAI,GAAE,OAAe;CAgE3E;AAED,eAAe,aAAa,CAAC"}
|
@@ -0,0 +1,204 @@
|
|
1
|
+
import { transparentize, parseToRgb as _parseToRgb, rgb } from "polished";
|
2
|
+
import { memoize } from "lodash";
|
3
|
+
const parseToRgb = memoize(_parseToRgb);
|
4
|
+
export const defaultColors = {
|
5
|
+
white: "#ffffff",
|
6
|
+
black: "#1e1e1e",
|
7
|
+
gray: '#696969',
|
8
|
+
primary: '#008f7b',
|
9
|
+
secondary: '#008f7b',
|
10
|
+
success: '#008f7b',
|
11
|
+
info: '#008f7b',
|
12
|
+
warning: '#ff00ff',
|
13
|
+
danger: '#ff0000',
|
14
|
+
red: '#ef4444',
|
15
|
+
orange: '#f97316',
|
16
|
+
amber: '#f59e0b',
|
17
|
+
yellow: '#eab308',
|
18
|
+
lime: '#84cc16',
|
19
|
+
green: '#22c55e',
|
20
|
+
emerald: '#10b981',
|
21
|
+
teal: '#14b8a6',
|
22
|
+
cyan: '#06b6d4',
|
23
|
+
sky: '#0ea5e9',
|
24
|
+
blue: '#3b82f6',
|
25
|
+
indigo: '#6366f1',
|
26
|
+
violet: '#8b5cf6',
|
27
|
+
purple: '#a855f7',
|
28
|
+
fuchsia: '#d946ef',
|
29
|
+
pink: '#ec4899',
|
30
|
+
rose: '#f43f5e',
|
31
|
+
};
|
32
|
+
const lightModeColorShades = {
|
33
|
+
50: -0.95,
|
34
|
+
100: -0.9,
|
35
|
+
200: -0.75,
|
36
|
+
300: -0.6,
|
37
|
+
400: -0.3,
|
38
|
+
500: 0,
|
39
|
+
600: 0.1,
|
40
|
+
700: 0.25,
|
41
|
+
800: 0.4,
|
42
|
+
900: 0.51,
|
43
|
+
};
|
44
|
+
const lightModeGrayColorShades = {
|
45
|
+
0: -1,
|
46
|
+
25: -0.97,
|
47
|
+
...lightModeColorShades,
|
48
|
+
950: 0.6,
|
49
|
+
1000: 0.7,
|
50
|
+
1050: 0.8,
|
51
|
+
1100: 0.9,
|
52
|
+
};
|
53
|
+
const darkModeColorShades = {
|
54
|
+
50: 0.9,
|
55
|
+
100: 0.7630875,
|
56
|
+
200: 0.5985,
|
57
|
+
300: 0.3740625,
|
58
|
+
400: 0.149625,
|
59
|
+
500: 0,
|
60
|
+
600: -0.3,
|
61
|
+
700: -0.6,
|
62
|
+
800: -0.75,
|
63
|
+
900: -0.9,
|
64
|
+
};
|
65
|
+
const darkModeGrayColorShades = {
|
66
|
+
0: 1,
|
67
|
+
25: 0.95,
|
68
|
+
...darkModeColorShades,
|
69
|
+
950: -0.925,
|
70
|
+
1000: -0.95,
|
71
|
+
1050: -0.97,
|
72
|
+
1100: -1,
|
73
|
+
};
|
74
|
+
const colorAlphaShades = {
|
75
|
+
"50": 0.05,
|
76
|
+
"100": 0.1,
|
77
|
+
"150": 0.15,
|
78
|
+
"200": 0.2,
|
79
|
+
"250": 0.25,
|
80
|
+
"300": 0.3,
|
81
|
+
"350": 0.35,
|
82
|
+
"400": 0.4,
|
83
|
+
"450": 0.45,
|
84
|
+
"500": 0.5,
|
85
|
+
"550": 0.55,
|
86
|
+
"600": 0.6,
|
87
|
+
"650": 0.65,
|
88
|
+
"700": 0.7,
|
89
|
+
"750": 0.75,
|
90
|
+
"800": 0.8,
|
91
|
+
"850": 0.85,
|
92
|
+
"900": 0.9,
|
93
|
+
"950": 0.95
|
94
|
+
};
|
95
|
+
function lightenRgb(hex, intensity) {
|
96
|
+
const color = parseToRgb(hex);
|
97
|
+
if (!color) {
|
98
|
+
return "";
|
99
|
+
}
|
100
|
+
const r = Math.round(color.red + (255 - color.red) * intensity);
|
101
|
+
const g = Math.round(color.green + (255 - color.green) * intensity);
|
102
|
+
const b = Math.round(color.blue + (255 - color.blue) * intensity);
|
103
|
+
return rgb(r, g, b);
|
104
|
+
}
|
105
|
+
function darkenRgb(hex, intensity) {
|
106
|
+
const color = parseToRgb(hex);
|
107
|
+
if (!color) {
|
108
|
+
return "";
|
109
|
+
}
|
110
|
+
const r = Math.round(color.red * (1 - intensity));
|
111
|
+
const g = Math.round(color.green * (1 - intensity));
|
112
|
+
const b = Math.round(color.blue * (1 - intensity));
|
113
|
+
return rgb(r, g, b);
|
114
|
+
}
|
115
|
+
function getColorShade(color, weight) {
|
116
|
+
const shouldLighten = weight < 0;
|
117
|
+
if (shouldLighten) {
|
118
|
+
return lightenRgb(color, Math.abs(weight));
|
119
|
+
}
|
120
|
+
else {
|
121
|
+
return darkenRgb(color, Math.abs(weight));
|
122
|
+
}
|
123
|
+
}
|
124
|
+
function getColorAlphaShade(color, alphaShade) {
|
125
|
+
const weight = colorAlphaShades[alphaShade];
|
126
|
+
if (weight !== undefined) {
|
127
|
+
try {
|
128
|
+
return transparentize(1 - weight, color);
|
129
|
+
}
|
130
|
+
catch (e) {
|
131
|
+
return color;
|
132
|
+
}
|
133
|
+
}
|
134
|
+
return color;
|
135
|
+
}
|
136
|
+
function getShadeMap(colorName, dark) {
|
137
|
+
if (colorName === 'gray') {
|
138
|
+
return dark ? darkModeGrayColorShades : lightModeGrayColorShades;
|
139
|
+
}
|
140
|
+
return dark ? darkModeColorShades : lightModeColorShades;
|
141
|
+
}
|
142
|
+
export class ColorVariants {
|
143
|
+
colors;
|
144
|
+
dark;
|
145
|
+
cache = new Map();
|
146
|
+
constructor(colors, dark = false) {
|
147
|
+
this.colors = { ...defaultColors, ...colors };
|
148
|
+
this.dark = dark;
|
149
|
+
return new Proxy(this, {
|
150
|
+
get(target, prop) {
|
151
|
+
// Return base color if it exists
|
152
|
+
if (prop in target.colors) {
|
153
|
+
return target.colors[prop];
|
154
|
+
}
|
155
|
+
const cacheKey = `${prop}-${target.dark}`;
|
156
|
+
if (target.cache.has(cacheKey)) {
|
157
|
+
return target.cache.get(cacheKey);
|
158
|
+
}
|
159
|
+
// Single regex to match: colorName[-colorShade][/alphaShade]
|
160
|
+
// Examples: red, red-500, red/50, red-500/50
|
161
|
+
let colorMatch = prop.match(/^([a-z]+)(?:-(\d+))?(?:\/(\d+))?$/);
|
162
|
+
// Fallback for legacy pattern: colorName-shade-colorShade OR colorName-alpha-alphaShade
|
163
|
+
if (!colorMatch) {
|
164
|
+
const legacyMatch = prop.match(/^([a-z]+)(?:-shade-(\d+)|-alpha-(\d+))$/);
|
165
|
+
if (legacyMatch) {
|
166
|
+
const [, colorName, shadeValue, alphaValue] = legacyMatch;
|
167
|
+
colorMatch = [legacyMatch[0], colorName, shadeValue, alphaValue];
|
168
|
+
}
|
169
|
+
}
|
170
|
+
if (colorMatch) {
|
171
|
+
const [, colorName, colorShade, alphaShade] = colorMatch;
|
172
|
+
if (colorName in target.colors) {
|
173
|
+
const baseColor = target.colors[colorName];
|
174
|
+
let resultColor = baseColor;
|
175
|
+
// Apply color shade if specified
|
176
|
+
if (colorShade) {
|
177
|
+
const shadeMap = getShadeMap(colorName, target.dark);
|
178
|
+
const weight = shadeMap[colorShade];
|
179
|
+
if (weight !== undefined) {
|
180
|
+
resultColor = getColorShade(baseColor, weight);
|
181
|
+
}
|
182
|
+
}
|
183
|
+
// Apply alpha if specified
|
184
|
+
if (alphaShade) {
|
185
|
+
const alphaResult = getColorAlphaShade(resultColor, alphaShade);
|
186
|
+
if (alphaResult) {
|
187
|
+
resultColor = alphaResult;
|
188
|
+
}
|
189
|
+
}
|
190
|
+
target.cache.set(cacheKey, resultColor);
|
191
|
+
return resultColor;
|
192
|
+
}
|
193
|
+
}
|
194
|
+
else {
|
195
|
+
target.cache.set(cacheKey, undefined);
|
196
|
+
}
|
197
|
+
// For any other property access, return undefined
|
198
|
+
return undefined;
|
199
|
+
}
|
200
|
+
});
|
201
|
+
}
|
202
|
+
}
|
203
|
+
export default ColorVariants;
|
204
|
+
//# sourceMappingURL=ColorVariants.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ColorVariants.js","sourceRoot":"","sources":["../../../../src/helpers/ColorVariants.ts"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ColorVariants.test.d.ts","sourceRoot":"","sources":["../../../../src/helpers/ColorVariants.test.ts"],"names":[],"mappings":""}
|