Skip to content

Commit 0387828

Browse files
ibodev1ibodev1
committed
feat: color name as palette
1 parent ebcc44e commit 0387828

File tree

11 files changed

+681
-32
lines changed

11 files changed

+681
-32
lines changed

‎dist/colorResult.d.ts‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎dist/helpers.d.ts‎

Lines changed: 0 additions & 4 deletions
This file was deleted.

‎dist/main.d.ts‎

Lines changed: 151 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,163 @@
33
* Copyright 2023 @ibodev1 <github.com/ibodev1>
44
*/
55

6+
declare const _default: {
7+
aliceblue: string;
8+
antiquewhite: string;
9+
aqua: string;
10+
aquamarine: string;
11+
azure: string;
12+
beige: string;
13+
bisque: string;
14+
black: string;
15+
blanchedalmond: string;
16+
blue: string;
17+
blueviolet: string;
18+
brown: string;
19+
burlywood: string;
20+
cadetblue: string;
21+
chartreuse: string;
22+
chocolate: string;
23+
coral: string;
24+
cornflowerblue: string;
25+
cornsilk: string;
26+
crimson: string;
27+
cyan: string;
28+
darkblue: string;
29+
darkcyan: string;
30+
darkgoldenrod: string;
31+
darkgray: string;
32+
darkgreen: string;
33+
darkgrey: string;
34+
darkkhaki: string;
35+
darkmagenta: string;
36+
darkolivegreen: string;
37+
darkorange: string;
38+
darkorchid: string;
39+
darkred: string;
40+
darksalmon: string;
41+
darkseagreen: string;
42+
darkslateblue: string;
43+
darkslategray: string;
44+
darkslategrey: string;
45+
darkturquoise: string;
46+
darkviolet: string;
47+
deeppink: string;
48+
deepskyblue: string;
49+
dimgray: string;
50+
dimgrey: string;
51+
dodgerblue: string;
52+
firebrick: string;
53+
floralwhite: string;
54+
forestgreen: string;
55+
fuchsia: string;
56+
gainsboro: string;
57+
ghostwhite: string;
58+
gold: string;
59+
goldenrod: string;
60+
gray: string;
61+
green: string;
62+
greenyellow: string;
63+
grey: string;
64+
honeydew: string;
65+
hotpink: string;
66+
indianred: string;
67+
indigo: string;
68+
ivory: string;
69+
khaki: string;
70+
lavender: string;
71+
lavenderblush: string;
72+
lawngreen: string;
73+
lemonchiffon: string;
74+
lightblue: string;
75+
lightcoral: string;
76+
lightcyan: string;
77+
lightgoldenrodyellow: string;
78+
lightgray: string;
79+
lightgreen: string;
80+
lightgrey: string;
81+
lightpink: string;
82+
lightsalmon: string;
83+
lightseagreen: string;
84+
lightskyblue: string;
85+
lightslategray: string;
86+
lightslategrey: string;
87+
lightsteelblue: string;
88+
lightyellow: string;
89+
lime: string;
90+
limegreen: string;
91+
linen: string;
92+
magenta: string;
93+
maroon: string;
94+
mediumaquamarine: string;
95+
mediumblue: string;
96+
mediumorchid: string;
97+
mediumpurple: string;
98+
mediumseagreen: string;
99+
mediumslateblue: string;
100+
mediumspringgreen: string;
101+
mediumturquoise: string;
102+
mediumvioletred: string;
103+
midnightblue: string;
104+
mintcream: string;
105+
mistyrose: string;
106+
moccasin: string;
107+
navajowhite: string;
108+
navy: string;
109+
oldlace: string;
110+
olive: string;
111+
olivedrab: string;
112+
orange: string;
113+
orangered: string;
114+
orchid: string;
115+
palegoldenrod: string;
116+
palegreen: string;
117+
paleturquoise: string;
118+
palevioletred: string;
119+
papayawhip: string;
120+
peachpuff: string;
121+
peru: string;
122+
pink: string;
123+
plum: string;
124+
powderblue: string;
125+
purple: string;
126+
red: string;
127+
rosybrown: string;
128+
royalblue: string;
129+
saddlebrown: string;
130+
salmon: string;
131+
sandybrown: string;
132+
seagreen: string;
133+
seashell: string;
134+
sienna: string;
135+
silver: string;
136+
skyblue: string;
137+
slateblue: string;
138+
slategray: string;
139+
slategrey: string;
140+
snow: string;
141+
springgreen: string;
142+
steelblue: string;
143+
tan: string;
144+
teal: string;
145+
thistle: string;
146+
tomato: string;
147+
turquoise: string;
148+
violet: string;
149+
wheat: string;
150+
white: string;
151+
whitesmoke: string;
152+
yellow: string;
153+
yellowgreen: string;
154+
};
155+
6156
interface Palette {
7157
name: string;
8158
color: string;
9159
shade?: number;
10160
shades?: number[];
11161
}
12162

13-
declare const getPalette: (params: Palette[] | Palette | string) => any;
163+
declare const getPalette: (params: Palette[] | Palette | keyof typeof _default | string) => any;
14164

15165
export { getPalette as default };

‎dist/main.esm.js‎

Lines changed: 166 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,156 @@
55

66
import chroma from 'chroma-js';
77

8+
var colors = {
9+
"aliceblue": "#f0f8ff",
10+
"antiquewhite": "#faebd7",
11+
"aqua": "#00ffff",
12+
"aquamarine": "#7fffd4",
13+
"azure": "#f0ffff",
14+
"beige": "#f5f5dc",
15+
"bisque": "#ffe4c4",
16+
"black": "#000000",
17+
"blanchedalmond": "#ffebcd",
18+
"blue": "#0000ff",
19+
"blueviolet": "#8a2be2",
20+
"brown": "#a52a2a",
21+
"burlywood": "#deb887",
22+
"cadetblue": "#5f9ea0",
23+
"chartreuse": "#7fff00",
24+
"chocolate": "#d2691e",
25+
"coral": "#ff7f50",
26+
"cornflowerblue": "#6495ed",
27+
"cornsilk": "#fff8dc",
28+
"crimson": "#dc143c",
29+
"cyan": "#00ffff",
30+
"darkblue": "#00008b",
31+
"darkcyan": "#008b8b",
32+
"darkgoldenrod": "#b8860b",
33+
"darkgray": "#a9a9a9",
34+
"darkgreen": "#006400",
35+
"darkgrey": "#a9a9a9",
36+
"darkkhaki": "#bdb76b",
37+
"darkmagenta": "#8b008b",
38+
"darkolivegreen": "#556b2f",
39+
"darkorange": "#ff8c00",
40+
"darkorchid": "#9932cc",
41+
"darkred": "#8b0000",
42+
"darksalmon": "#e9967a",
43+
"darkseagreen": "#8fbc8f",
44+
"darkslateblue": "#483d8b",
45+
"darkslategray": "#2f4f4f",
46+
"darkslategrey": "#2f4f4f",
47+
"darkturquoise": "#00ced1",
48+
"darkviolet": "#9400d3",
49+
"deeppink": "#ff1493",
50+
"deepskyblue": "#00bfff",
51+
"dimgray": "#696969",
52+
"dimgrey": "#696969",
53+
"dodgerblue": "#1e90ff",
54+
"firebrick": "#b22222",
55+
"floralwhite": "#fffaf0",
56+
"forestgreen": "#228b22",
57+
"fuchsia": "#ff00ff",
58+
"gainsboro": "#dcdcdc",
59+
"ghostwhite": "#f8f8ff",
60+
"gold": "#ffd700",
61+
"goldenrod": "#daa520",
62+
"gray": "#808080",
63+
"green": "#008000",
64+
"greenyellow": "#adff2f",
65+
"grey": "#808080",
66+
"honeydew": "#f0fff0",
67+
"hotpink": "#ff69b4",
68+
"indianred": "#cd5c5c",
69+
"indigo": "#4b0082",
70+
"ivory": "#fffff0",
71+
"khaki": "#f0e68c",
72+
"lavender": "#e6e6fa",
73+
"lavenderblush": "#fff0f5",
74+
"lawngreen": "#7cfc00",
75+
"lemonchiffon": "#fffacd",
76+
"lightblue": "#add8e6",
77+
"lightcoral": "#f08080",
78+
"lightcyan": "#e0ffff",
79+
"lightgoldenrodyellow": "#fafad2",
80+
"lightgray": "#d3d3d3",
81+
"lightgreen": "#90ee90",
82+
"lightgrey": "#d3d3d3",
83+
"lightpink": "#ffb6c1",
84+
"lightsalmon": "#ffa07a",
85+
"lightseagreen": "#20b2aa",
86+
"lightskyblue": "#87cefa",
87+
"lightslategray": "#778899",
88+
"lightslategrey": "#778899",
89+
"lightsteelblue": "#b0c4de",
90+
"lightyellow": "#ffffe0",
91+
"lime": "#00ff00",
92+
"limegreen": "#32cd32",
93+
"linen": "#faf0e6",
94+
"magenta": "#ff00ff",
95+
"maroon": "#800000",
96+
"mediumaquamarine": "#66cdaa",
97+
"mediumblue": "#0000cd",
98+
"mediumorchid": "#ba55d3",
99+
"mediumpurple": "#9370db",
100+
"mediumseagreen": "#3cb371",
101+
"mediumslateblue": "#7b68ee",
102+
"mediumspringgreen": "#00fa9a",
103+
"mediumturquoise": "#48d1cc",
104+
"mediumvioletred": "#c71585",
105+
"midnightblue": "#191970",
106+
"mintcream": "#f5fffa",
107+
"mistyrose": "#ffe4e1",
108+
"moccasin": "#ffe4b5",
109+
"navajowhite": "#ffdead",
110+
"navy": "#000080",
111+
"oldlace": "#fdf5e6",
112+
"olive": "#808000",
113+
"olivedrab": "#6b8e23",
114+
"orange": "#ffa500",
115+
"orangered": "#ff4500",
116+
"orchid": "#da70d6",
117+
"palegoldenrod": "#eee8aa",
118+
"palegreen": "#98fb98",
119+
"paleturquoise": "#afeeee",
120+
"palevioletred": "#db7093",
121+
"papayawhip": "#ffefd5",
122+
"peachpuff": "#ffdab9",
123+
"peru": "#cd853f",
124+
"pink": "#ffc0cb",
125+
"plum": "#dda0dd",
126+
"powderblue": "#b0e0e6",
127+
"purple": "#800080",
128+
"red": "#ff0000",
129+
"rosybrown": "#bc8f8f",
130+
"royalblue": "#4169e1",
131+
"saddlebrown": "#8b4513",
132+
"salmon": "#fa8072",
133+
"sandybrown": "#f4a460",
134+
"seagreen": "#2e8b57",
135+
"seashell": "#fff5ee",
136+
"sienna": "#a0522d",
137+
"silver": "#c0c0c0",
138+
"skyblue": "#87ceeb",
139+
"slateblue": "#6a5acd",
140+
"slategray": "#708090",
141+
"slategrey": "#708090",
142+
"snow": "#fffafa",
143+
"springgreen": "#00ff7f",
144+
"steelblue": "#4682b4",
145+
"tan": "#d2b48c",
146+
"teal": "#008080",
147+
"thistle": "#d8bfd8",
148+
"tomato": "#ff6347",
149+
"turquoise": "#40e0d0",
150+
"violet": "#ee82ee",
151+
"wheat": "#f5deb3",
152+
"white": "#ffffff",
153+
"whitesmoke": "#f5f5f5",
154+
"yellow": "#ffff00",
155+
"yellowgreen": "#9acd32"
156+
};
157+
8158
const darkenValue = (shade, mainShade) => {
9159
return (shade - mainShade) / 100 / 2;
10160
};
@@ -108,9 +258,22 @@ const getPalette = (params) => {
108258
}
109259
}
110260
else if (typeof params === "string") {
111-
const options = Object.assign(initalOptions, {
112-
primaryColor: chroma(params).hex()
113-
});
261+
let options = {
262+
mainShade: initalOptions.mainShade,
263+
primaryColor: initalOptions.primaryColor,
264+
shades: initalOptions.shades
265+
};
266+
const stringColor = colors[params];
267+
if (colors && stringColor) {
268+
options = Object.assign(initalOptions, {
269+
primaryColor: stringColor ?? initalOptions.primaryColor
270+
});
271+
}
272+
else {
273+
options = Object.assign(initalOptions, {
274+
primaryColor: chroma(params).hex()
275+
});
276+
}
114277
palette["primary"] = colorResult(options);
115278
}
116279
return palette;

‎dist/main.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)