@yamada-ui/utils 2.0.2 → 2.0.3-dev-20251023101953
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/color.cjs +9 -13
- package/dist/cjs/color.cjs.map +1 -1
- package/dist/esm/color.js +9 -13
- package/dist/esm/color.js.map +1 -1
- package/dist/types/color.d.ts +28 -5
- package/package.json +1 -1
package/dist/cjs/color.cjs
CHANGED
|
@@ -53,24 +53,24 @@ const TONES = [
|
|
|
53
53
|
function convertColor(color, fallback) {
|
|
54
54
|
return function(format) {
|
|
55
55
|
try {
|
|
56
|
-
const
|
|
56
|
+
const alpha = format.endsWith("a");
|
|
57
57
|
if (/^[0-9a-fA-F]{6}$/.test(color)) color = "#" + color;
|
|
58
58
|
if (format.startsWith("hex")) {
|
|
59
59
|
let hexa = color2k.toHex(color);
|
|
60
|
-
if (
|
|
60
|
+
if (alpha) {
|
|
61
61
|
if (hexa.length === 7) hexa += "ff";
|
|
62
|
-
} else hexa = hexa.replace(/^#(
|
|
62
|
+
} else hexa = hexa.replace(/^#([0-9a-fA-F]{6})[0-9a-fA-F]{2}$/, "#$1");
|
|
63
63
|
return hexa;
|
|
64
64
|
} else if (format.startsWith("hsl")) {
|
|
65
65
|
let hsla = color2k.toHsla(color);
|
|
66
|
-
if (!
|
|
66
|
+
if (!alpha) {
|
|
67
67
|
hsla = hsla.replace(/hsla/, "hsl");
|
|
68
68
|
hsla = hsla.replace(/,\s*\d+(\.\d+)?\)$/, ")");
|
|
69
69
|
}
|
|
70
70
|
return hsla;
|
|
71
71
|
} else {
|
|
72
72
|
let rgba = color2k.toRgba(color);
|
|
73
|
-
if (!
|
|
73
|
+
if (!alpha) {
|
|
74
74
|
rgba = rgba.replace(/rgba/, "rgb");
|
|
75
75
|
rgba = rgba.replace(/,\s*\d+(\.\d+)?\)$/, ")");
|
|
76
76
|
}
|
|
@@ -82,8 +82,7 @@ function convertColor(color, fallback) {
|
|
|
82
82
|
};
|
|
83
83
|
}
|
|
84
84
|
function calcFormat(color) {
|
|
85
|
-
if (color.startsWith("hsl")
|
|
86
|
-
else if (color.startsWith("rgb")) return color.startsWith("rgba") ? "rgba" : "rgb";
|
|
85
|
+
if (color.startsWith("hsl") || color.startsWith("rgb")) return color.split("(")[0];
|
|
87
86
|
else return color.length === 9 ? "hexa" : "hex";
|
|
88
87
|
}
|
|
89
88
|
function getAlpha(color) {
|
|
@@ -111,12 +110,9 @@ function parseToHsla(color, fallback) {
|
|
|
111
110
|
}
|
|
112
111
|
}
|
|
113
112
|
function parseToHsv(color, fallback) {
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
255,
|
|
118
|
-
1
|
|
119
|
-
];
|
|
113
|
+
const rgba = parseToRgba(color, fallback);
|
|
114
|
+
if (!rgba) return void 0;
|
|
115
|
+
let [r, g, b, a] = rgba;
|
|
120
116
|
r = r / 255;
|
|
121
117
|
g = g / 255;
|
|
122
118
|
b = b / 255;
|
package/dist/cjs/color.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.cjs","names":["c","rgb: [number, number, number]","v","isNumber"],"sources":["../../src/color.ts"],"sourcesContent":["import * as c from \"color2k\"\nimport { isNumber } from \"./assertion\"\n\nexport type ColorFormat = \"hex\" | \"hexa\" | \"hsl\" | \"hsla\" | \"rgb\" | \"rgba\"\n\nexport const SEMANTIC_COLOR_SCHEMES = [\n \"mono\",\n \"primary\",\n \"secondary\",\n \"info\",\n \"success\",\n \"warning\",\n \"danger\",\n \"error\",\n \"link\",\n] as const\n\nexport const DEFAULT_COLOR_SCHEMES = [\n \"gray\",\n \"red\",\n \"rose\",\n \"pink\",\n \"flashy\",\n \"orange\",\n \"amber\",\n \"yellow\",\n \"lime\",\n \"green\",\n \"emerald\",\n \"teal\",\n \"cyan\",\n \"sky\",\n \"blue\",\n \"indigo\",\n \"violet\",\n \"purple\",\n \"fuchsia\",\n] as const\n\nexport const COLOR_SCHEMES = [\n ...SEMANTIC_COLOR_SCHEMES,\n ...DEFAULT_COLOR_SCHEMES,\n]\n\nexport const TONES = [\n 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950,\n] as const\n\nexport function convertColor(color: string, fallback?: string) {\n return function (format: ColorFormat): string | undefined {\n try {\n const isAlpha = format.endsWith(\"a\")\n\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n if (format.startsWith(\"hex\")) {\n let hexa = c.toHex(color)\n\n if (isAlpha) {\n if (hexa.length === 7) hexa += \"ff\"\n } else {\n hexa = hexa.replace(/^#(?:[0-9a-fA-F]{6})[0-9a-fA-F]{2}$/, \"$1\")\n }\n\n return hexa\n } else if (format.startsWith(\"hsl\")) {\n let hsla = c.toHsla(color)\n\n if (!isAlpha) {\n hsla = hsla.replace(/hsla/, \"hsl\")\n hsla = hsla.replace(/,\\s*\\d+(\\.\\d+)?\\)$/, \")\")\n }\n\n return hsla\n } else {\n let rgba = c.toRgba(color)\n\n if (!isAlpha) {\n rgba = rgba.replace(/rgba/, \"rgb\")\n rgba = rgba.replace(/,\\s*\\d+(\\.\\d+)?\\)$/, \")\")\n }\n\n return rgba\n }\n } catch {\n if (fallback) return convertColor(fallback)(format)\n }\n }\n}\n\nexport function calcFormat(color: string): ColorFormat {\n if (color.startsWith(\"hsl\")) {\n return color.startsWith(\"hsla\") ? \"hsla\" : \"hsl\"\n } else if (color.startsWith(\"rgb\")) {\n return color.startsWith(\"rgba\") ? \"rgba\" : \"rgb\"\n } else {\n return color.length === 9 ? \"hexa\" : \"hex\"\n }\n}\n\nexport function getAlpha(color: string) {\n return c.parseToRgba(color)[3]\n}\n\nexport function alphaToHex(a: number) {\n if (0 > a) a = 0\n if (1 < a) a = 1\n\n return Math.round(a * 255)\n .toString(16)\n .padStart(2, \"0\")\n}\n\nexport function parseToRgba(color: string, fallback?: string) {\n try {\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n return c.parseToRgba(color)\n } catch {\n if (fallback) return c.parseToRgba(fallback)\n }\n}\n\nexport function parseToHsla(color: string, fallback?: string) {\n try {\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n return c.parseToHsla(color)\n } catch {\n if (fallback) return c.parseToHsla(fallback)\n }\n}\n\nexport function parseToHsv(\n color: string,\n fallback?: string,\n): [number, number, number, number] {\n let [r, g, b, a] = parseToRgba(color, fallback) ?? [255, 255, 255, 1]\n\n r = r / 255\n g = g / 255\n b = b / 255\n\n const [min, max] = [Math.min(r, g, b), Math.max(r, g, b)]\n const delta = max - min\n\n let [h, v, s] = [0, max, max == 0 ? 0 : delta / max]\n\n switch (min) {\n case max:\n h = 0\n break\n\n case r:\n h = 60 * ((b - g) / delta) + 180\n break\n\n case g:\n h = 60 * ((r - b) / delta) + 300\n break\n\n case b:\n h = 60 * ((g - r) / delta) + 60\n break\n }\n\n return [h, s, v, a]\n}\n\nexport function rgbaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\") {\n return convertColor(c.rgba(r, g, b, a), fallback)(format)\n }\n}\n\nexport function hslaTo(\n [h, s, l, a]: [number, number, number, number],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\") {\n return convertColor(c.hsla(h, s, l, a), fallback)(format)\n }\n}\n\nexport function hsvTo(\n [h, s, v, a]: [number, number, number, number?],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\"): string | undefined {\n h = h / 60\n\n let rgb: [number, number, number] = [v, v, v]\n\n let i = Math.floor(h)\n let f = h - i\n let p = v * (1 - s)\n let q = v * (1 - s * f)\n let t = v * (1 - s * (1 - f))\n\n switch (i) {\n case 0:\n case 6:\n rgb = [v, t, p]\n break\n\n case 1:\n rgb = [q, v, p]\n break\n\n case 2:\n rgb = [p, v, t]\n break\n\n case 3:\n rgb = [p, q, v]\n break\n\n case 4:\n rgb = [t, p, v]\n break\n\n case 5:\n rgb = [v, p, q]\n break\n }\n\n let color = `rgb(${rgb.map((v) => Math.round(v * 255)).join(\", \")})`\n\n if (isNumber(a)) color = color.replace(/\\)$/, `, ${a})`)\n\n return convertColor(color, fallback)(format)\n }\n}\n\nexport function sameColor(\n color: string | undefined,\n comparison: string | undefined,\n) {\n if (!color) return false\n if (!comparison) return false\n\n const a = parseToRgba(color) ?? []\n const b = parseToRgba(comparison) ?? []\n\n return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3]\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"color.cjs","names":["c","rgb: [number, number, number]","v","isNumber"],"sources":["../../src/color.ts"],"sourcesContent":["import * as c from \"color2k\"\nimport { isNumber } from \"./assertion\"\n\nexport type ColorFormat = \"hex\" | \"hexa\" | \"hsl\" | \"hsla\" | \"rgb\" | \"rgba\"\n\nexport const SEMANTIC_COLOR_SCHEMES = [\n \"mono\",\n \"primary\",\n \"secondary\",\n \"info\",\n \"success\",\n \"warning\",\n \"danger\",\n \"error\",\n \"link\",\n] as const\n\nexport const DEFAULT_COLOR_SCHEMES = [\n \"gray\",\n \"red\",\n \"rose\",\n \"pink\",\n \"flashy\",\n \"orange\",\n \"amber\",\n \"yellow\",\n \"lime\",\n \"green\",\n \"emerald\",\n \"teal\",\n \"cyan\",\n \"sky\",\n \"blue\",\n \"indigo\",\n \"violet\",\n \"purple\",\n \"fuchsia\",\n] as const\n\nexport const COLOR_SCHEMES = [\n ...SEMANTIC_COLOR_SCHEMES,\n ...DEFAULT_COLOR_SCHEMES,\n]\n\nexport const TONES = [\n 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950,\n] as const\n\nexport function convertColor(\n color: string,\n fallback: string,\n): {\n (format: ColorFormat): string\n}\nexport function convertColor(\n color: string,\n fallback?: string,\n): {\n (format: ColorFormat): string | undefined\n}\nexport function convertColor(color: string, fallback?: string) {\n return function (format: ColorFormat) {\n try {\n const alpha = format.endsWith(\"a\")\n\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n if (format.startsWith(\"hex\")) {\n let hexa = c.toHex(color)\n\n if (alpha) {\n if (hexa.length === 7) hexa += \"ff\"\n } else {\n hexa = hexa.replace(/^#([0-9a-fA-F]{6})[0-9a-fA-F]{2}$/, \"#$1\")\n }\n\n return hexa\n } else if (format.startsWith(\"hsl\")) {\n let hsla = c.toHsla(color)\n\n if (!alpha) {\n hsla = hsla.replace(/hsla/, \"hsl\")\n hsla = hsla.replace(/,\\s*\\d+(\\.\\d+)?\\)$/, \")\")\n }\n\n return hsla\n } else {\n let rgba = c.toRgba(color)\n\n if (!alpha) {\n rgba = rgba.replace(/rgba/, \"rgb\")\n rgba = rgba.replace(/,\\s*\\d+(\\.\\d+)?\\)$/, \")\")\n }\n\n return rgba\n }\n } catch {\n if (fallback) return convertColor(fallback)(format)\n }\n }\n}\n\nexport function calcFormat(color: string): ColorFormat {\n if (color.startsWith(\"hsl\") || color.startsWith(\"rgb\")) {\n return color.split(\"(\")[0] as ColorFormat\n } else {\n return color.length === 9 ? \"hexa\" : \"hex\"\n }\n}\n\nexport function getAlpha(color: string) {\n return c.parseToRgba(color)[3]\n}\n\nexport function alphaToHex(a: number) {\n if (0 > a) a = 0\n if (1 < a) a = 1\n\n return Math.round(a * 255)\n .toString(16)\n .padStart(2, \"0\")\n}\n\nexport function parseToRgba(\n color: string,\n fallback: string,\n): [number, number, number, number]\nexport function parseToRgba(\n color: string,\n fallback?: string,\n): [number, number, number, number] | undefined\nexport function parseToRgba(color: string, fallback?: string) {\n try {\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n return c.parseToRgba(color)\n } catch {\n if (fallback) return c.parseToRgba(fallback)\n }\n}\n\nexport function parseToHsla(\n color: string,\n fallback: string,\n): [number, number, number, number]\nexport function parseToHsla(\n color: string,\n fallback?: string,\n): [number, number, number, number] | undefined\nexport function parseToHsla(color: string, fallback?: string) {\n try {\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n return c.parseToHsla(color)\n } catch {\n if (fallback) return c.parseToHsla(fallback)\n }\n}\n\nexport function parseToHsv(\n color: string,\n fallback: string,\n): [number, number, number, number]\nexport function parseToHsv(\n color: string,\n fallback?: string,\n): [number, number, number, number] | undefined\nexport function parseToHsv(color: string, fallback?: string) {\n const rgba = parseToRgba(color, fallback)\n\n if (!rgba) return undefined\n\n let [r, g, b, a] = rgba\n\n r = r / 255\n g = g / 255\n b = b / 255\n\n const [min, max] = [Math.min(r, g, b), Math.max(r, g, b)]\n const delta = max - min\n\n let [h, v, s] = [0, max, max == 0 ? 0 : delta / max]\n\n switch (min) {\n case max:\n h = 0\n break\n\n case r:\n h = 60 * ((b - g) / delta) + 180\n break\n\n case g:\n h = 60 * ((r - b) / delta) + 300\n break\n\n case b:\n h = 60 * ((g - r) / delta) + 60\n break\n }\n\n return [h, s, v, a]\n}\n\n// @ts-ignore\nexport function rgbaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback: string,\n): {\n (format: ColorFormat): string\n}\nexport function rgbaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback?: string,\n): {\n (format: ColorFormat): string | undefined\n}\nexport function rgbaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\") {\n return convertColor(c.rgba(r, g, b, a), fallback)(format)\n }\n}\n\n// @ts-ignore\nexport function hslaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback: string,\n): {\n (format: ColorFormat): string\n}\nexport function hslaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback?: string,\n): {\n (format: ColorFormat): string | undefined\n}\nexport function hslaTo(\n [h, s, l, a]: [number, number, number, number],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\") {\n return convertColor(c.hsla(h, s, l, a), fallback)(format)\n }\n}\n\n// @ts-ignore\nexport function hsvTo(\n [h, s, v, a]: [number, number, number, number?],\n fallback: string,\n): {\n (format: ColorFormat): string\n}\nexport function hsvTo(\n [h, s, v, a]: [number, number, number, number?],\n fallback?: string,\n): {\n (format: ColorFormat): string | undefined\n}\nexport function hsvTo(\n [h, s, v, a]: [number, number, number, number?],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\") {\n h = h / 60\n\n let rgb: [number, number, number] = [v, v, v]\n\n let i = Math.floor(h)\n let f = h - i\n let p = v * (1 - s)\n let q = v * (1 - s * f)\n let t = v * (1 - s * (1 - f))\n\n switch (i) {\n case 0:\n case 6:\n rgb = [v, t, p]\n break\n\n case 1:\n rgb = [q, v, p]\n break\n\n case 2:\n rgb = [p, v, t]\n break\n\n case 3:\n rgb = [p, q, v]\n break\n\n case 4:\n rgb = [t, p, v]\n break\n\n case 5:\n rgb = [v, p, q]\n break\n }\n\n let color = `rgb(${rgb.map((v) => Math.round(v * 255)).join(\", \")})`\n\n if (isNumber(a)) color = color.replace(/\\)$/, `, ${a})`)\n\n return convertColor(color, fallback)(format)\n }\n}\n\nexport function sameColor(\n color: string | undefined,\n comparison: string | undefined,\n) {\n if (!color) return false\n if (!comparison) return false\n\n const a = parseToRgba(color) ?? []\n const b = parseToRgba(comparison) ?? []\n\n return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3]\n}\n"],"mappings":"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"}
|
package/dist/esm/color.js
CHANGED
|
@@ -51,24 +51,24 @@ const TONES = [
|
|
|
51
51
|
function convertColor(color, fallback) {
|
|
52
52
|
return function(format) {
|
|
53
53
|
try {
|
|
54
|
-
const
|
|
54
|
+
const alpha = format.endsWith("a");
|
|
55
55
|
if (/^[0-9a-fA-F]{6}$/.test(color)) color = "#" + color;
|
|
56
56
|
if (format.startsWith("hex")) {
|
|
57
57
|
let hexa = c.toHex(color);
|
|
58
|
-
if (
|
|
58
|
+
if (alpha) {
|
|
59
59
|
if (hexa.length === 7) hexa += "ff";
|
|
60
|
-
} else hexa = hexa.replace(/^#(
|
|
60
|
+
} else hexa = hexa.replace(/^#([0-9a-fA-F]{6})[0-9a-fA-F]{2}$/, "#$1");
|
|
61
61
|
return hexa;
|
|
62
62
|
} else if (format.startsWith("hsl")) {
|
|
63
63
|
let hsla = c.toHsla(color);
|
|
64
|
-
if (!
|
|
64
|
+
if (!alpha) {
|
|
65
65
|
hsla = hsla.replace(/hsla/, "hsl");
|
|
66
66
|
hsla = hsla.replace(/,\s*\d+(\.\d+)?\)$/, ")");
|
|
67
67
|
}
|
|
68
68
|
return hsla;
|
|
69
69
|
} else {
|
|
70
70
|
let rgba = c.toRgba(color);
|
|
71
|
-
if (!
|
|
71
|
+
if (!alpha) {
|
|
72
72
|
rgba = rgba.replace(/rgba/, "rgb");
|
|
73
73
|
rgba = rgba.replace(/,\s*\d+(\.\d+)?\)$/, ")");
|
|
74
74
|
}
|
|
@@ -80,8 +80,7 @@ function convertColor(color, fallback) {
|
|
|
80
80
|
};
|
|
81
81
|
}
|
|
82
82
|
function calcFormat(color) {
|
|
83
|
-
if (color.startsWith("hsl")
|
|
84
|
-
else if (color.startsWith("rgb")) return color.startsWith("rgba") ? "rgba" : "rgb";
|
|
83
|
+
if (color.startsWith("hsl") || color.startsWith("rgb")) return color.split("(")[0];
|
|
85
84
|
else return color.length === 9 ? "hexa" : "hex";
|
|
86
85
|
}
|
|
87
86
|
function getAlpha(color) {
|
|
@@ -109,12 +108,9 @@ function parseToHsla(color, fallback) {
|
|
|
109
108
|
}
|
|
110
109
|
}
|
|
111
110
|
function parseToHsv(color, fallback) {
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
255,
|
|
116
|
-
1
|
|
117
|
-
];
|
|
111
|
+
const rgba = parseToRgba(color, fallback);
|
|
112
|
+
if (!rgba) return void 0;
|
|
113
|
+
let [r, g, b, a] = rgba;
|
|
118
114
|
r = r / 255;
|
|
119
115
|
g = g / 255;
|
|
120
116
|
b = b / 255;
|
package/dist/esm/color.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.js","names":["rgb: [number, number, number]","v"],"sources":["../../src/color.ts"],"sourcesContent":["import * as c from \"color2k\"\nimport { isNumber } from \"./assertion\"\n\nexport type ColorFormat = \"hex\" | \"hexa\" | \"hsl\" | \"hsla\" | \"rgb\" | \"rgba\"\n\nexport const SEMANTIC_COLOR_SCHEMES = [\n \"mono\",\n \"primary\",\n \"secondary\",\n \"info\",\n \"success\",\n \"warning\",\n \"danger\",\n \"error\",\n \"link\",\n] as const\n\nexport const DEFAULT_COLOR_SCHEMES = [\n \"gray\",\n \"red\",\n \"rose\",\n \"pink\",\n \"flashy\",\n \"orange\",\n \"amber\",\n \"yellow\",\n \"lime\",\n \"green\",\n \"emerald\",\n \"teal\",\n \"cyan\",\n \"sky\",\n \"blue\",\n \"indigo\",\n \"violet\",\n \"purple\",\n \"fuchsia\",\n] as const\n\nexport const COLOR_SCHEMES = [\n ...SEMANTIC_COLOR_SCHEMES,\n ...DEFAULT_COLOR_SCHEMES,\n]\n\nexport const TONES = [\n 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950,\n] as const\n\nexport function convertColor(color: string, fallback?: string) {\n return function (format: ColorFormat): string | undefined {\n try {\n const isAlpha = format.endsWith(\"a\")\n\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n if (format.startsWith(\"hex\")) {\n let hexa = c.toHex(color)\n\n if (isAlpha) {\n if (hexa.length === 7) hexa += \"ff\"\n } else {\n hexa = hexa.replace(/^#(?:[0-9a-fA-F]{6})[0-9a-fA-F]{2}$/, \"$1\")\n }\n\n return hexa\n } else if (format.startsWith(\"hsl\")) {\n let hsla = c.toHsla(color)\n\n if (!isAlpha) {\n hsla = hsla.replace(/hsla/, \"hsl\")\n hsla = hsla.replace(/,\\s*\\d+(\\.\\d+)?\\)$/, \")\")\n }\n\n return hsla\n } else {\n let rgba = c.toRgba(color)\n\n if (!isAlpha) {\n rgba = rgba.replace(/rgba/, \"rgb\")\n rgba = rgba.replace(/,\\s*\\d+(\\.\\d+)?\\)$/, \")\")\n }\n\n return rgba\n }\n } catch {\n if (fallback) return convertColor(fallback)(format)\n }\n }\n}\n\nexport function calcFormat(color: string): ColorFormat {\n if (color.startsWith(\"hsl\")) {\n return color.startsWith(\"hsla\") ? \"hsla\" : \"hsl\"\n } else if (color.startsWith(\"rgb\")) {\n return color.startsWith(\"rgba\") ? \"rgba\" : \"rgb\"\n } else {\n return color.length === 9 ? \"hexa\" : \"hex\"\n }\n}\n\nexport function getAlpha(color: string) {\n return c.parseToRgba(color)[3]\n}\n\nexport function alphaToHex(a: number) {\n if (0 > a) a = 0\n if (1 < a) a = 1\n\n return Math.round(a * 255)\n .toString(16)\n .padStart(2, \"0\")\n}\n\nexport function parseToRgba(color: string, fallback?: string) {\n try {\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n return c.parseToRgba(color)\n } catch {\n if (fallback) return c.parseToRgba(fallback)\n }\n}\n\nexport function parseToHsla(color: string, fallback?: string) {\n try {\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n return c.parseToHsla(color)\n } catch {\n if (fallback) return c.parseToHsla(fallback)\n }\n}\n\nexport function parseToHsv(\n color: string,\n fallback?: string,\n): [number, number, number, number] {\n let [r, g, b, a] = parseToRgba(color, fallback) ?? [255, 255, 255, 1]\n\n r = r / 255\n g = g / 255\n b = b / 255\n\n const [min, max] = [Math.min(r, g, b), Math.max(r, g, b)]\n const delta = max - min\n\n let [h, v, s] = [0, max, max == 0 ? 0 : delta / max]\n\n switch (min) {\n case max:\n h = 0\n break\n\n case r:\n h = 60 * ((b - g) / delta) + 180\n break\n\n case g:\n h = 60 * ((r - b) / delta) + 300\n break\n\n case b:\n h = 60 * ((g - r) / delta) + 60\n break\n }\n\n return [h, s, v, a]\n}\n\nexport function rgbaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\") {\n return convertColor(c.rgba(r, g, b, a), fallback)(format)\n }\n}\n\nexport function hslaTo(\n [h, s, l, a]: [number, number, number, number],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\") {\n return convertColor(c.hsla(h, s, l, a), fallback)(format)\n }\n}\n\nexport function hsvTo(\n [h, s, v, a]: [number, number, number, number?],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\"): string | undefined {\n h = h / 60\n\n let rgb: [number, number, number] = [v, v, v]\n\n let i = Math.floor(h)\n let f = h - i\n let p = v * (1 - s)\n let q = v * (1 - s * f)\n let t = v * (1 - s * (1 - f))\n\n switch (i) {\n case 0:\n case 6:\n rgb = [v, t, p]\n break\n\n case 1:\n rgb = [q, v, p]\n break\n\n case 2:\n rgb = [p, v, t]\n break\n\n case 3:\n rgb = [p, q, v]\n break\n\n case 4:\n rgb = [t, p, v]\n break\n\n case 5:\n rgb = [v, p, q]\n break\n }\n\n let color = `rgb(${rgb.map((v) => Math.round(v * 255)).join(\", \")})`\n\n if (isNumber(a)) color = color.replace(/\\)$/, `, ${a})`)\n\n return convertColor(color, fallback)(format)\n }\n}\n\nexport function sameColor(\n color: string | undefined,\n comparison: string | undefined,\n) {\n if (!color) return false\n if (!comparison) return false\n\n const a = parseToRgba(color) ?? []\n const b = parseToRgba(comparison) ?? []\n\n return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3]\n}\n"],"mappings":";;;;AAKA,MAAa,yBAAyB;CACpC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,wBAAwB;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,gBAAgB,CAC3B,GAAG,wBACH,GAAG,sBACJ;AAED,MAAa,QAAQ;CACnB;CAAI;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAClD;AAED,SAAgB,aAAa,OAAe,UAAmB;AAC7D,QAAO,SAAU,QAAyC;AACxD,MAAI;GACF,MAAM,UAAU,OAAO,SAAS,IAAI;AAEpC,OAAI,mBAAmB,KAAK,MAAM,CAAE,SAAQ,MAAM;AAElD,OAAI,OAAO,WAAW,MAAM,EAAE;IAC5B,IAAI,OAAO,EAAE,MAAM,MAAM;AAEzB,QAAI,SACF;SAAI,KAAK,WAAW,EAAG,SAAQ;UAE/B,QAAO,KAAK,QAAQ,uCAAuC,KAAK;AAGlE,WAAO;cACE,OAAO,WAAW,MAAM,EAAE;IACnC,IAAI,OAAO,EAAE,OAAO,MAAM;AAE1B,QAAI,CAAC,SAAS;AACZ,YAAO,KAAK,QAAQ,QAAQ,MAAM;AAClC,YAAO,KAAK,QAAQ,sBAAsB,IAAI;;AAGhD,WAAO;UACF;IACL,IAAI,OAAO,EAAE,OAAO,MAAM;AAE1B,QAAI,CAAC,SAAS;AACZ,YAAO,KAAK,QAAQ,QAAQ,MAAM;AAClC,YAAO,KAAK,QAAQ,sBAAsB,IAAI;;AAGhD,WAAO;;UAEH;AACN,OAAI,SAAU,QAAO,aAAa,SAAS,CAAC,OAAO;;;;AAKzD,SAAgB,WAAW,OAA4B;AACrD,KAAI,MAAM,WAAW,MAAM,CACzB,QAAO,MAAM,WAAW,OAAO,GAAG,SAAS;UAClC,MAAM,WAAW,MAAM,CAChC,QAAO,MAAM,WAAW,OAAO,GAAG,SAAS;KAE3C,QAAO,MAAM,WAAW,IAAI,SAAS;;AAIzC,SAAgB,SAAS,OAAe;AACtC,QAAO,EAAE,YAAY,MAAM,CAAC;;AAG9B,SAAgB,WAAW,GAAW;AACpC,KAAI,IAAI,EAAG,KAAI;AACf,KAAI,IAAI,EAAG,KAAI;AAEf,QAAO,KAAK,MAAM,IAAI,IAAI,CACvB,SAAS,GAAG,CACZ,SAAS,GAAG,IAAI;;AAGrB,SAAgB,YAAY,OAAe,UAAmB;AAC5D,KAAI;AACF,MAAI,mBAAmB,KAAK,MAAM,CAAE,SAAQ,MAAM;AAElD,SAAO,EAAE,YAAY,MAAM;SACrB;AACN,MAAI,SAAU,QAAO,EAAE,YAAY,SAAS;;;AAIhD,SAAgB,YAAY,OAAe,UAAmB;AAC5D,KAAI;AACF,MAAI,mBAAmB,KAAK,MAAM,CAAE,SAAQ,MAAM;AAElD,SAAO,EAAE,YAAY,MAAM;SACrB;AACN,MAAI,SAAU,QAAO,EAAE,YAAY,SAAS;;;AAIhD,SAAgB,WACd,OACA,UACkC;CAClC,IAAI,CAAC,GAAG,GAAG,GAAG,KAAK,YAAY,OAAO,SAAS,IAAI;EAAC;EAAK;EAAK;EAAK;EAAE;AAErE,KAAI,IAAI;AACR,KAAI,IAAI;AACR,KAAI,IAAI;CAER,MAAM,CAAC,KAAK,OAAO,CAAC,KAAK,IAAI,GAAG,GAAG,EAAE,EAAE,KAAK,IAAI,GAAG,GAAG,EAAE,CAAC;CACzD,MAAM,QAAQ,MAAM;CAEpB,IAAI,CAAC,GAAG,GAAG,KAAK;EAAC;EAAG;EAAK,OAAO,IAAI,IAAI,QAAQ;EAAI;AAEpD,SAAQ,KAAR;EACE,KAAK;AACH,OAAI;AACJ;EAEF,KAAK;AACH,OAAI,OAAO,IAAI,KAAK,SAAS;AAC7B;EAEF,KAAK;AACH,OAAI,OAAO,IAAI,KAAK,SAAS;AAC7B;EAEF,KAAK;AACH,OAAI,OAAO,IAAI,KAAK,SAAS;AAC7B;;AAGJ,QAAO;EAAC;EAAG;EAAG;EAAG;EAAE;;AAGrB,SAAgB,OACd,CAAC,GAAG,GAAG,GAAG,IACV,UACA;AACA,QAAO,SAAU,SAAsB,OAAO;AAC5C,SAAO,aAAa,EAAE,KAAK,GAAG,GAAG,GAAG,EAAE,EAAE,SAAS,CAAC,OAAO;;;AAI7D,SAAgB,OACd,CAAC,GAAG,GAAG,GAAG,IACV,UACA;AACA,QAAO,SAAU,SAAsB,OAAO;AAC5C,SAAO,aAAa,EAAE,KAAK,GAAG,GAAG,GAAG,EAAE,EAAE,SAAS,CAAC,OAAO;;;AAI7D,SAAgB,MACd,CAAC,GAAG,GAAG,GAAG,IACV,UACA;AACA,QAAO,SAAU,SAAsB,OAA2B;AAChE,MAAI,IAAI;EAER,IAAIA,MAAgC;GAAC;GAAG;GAAG;GAAE;EAE7C,IAAI,IAAI,KAAK,MAAM,EAAE;EACrB,IAAI,IAAI,IAAI;EACZ,IAAI,IAAI,KAAK,IAAI;EACjB,IAAI,IAAI,KAAK,IAAI,IAAI;EACrB,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI;AAE1B,UAAQ,GAAR;GACE,KAAK;GACL,KAAK;AACH,UAAM;KAAC;KAAG;KAAG;KAAE;AACf;GAEF,KAAK;AACH,UAAM;KAAC;KAAG;KAAG;KAAE;AACf;GAEF,KAAK;AACH,UAAM;KAAC;KAAG;KAAG;KAAE;AACf;GAEF,KAAK;AACH,UAAM;KAAC;KAAG;KAAG;KAAE;AACf;GAEF,KAAK;AACH,UAAM;KAAC;KAAG;KAAG;KAAE;AACf;GAEF,KAAK;AACH,UAAM;KAAC;KAAG;KAAG;KAAE;AACf;;EAGJ,IAAI,QAAQ,OAAO,IAAI,KAAK,QAAM,KAAK,MAAMC,MAAI,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC;AAElE,MAAI,SAAS,EAAE,CAAE,SAAQ,MAAM,QAAQ,OAAO,KAAK,EAAE,GAAG;AAExD,SAAO,aAAa,OAAO,SAAS,CAAC,OAAO;;;AAIhD,SAAgB,UACd,OACA,YACA;AACA,KAAI,CAAC,MAAO,QAAO;AACnB,KAAI,CAAC,WAAY,QAAO;CAExB,MAAM,IAAI,YAAY,MAAM,IAAI,EAAE;CAClC,MAAM,IAAI,YAAY,WAAW,IAAI,EAAE;AAEvC,QAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE"}
|
|
1
|
+
{"version":3,"file":"color.js","names":["rgb: [number, number, number]","v"],"sources":["../../src/color.ts"],"sourcesContent":["import * as c from \"color2k\"\nimport { isNumber } from \"./assertion\"\n\nexport type ColorFormat = \"hex\" | \"hexa\" | \"hsl\" | \"hsla\" | \"rgb\" | \"rgba\"\n\nexport const SEMANTIC_COLOR_SCHEMES = [\n \"mono\",\n \"primary\",\n \"secondary\",\n \"info\",\n \"success\",\n \"warning\",\n \"danger\",\n \"error\",\n \"link\",\n] as const\n\nexport const DEFAULT_COLOR_SCHEMES = [\n \"gray\",\n \"red\",\n \"rose\",\n \"pink\",\n \"flashy\",\n \"orange\",\n \"amber\",\n \"yellow\",\n \"lime\",\n \"green\",\n \"emerald\",\n \"teal\",\n \"cyan\",\n \"sky\",\n \"blue\",\n \"indigo\",\n \"violet\",\n \"purple\",\n \"fuchsia\",\n] as const\n\nexport const COLOR_SCHEMES = [\n ...SEMANTIC_COLOR_SCHEMES,\n ...DEFAULT_COLOR_SCHEMES,\n]\n\nexport const TONES = [\n 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950,\n] as const\n\nexport function convertColor(\n color: string,\n fallback: string,\n): {\n (format: ColorFormat): string\n}\nexport function convertColor(\n color: string,\n fallback?: string,\n): {\n (format: ColorFormat): string | undefined\n}\nexport function convertColor(color: string, fallback?: string) {\n return function (format: ColorFormat) {\n try {\n const alpha = format.endsWith(\"a\")\n\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n if (format.startsWith(\"hex\")) {\n let hexa = c.toHex(color)\n\n if (alpha) {\n if (hexa.length === 7) hexa += \"ff\"\n } else {\n hexa = hexa.replace(/^#([0-9a-fA-F]{6})[0-9a-fA-F]{2}$/, \"#$1\")\n }\n\n return hexa\n } else if (format.startsWith(\"hsl\")) {\n let hsla = c.toHsla(color)\n\n if (!alpha) {\n hsla = hsla.replace(/hsla/, \"hsl\")\n hsla = hsla.replace(/,\\s*\\d+(\\.\\d+)?\\)$/, \")\")\n }\n\n return hsla\n } else {\n let rgba = c.toRgba(color)\n\n if (!alpha) {\n rgba = rgba.replace(/rgba/, \"rgb\")\n rgba = rgba.replace(/,\\s*\\d+(\\.\\d+)?\\)$/, \")\")\n }\n\n return rgba\n }\n } catch {\n if (fallback) return convertColor(fallback)(format)\n }\n }\n}\n\nexport function calcFormat(color: string): ColorFormat {\n if (color.startsWith(\"hsl\") || color.startsWith(\"rgb\")) {\n return color.split(\"(\")[0] as ColorFormat\n } else {\n return color.length === 9 ? \"hexa\" : \"hex\"\n }\n}\n\nexport function getAlpha(color: string) {\n return c.parseToRgba(color)[3]\n}\n\nexport function alphaToHex(a: number) {\n if (0 > a) a = 0\n if (1 < a) a = 1\n\n return Math.round(a * 255)\n .toString(16)\n .padStart(2, \"0\")\n}\n\nexport function parseToRgba(\n color: string,\n fallback: string,\n): [number, number, number, number]\nexport function parseToRgba(\n color: string,\n fallback?: string,\n): [number, number, number, number] | undefined\nexport function parseToRgba(color: string, fallback?: string) {\n try {\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n return c.parseToRgba(color)\n } catch {\n if (fallback) return c.parseToRgba(fallback)\n }\n}\n\nexport function parseToHsla(\n color: string,\n fallback: string,\n): [number, number, number, number]\nexport function parseToHsla(\n color: string,\n fallback?: string,\n): [number, number, number, number] | undefined\nexport function parseToHsla(color: string, fallback?: string) {\n try {\n if (/^[0-9a-fA-F]{6}$/.test(color)) color = \"#\" + color\n\n return c.parseToHsla(color)\n } catch {\n if (fallback) return c.parseToHsla(fallback)\n }\n}\n\nexport function parseToHsv(\n color: string,\n fallback: string,\n): [number, number, number, number]\nexport function parseToHsv(\n color: string,\n fallback?: string,\n): [number, number, number, number] | undefined\nexport function parseToHsv(color: string, fallback?: string) {\n const rgba = parseToRgba(color, fallback)\n\n if (!rgba) return undefined\n\n let [r, g, b, a] = rgba\n\n r = r / 255\n g = g / 255\n b = b / 255\n\n const [min, max] = [Math.min(r, g, b), Math.max(r, g, b)]\n const delta = max - min\n\n let [h, v, s] = [0, max, max == 0 ? 0 : delta / max]\n\n switch (min) {\n case max:\n h = 0\n break\n\n case r:\n h = 60 * ((b - g) / delta) + 180\n break\n\n case g:\n h = 60 * ((r - b) / delta) + 300\n break\n\n case b:\n h = 60 * ((g - r) / delta) + 60\n break\n }\n\n return [h, s, v, a]\n}\n\n// @ts-ignore\nexport function rgbaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback: string,\n): {\n (format: ColorFormat): string\n}\nexport function rgbaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback?: string,\n): {\n (format: ColorFormat): string | undefined\n}\nexport function rgbaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\") {\n return convertColor(c.rgba(r, g, b, a), fallback)(format)\n }\n}\n\n// @ts-ignore\nexport function hslaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback: string,\n): {\n (format: ColorFormat): string\n}\nexport function hslaTo(\n [r, g, b, a]: [number, number, number, number],\n fallback?: string,\n): {\n (format: ColorFormat): string | undefined\n}\nexport function hslaTo(\n [h, s, l, a]: [number, number, number, number],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\") {\n return convertColor(c.hsla(h, s, l, a), fallback)(format)\n }\n}\n\n// @ts-ignore\nexport function hsvTo(\n [h, s, v, a]: [number, number, number, number?],\n fallback: string,\n): {\n (format: ColorFormat): string\n}\nexport function hsvTo(\n [h, s, v, a]: [number, number, number, number?],\n fallback?: string,\n): {\n (format: ColorFormat): string | undefined\n}\nexport function hsvTo(\n [h, s, v, a]: [number, number, number, number?],\n fallback?: string,\n) {\n return function (format: ColorFormat = \"hex\") {\n h = h / 60\n\n let rgb: [number, number, number] = [v, v, v]\n\n let i = Math.floor(h)\n let f = h - i\n let p = v * (1 - s)\n let q = v * (1 - s * f)\n let t = v * (1 - s * (1 - f))\n\n switch (i) {\n case 0:\n case 6:\n rgb = [v, t, p]\n break\n\n case 1:\n rgb = [q, v, p]\n break\n\n case 2:\n rgb = [p, v, t]\n break\n\n case 3:\n rgb = [p, q, v]\n break\n\n case 4:\n rgb = [t, p, v]\n break\n\n case 5:\n rgb = [v, p, q]\n break\n }\n\n let color = `rgb(${rgb.map((v) => Math.round(v * 255)).join(\", \")})`\n\n if (isNumber(a)) color = color.replace(/\\)$/, `, ${a})`)\n\n return convertColor(color, fallback)(format)\n }\n}\n\nexport function sameColor(\n color: string | undefined,\n comparison: string | undefined,\n) {\n if (!color) return false\n if (!comparison) return false\n\n const a = parseToRgba(color) ?? []\n const b = parseToRgba(comparison) ?? []\n\n return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3]\n}\n"],"mappings":"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"}
|
package/dist/types/color.d.ts
CHANGED
|
@@ -4,16 +4,39 @@ declare const SEMANTIC_COLOR_SCHEMES: readonly ["mono", "primary", "secondary",
|
|
|
4
4
|
declare const DEFAULT_COLOR_SCHEMES: readonly ["gray", "red", "rose", "pink", "flashy", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia"];
|
|
5
5
|
declare const COLOR_SCHEMES: ("mono" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "error" | "link" | "gray" | "red" | "rose" | "pink" | "flashy" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia")[];
|
|
6
6
|
declare const TONES: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
|
|
7
|
-
declare function convertColor(color: string, fallback
|
|
7
|
+
declare function convertColor(color: string, fallback: string): {
|
|
8
|
+
(format: ColorFormat): string;
|
|
9
|
+
};
|
|
10
|
+
declare function convertColor(color: string, fallback?: string): {
|
|
11
|
+
(format: ColorFormat): string | undefined;
|
|
12
|
+
};
|
|
8
13
|
declare function calcFormat(color: string): ColorFormat;
|
|
9
14
|
declare function getAlpha(color: string): number;
|
|
10
15
|
declare function alphaToHex(a: number): string;
|
|
16
|
+
declare function parseToRgba(color: string, fallback: string): [number, number, number, number];
|
|
11
17
|
declare function parseToRgba(color: string, fallback?: string): [number, number, number, number] | undefined;
|
|
18
|
+
declare function parseToHsla(color: string, fallback: string): [number, number, number, number];
|
|
12
19
|
declare function parseToHsla(color: string, fallback?: string): [number, number, number, number] | undefined;
|
|
13
|
-
declare function parseToHsv(color: string, fallback
|
|
14
|
-
declare function
|
|
15
|
-
declare function
|
|
16
|
-
|
|
20
|
+
declare function parseToHsv(color: string, fallback: string): [number, number, number, number];
|
|
21
|
+
declare function parseToHsv(color: string, fallback?: string): [number, number, number, number] | undefined;
|
|
22
|
+
declare function rgbaTo([r, g, b, a]: [number, number, number, number], fallback: string): {
|
|
23
|
+
(format: ColorFormat): string;
|
|
24
|
+
};
|
|
25
|
+
declare function rgbaTo([r, g, b, a]: [number, number, number, number], fallback?: string): {
|
|
26
|
+
(format: ColorFormat): string | undefined;
|
|
27
|
+
};
|
|
28
|
+
declare function hslaTo([r, g, b, a]: [number, number, number, number], fallback: string): {
|
|
29
|
+
(format: ColorFormat): string;
|
|
30
|
+
};
|
|
31
|
+
declare function hslaTo([r, g, b, a]: [number, number, number, number], fallback?: string): {
|
|
32
|
+
(format: ColorFormat): string | undefined;
|
|
33
|
+
};
|
|
34
|
+
declare function hsvTo([h, s, v, a]: [number, number, number, number?], fallback: string): {
|
|
35
|
+
(format: ColorFormat): string;
|
|
36
|
+
};
|
|
37
|
+
declare function hsvTo([h, s, v, a]: [number, number, number, number?], fallback?: string): {
|
|
38
|
+
(format: ColorFormat): string | undefined;
|
|
39
|
+
};
|
|
17
40
|
declare function sameColor(color: string | undefined, comparison: string | undefined): boolean;
|
|
18
41
|
//#endregion
|
|
19
42
|
export { COLOR_SCHEMES, ColorFormat, DEFAULT_COLOR_SCHEMES, SEMANTIC_COLOR_SCHEMES, TONES, alphaToHex, calcFormat, convertColor, getAlpha, hslaTo, hsvTo, parseToHsla, parseToHsv, parseToRgba, rgbaTo, sameColor };
|