@mantine/colors-generator 9.0.0-alpha.5 → 9.0.0-alpha.6
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/cjs/_virtual/_rolldown/runtime.cjs +24 -0
- package/cjs/generate-colors.cjs +47 -27
- package/cjs/generate-colors.cjs.map +1 -1
- package/cjs/index.cjs +4 -9
- package/esm/generate-colors.mjs +45 -21
- package/esm/generate-colors.mjs.map +1 -1
- package/esm/index.mjs +2 -2
- package/package.json +1 -1
- package/cjs/index.cjs.map +0 -1
- package/esm/index.mjs.map +0 -1
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
//#region \0rolldown/runtime.js
|
|
3
|
+
var __create = Object.create;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
|
|
11
|
+
key = keys[i];
|
|
12
|
+
if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
|
+
get: ((k) => from[k]).bind(null, key),
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
20
|
+
value: mod,
|
|
21
|
+
enumerable: true
|
|
22
|
+
}) : target, mod));
|
|
23
|
+
//#endregion
|
|
24
|
+
exports.__toESM = __toESM;
|
package/cjs/generate-colors.cjs
CHANGED
|
@@ -1,35 +1,55 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
const require_runtime = require("./_virtual/_rolldown/runtime.cjs");
|
|
3
|
+
let chroma_js = require("chroma-js");
|
|
4
|
+
chroma_js = require_runtime.__toESM(chroma_js);
|
|
5
|
+
//#region packages/@mantine/colors-generator/src/generate-colors.ts
|
|
6
|
+
const LIGHTNESS_MAP = [
|
|
7
|
+
.96,
|
|
8
|
+
.907,
|
|
9
|
+
.805,
|
|
10
|
+
.697,
|
|
11
|
+
.605,
|
|
12
|
+
.547,
|
|
13
|
+
.518,
|
|
14
|
+
.445,
|
|
15
|
+
.395,
|
|
16
|
+
.34
|
|
17
|
+
];
|
|
18
|
+
const SATURATION_MAP = [
|
|
19
|
+
.32,
|
|
20
|
+
.16,
|
|
21
|
+
.08,
|
|
22
|
+
.04,
|
|
23
|
+
0,
|
|
24
|
+
0,
|
|
25
|
+
.04,
|
|
26
|
+
.08,
|
|
27
|
+
.16,
|
|
28
|
+
.32
|
|
29
|
+
];
|
|
12
30
|
function getClosestLightness(colorObject) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
(prev, curr) => Math.abs(curr - lightnessGoal) < Math.abs(prev - lightnessGoal) ? curr : prev
|
|
16
|
-
);
|
|
31
|
+
const lightnessGoal = colorObject.get("hsl.l");
|
|
32
|
+
return LIGHTNESS_MAP.reduce((prev, curr) => Math.abs(curr - lightnessGoal) < Math.abs(prev - lightnessGoal) ? curr : prev);
|
|
17
33
|
}
|
|
18
34
|
function generateColorsMap(color) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
35
|
+
const colorObject = (0, chroma_js.default)(color);
|
|
36
|
+
const closestLightness = getClosestLightness(colorObject);
|
|
37
|
+
const baseColorIndex = LIGHTNESS_MAP.findIndex((l) => l === closestLightness);
|
|
38
|
+
const colors = LIGHTNESS_MAP.map((l) => colorObject.set("hsl.l", l)).map((c) => (0, chroma_js.default)(c)).map((c, i) => {
|
|
39
|
+
const saturationDelta = SATURATION_MAP[i] - SATURATION_MAP[baseColorIndex];
|
|
40
|
+
return saturationDelta >= 0 ? c.saturate(saturationDelta) : c.desaturate(saturationDelta * -1);
|
|
41
|
+
});
|
|
42
|
+
colors[baseColorIndex] = (0, chroma_js.default)(color);
|
|
43
|
+
return {
|
|
44
|
+
baseColorIndex,
|
|
45
|
+
colors
|
|
46
|
+
};
|
|
28
47
|
}
|
|
29
48
|
function generateColors(color) {
|
|
30
|
-
|
|
49
|
+
return generateColorsMap(color).colors.map((c) => c.hex());
|
|
31
50
|
}
|
|
32
|
-
|
|
51
|
+
//#endregion
|
|
33
52
|
exports.generateColors = generateColors;
|
|
34
53
|
exports.generateColorsMap = generateColorsMap;
|
|
35
|
-
|
|
54
|
+
|
|
55
|
+
//# sourceMappingURL=generate-colors.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generate-colors.cjs","sources":["../src/generate-colors.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nconst LIGHTNESS_MAP = [0.96, 0.907, 0.805, 0.697, 0.605, 0.547, 0.518, 0.445, 0.395, 0.34];\nconst SATURATION_MAP = [0.32, 0.16, 0.08, 0.04, 0, 0, 0.04, 0.08, 0.16, 0.32];\n\nfunction getClosestLightness(colorObject: chroma.Color) {\n const lightnessGoal = colorObject.get('hsl.l');\n return LIGHTNESS_MAP.reduce((prev, curr) =>\n Math.abs(curr - lightnessGoal) < Math.abs(prev - lightnessGoal) ? curr : prev\n );\n}\n\nexport function generateColorsMap(color: string) {\n const colorObject = chroma(color);\n const closestLightness = getClosestLightness(colorObject);\n const baseColorIndex = LIGHTNESS_MAP.findIndex((l) => l === closestLightness);\n\n const colors = LIGHTNESS_MAP.map((l) => colorObject.set('hsl.l', l))\n .map((c) => chroma(c))\n .map((c, i) => {\n const saturationDelta = SATURATION_MAP[i] - SATURATION_MAP[baseColorIndex];\n return saturationDelta >= 0\n ? c.saturate(saturationDelta)\n : c.desaturate(saturationDelta * -1);\n });\n\n colors[baseColorIndex] = chroma(color);\n\n return { baseColorIndex, colors };\n}\n\nexport type MantineColorsTuple = readonly [\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n ...string[],\n];\n\nexport function generateColors(color: string) {\n return generateColorsMap(color).colors.map((c) => c.hex()) as unknown as MantineColorsTuple;\n}\n"],"
|
|
1
|
+
{"version":3,"file":"generate-colors.cjs","names":[],"sources":["../src/generate-colors.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nconst LIGHTNESS_MAP = [0.96, 0.907, 0.805, 0.697, 0.605, 0.547, 0.518, 0.445, 0.395, 0.34];\nconst SATURATION_MAP = [0.32, 0.16, 0.08, 0.04, 0, 0, 0.04, 0.08, 0.16, 0.32];\n\nfunction getClosestLightness(colorObject: chroma.Color) {\n const lightnessGoal = colorObject.get('hsl.l');\n return LIGHTNESS_MAP.reduce((prev, curr) =>\n Math.abs(curr - lightnessGoal) < Math.abs(prev - lightnessGoal) ? curr : prev\n );\n}\n\nexport function generateColorsMap(color: string) {\n const colorObject = chroma(color);\n const closestLightness = getClosestLightness(colorObject);\n const baseColorIndex = LIGHTNESS_MAP.findIndex((l) => l === closestLightness);\n\n const colors = LIGHTNESS_MAP.map((l) => colorObject.set('hsl.l', l))\n .map((c) => chroma(c))\n .map((c, i) => {\n const saturationDelta = SATURATION_MAP[i] - SATURATION_MAP[baseColorIndex];\n return saturationDelta >= 0\n ? c.saturate(saturationDelta)\n : c.desaturate(saturationDelta * -1);\n });\n\n colors[baseColorIndex] = chroma(color);\n\n return { baseColorIndex, colors };\n}\n\nexport type MantineColorsTuple = readonly [\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n ...string[],\n];\n\nexport function generateColors(color: string) {\n return generateColorsMap(color).colors.map((c) => c.hex()) as unknown as MantineColorsTuple;\n}\n"],"mappings":";;;;;AAEA,MAAM,gBAAgB;CAAC;CAAM;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAK;AAC1F,MAAM,iBAAiB;CAAC;CAAM;CAAM;CAAM;CAAM;CAAG;CAAG;CAAM;CAAM;CAAM;CAAK;AAE7E,SAAS,oBAAoB,aAA2B;CACtD,MAAM,gBAAgB,YAAY,IAAI,QAAQ;AAC9C,QAAO,cAAc,QAAQ,MAAM,SACjC,KAAK,IAAI,OAAO,cAAc,GAAG,KAAK,IAAI,OAAO,cAAc,GAAG,OAAO,KAC1E;;AAGH,SAAgB,kBAAkB,OAAe;CAC/C,MAAM,eAAA,GAAA,UAAA,SAAqB,MAAM;CACjC,MAAM,mBAAmB,oBAAoB,YAAY;CACzD,MAAM,iBAAiB,cAAc,WAAW,MAAM,MAAM,iBAAiB;CAE7E,MAAM,SAAS,cAAc,KAAK,MAAM,YAAY,IAAI,SAAS,EAAE,CAAC,CACjE,KAAK,OAAA,GAAA,UAAA,SAAa,EAAE,CAAC,CACrB,KAAK,GAAG,MAAM;EACb,MAAM,kBAAkB,eAAe,KAAK,eAAe;AAC3D,SAAO,mBAAmB,IACtB,EAAE,SAAS,gBAAgB,GAC3B,EAAE,WAAW,kBAAkB,GAAG;GACtC;AAEJ,QAAO,mBAAA,GAAA,UAAA,SAAyB,MAAM;AAEtC,QAAO;EAAE;EAAgB;EAAQ;;AAiBnC,SAAgB,eAAe,OAAe;AAC5C,QAAO,kBAAkB,MAAM,CAAC,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC"}
|
package/cjs/index.cjs
CHANGED
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
exports.generateColors = generateColors.generateColors;
|
|
8
|
-
exports.generateColorsMap = generateColors.generateColorsMap;
|
|
9
|
-
//# sourceMappingURL=index.cjs.map
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
+
const require_generate_colors = require("./generate-colors.cjs");
|
|
3
|
+
exports.generateColors = require_generate_colors.generateColors;
|
|
4
|
+
exports.generateColorsMap = require_generate_colors.generateColorsMap;
|
package/esm/generate-colors.mjs
CHANGED
|
@@ -1,28 +1,52 @@
|
|
|
1
|
-
|
|
2
|
-
import chroma from
|
|
3
|
-
|
|
4
|
-
const LIGHTNESS_MAP = [
|
|
5
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import chroma from "chroma-js";
|
|
3
|
+
//#region packages/@mantine/colors-generator/src/generate-colors.ts
|
|
4
|
+
const LIGHTNESS_MAP = [
|
|
5
|
+
.96,
|
|
6
|
+
.907,
|
|
7
|
+
.805,
|
|
8
|
+
.697,
|
|
9
|
+
.605,
|
|
10
|
+
.547,
|
|
11
|
+
.518,
|
|
12
|
+
.445,
|
|
13
|
+
.395,
|
|
14
|
+
.34
|
|
15
|
+
];
|
|
16
|
+
const SATURATION_MAP = [
|
|
17
|
+
.32,
|
|
18
|
+
.16,
|
|
19
|
+
.08,
|
|
20
|
+
.04,
|
|
21
|
+
0,
|
|
22
|
+
0,
|
|
23
|
+
.04,
|
|
24
|
+
.08,
|
|
25
|
+
.16,
|
|
26
|
+
.32
|
|
27
|
+
];
|
|
6
28
|
function getClosestLightness(colorObject) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
(prev, curr) => Math.abs(curr - lightnessGoal) < Math.abs(prev - lightnessGoal) ? curr : prev
|
|
10
|
-
);
|
|
29
|
+
const lightnessGoal = colorObject.get("hsl.l");
|
|
30
|
+
return LIGHTNESS_MAP.reduce((prev, curr) => Math.abs(curr - lightnessGoal) < Math.abs(prev - lightnessGoal) ? curr : prev);
|
|
11
31
|
}
|
|
12
32
|
function generateColorsMap(color) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
33
|
+
const colorObject = chroma(color);
|
|
34
|
+
const closestLightness = getClosestLightness(colorObject);
|
|
35
|
+
const baseColorIndex = LIGHTNESS_MAP.findIndex((l) => l === closestLightness);
|
|
36
|
+
const colors = LIGHTNESS_MAP.map((l) => colorObject.set("hsl.l", l)).map((c) => chroma(c)).map((c, i) => {
|
|
37
|
+
const saturationDelta = SATURATION_MAP[i] - SATURATION_MAP[baseColorIndex];
|
|
38
|
+
return saturationDelta >= 0 ? c.saturate(saturationDelta) : c.desaturate(saturationDelta * -1);
|
|
39
|
+
});
|
|
40
|
+
colors[baseColorIndex] = chroma(color);
|
|
41
|
+
return {
|
|
42
|
+
baseColorIndex,
|
|
43
|
+
colors
|
|
44
|
+
};
|
|
22
45
|
}
|
|
23
46
|
function generateColors(color) {
|
|
24
|
-
|
|
47
|
+
return generateColorsMap(color).colors.map((c) => c.hex());
|
|
25
48
|
}
|
|
26
|
-
|
|
49
|
+
//#endregion
|
|
27
50
|
export { generateColors, generateColorsMap };
|
|
28
|
-
|
|
51
|
+
|
|
52
|
+
//# sourceMappingURL=generate-colors.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generate-colors.mjs","sources":["../src/generate-colors.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nconst LIGHTNESS_MAP = [0.96, 0.907, 0.805, 0.697, 0.605, 0.547, 0.518, 0.445, 0.395, 0.34];\nconst SATURATION_MAP = [0.32, 0.16, 0.08, 0.04, 0, 0, 0.04, 0.08, 0.16, 0.32];\n\nfunction getClosestLightness(colorObject: chroma.Color) {\n const lightnessGoal = colorObject.get('hsl.l');\n return LIGHTNESS_MAP.reduce((prev, curr) =>\n Math.abs(curr - lightnessGoal) < Math.abs(prev - lightnessGoal) ? curr : prev\n );\n}\n\nexport function generateColorsMap(color: string) {\n const colorObject = chroma(color);\n const closestLightness = getClosestLightness(colorObject);\n const baseColorIndex = LIGHTNESS_MAP.findIndex((l) => l === closestLightness);\n\n const colors = LIGHTNESS_MAP.map((l) => colorObject.set('hsl.l', l))\n .map((c) => chroma(c))\n .map((c, i) => {\n const saturationDelta = SATURATION_MAP[i] - SATURATION_MAP[baseColorIndex];\n return saturationDelta >= 0\n ? c.saturate(saturationDelta)\n : c.desaturate(saturationDelta * -1);\n });\n\n colors[baseColorIndex] = chroma(color);\n\n return { baseColorIndex, colors };\n}\n\nexport type MantineColorsTuple = readonly [\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n ...string[],\n];\n\nexport function generateColors(color: string) {\n return generateColorsMap(color).colors.map((c) => c.hex()) as unknown as MantineColorsTuple;\n}\n"],"
|
|
1
|
+
{"version":3,"file":"generate-colors.mjs","names":[],"sources":["../src/generate-colors.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nconst LIGHTNESS_MAP = [0.96, 0.907, 0.805, 0.697, 0.605, 0.547, 0.518, 0.445, 0.395, 0.34];\nconst SATURATION_MAP = [0.32, 0.16, 0.08, 0.04, 0, 0, 0.04, 0.08, 0.16, 0.32];\n\nfunction getClosestLightness(colorObject: chroma.Color) {\n const lightnessGoal = colorObject.get('hsl.l');\n return LIGHTNESS_MAP.reduce((prev, curr) =>\n Math.abs(curr - lightnessGoal) < Math.abs(prev - lightnessGoal) ? curr : prev\n );\n}\n\nexport function generateColorsMap(color: string) {\n const colorObject = chroma(color);\n const closestLightness = getClosestLightness(colorObject);\n const baseColorIndex = LIGHTNESS_MAP.findIndex((l) => l === closestLightness);\n\n const colors = LIGHTNESS_MAP.map((l) => colorObject.set('hsl.l', l))\n .map((c) => chroma(c))\n .map((c, i) => {\n const saturationDelta = SATURATION_MAP[i] - SATURATION_MAP[baseColorIndex];\n return saturationDelta >= 0\n ? c.saturate(saturationDelta)\n : c.desaturate(saturationDelta * -1);\n });\n\n colors[baseColorIndex] = chroma(color);\n\n return { baseColorIndex, colors };\n}\n\nexport type MantineColorsTuple = readonly [\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n string,\n ...string[],\n];\n\nexport function generateColors(color: string) {\n return generateColorsMap(color).colors.map((c) => c.hex()) as unknown as MantineColorsTuple;\n}\n"],"mappings":";;;AAEA,MAAM,gBAAgB;CAAC;CAAM;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAK;AAC1F,MAAM,iBAAiB;CAAC;CAAM;CAAM;CAAM;CAAM;CAAG;CAAG;CAAM;CAAM;CAAM;CAAK;AAE7E,SAAS,oBAAoB,aAA2B;CACtD,MAAM,gBAAgB,YAAY,IAAI,QAAQ;AAC9C,QAAO,cAAc,QAAQ,MAAM,SACjC,KAAK,IAAI,OAAO,cAAc,GAAG,KAAK,IAAI,OAAO,cAAc,GAAG,OAAO,KAC1E;;AAGH,SAAgB,kBAAkB,OAAe;CAC/C,MAAM,cAAc,OAAO,MAAM;CACjC,MAAM,mBAAmB,oBAAoB,YAAY;CACzD,MAAM,iBAAiB,cAAc,WAAW,MAAM,MAAM,iBAAiB;CAE7E,MAAM,SAAS,cAAc,KAAK,MAAM,YAAY,IAAI,SAAS,EAAE,CAAC,CACjE,KAAK,MAAM,OAAO,EAAE,CAAC,CACrB,KAAK,GAAG,MAAM;EACb,MAAM,kBAAkB,eAAe,KAAK,eAAe;AAC3D,SAAO,mBAAmB,IACtB,EAAE,SAAS,gBAAgB,GAC3B,EAAE,WAAW,kBAAkB,GAAG;GACtC;AAEJ,QAAO,kBAAkB,OAAO,MAAM;AAEtC,QAAO;EAAE;EAAgB;EAAQ;;AAiBnC,SAAgB,eAAe,OAAe;AAC5C,QAAO,kBAAkB,MAAM,CAAC,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC"}
|
package/esm/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { generateColors, generateColorsMap } from "./generate-colors.mjs";
|
|
2
|
+
export { generateColors, generateColorsMap };
|
package/package.json
CHANGED
package/cjs/index.cjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
package/esm/index.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|