@hero-design/colors 7.25.0 → 7.26.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/.rollup.cache/root/hero-design/packages/colors/types/colorScales/createColorScales.js +3 -3
- package/.rollup.cache/root/hero-design/packages/colors/types/colorScales/createColorScales.js.map +1 -1
- package/.rollup.cache/root/hero-design/packages/colors/types/colorScales/index.d.ts +3 -1
- package/.rollup.cache/root/hero-design/packages/colors/types/colorScales/index.js +29 -26
- package/.rollup.cache/root/hero-design/packages/colors/types/colorScales/index.js.map +1 -1
- package/.rollup.cache/root/hero-design/packages/colors/types/colorScales/mixColor.d.ts +6 -0
- package/.rollup.cache/root/hero-design/packages/colors/types/colorScales/mixColor.js +11 -0
- package/.rollup.cache/root/hero-design/packages/colors/types/colorScales/mixColor.js.map +1 -0
- package/.rollup.cache/root/hero-design/packages/colors/types/defaultMobilePalette/index.d.ts +19 -0
- package/.rollup.cache/root/hero-design/packages/colors/types/defaultMobilePalette/index.js +20 -1
- package/.rollup.cache/root/hero-design/packages/colors/types/defaultMobilePalette/index.js.map +1 -1
- package/.rollup.cache/root/hero-design/packages/colors/types/eBensPalette/index.d.ts +16 -0
- package/.rollup.cache/root/hero-design/packages/colors/types/index.d.ts +2 -2
- package/.rollup.cache/root/hero-design/packages/colors/types/index.js +2 -2
- package/.rollup.cache/root/hero-design/packages/colors/types/index.js.map +1 -1
- package/.rollup.cache/root/hero-design/packages/colors/types/jobsPalette/index.d.ts +18 -0
- package/.rollup.cache/root/hero-design/packages/colors/types/swagPalette/index.d.ts +15 -0
- package/.rollup.cache/root/hero-design/packages/colors/types/tsconfig.tsbuildinfo +1 -1
- package/.rollup.cache/root/hero-design/packages/colors/types/walletPalette/index.d.ts +18 -0
- package/.rollup.cache/root/hero-design/packages/colors/types/workPalette/index.d.ts +17 -0
- package/.turbo/turbo-build.log +2 -2
- package/es/index.js +95 -57
- package/lib/index.js +95 -56
- package/package.json +3 -3
- package/src/colorScales/createColorScales.ts +5 -5
- package/src/colorScales/index.ts +30 -26
- package/src/colorScales/mixColor.ts +12 -0
- package/src/defaultMobilePalette/index.ts +54 -13
- package/src/index.ts +2 -1
- package/types/colorScales/index.d.ts +3 -1
- package/types/colorScales/mixColor.d.ts +6 -0
- package/types/defaultMobilePalette/index.d.ts +19 -0
- package/types/eBensPalette/index.d.ts +16 -0
- package/types/index.d.ts +2 -2
- package/types/jobsPalette/index.d.ts +18 -0
- package/types/swagPalette/index.d.ts +15 -0
- package/types/tsconfig.tsbuildinfo +1 -1
- package/types/walletPalette/index.d.ts +18 -0
- package/types/workPalette/index.d.ts +17 -0
package/.rollup.cache/root/hero-design/packages/colors/types/colorScales/createColorScales.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import mixColor from './mixColor';
|
|
2
2
|
const STEPS = [
|
|
3
3
|
5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95,
|
|
4
4
|
];
|
|
5
5
|
const createColorScales = (base) => {
|
|
6
|
-
const
|
|
7
|
-
return Object.assign(Object.assign({}, STEPS.reduce((acc, step) => (Object.assign(Object.assign({}, acc), { [`lighten${step}`]:
|
|
6
|
+
const mixed = mixColor(base);
|
|
7
|
+
return Object.assign(Object.assign({}, STEPS.reduce((acc, step) => (Object.assign(Object.assign({}, acc), { [`lighten${step}`]: mixed.tint(step), [`darken${step}`]: mixed.shade(step) })), {})), { base: mixed.base });
|
|
8
8
|
};
|
|
9
9
|
export default createColorScales;
|
|
10
10
|
//# sourceMappingURL=createColorScales.js.map
|
package/.rollup.cache/root/hero-design/packages/colors/types/colorScales/createColorScales.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createColorScales.js","sourceRoot":"","sources":["../../src/colorScales/createColorScales.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"createColorScales.js","sourceRoot":"","sources":["../../src/colorScales/createColorScales.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,KAAK,GAAG;IACZ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CACjE,CAAC;AAUX,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAe,EAAE;IACtD,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7B,uCACK,KAAK,CAAC,MAAM,CACb,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,iCACV,GAAG,KACN,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,CAAC,SAAS,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IACpC,EACF,EAA+B,CAChC,KACD,IAAI,EAAE,KAAK,CAAC,IAAI,IAChB;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import mixColor from './mixColor';\n\nconst STEPS = [\n 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95,\n] as const;\n\ntype LIGHTEN_STEPS = `lighten${typeof STEPS[number]}`;\n\ntype DARKEN_STEPS = `darken${typeof STEPS[number]}`;\n\ntype ColorScales = { base: string } & {\n [k in LIGHTEN_STEPS | DARKEN_STEPS]: string; // eslint-disable-line no-unused-vars\n};\n\nconst createColorScales = (base: string): ColorScales => {\n const mixed = mixColor(base);\n\n return {\n ...STEPS.reduce(\n (acc, step) => ({\n ...acc,\n [`lighten${step}`]: mixed.tint(step),\n [`darken${step}`]: mixed.shade(step),\n }),\n {} as Omit<ColorScales, 'base'>\n ),\n base: mixed.base,\n };\n};\n\nexport default createColorScales;\n"]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import mixColor from './mixColor';
|
|
2
|
+
declare const colorScales: Record<"aliceBlue" | "antiFlashWhite" | "apple" | "blue1" | "blue" | "cornflowerBlue" | "currant" | "darkBlue" | "deepSaffron" | "emerald" | "frenchSky" | "gold" | "green" | "grey" | "grotesqueGreen" | "hitPink" | "honeydew" | "jordyBlue" | "linen" | "maasstrichtBlue" | "mauve" | "mellowApricot" | "nightBlue" | "pastelRed" | "paua" | "peach" | "pineGreen" | "pink" | "purple" | "royalBlue" | "scarletGum" | "seashell" | "silverChalice" | "smalt" | "sonicSilver" | "ultramarineBlue" | "vermilion" | "violet1" | "violet" | "vodka" | "yellow", {
|
|
2
3
|
base: string;
|
|
3
4
|
} & {
|
|
4
5
|
lighten5: string;
|
|
@@ -40,4 +41,5 @@ declare const colorScales: Record<"antiFlashWhite" | "blue" | "blue1" | "nightBl
|
|
|
40
41
|
darken90: string;
|
|
41
42
|
darken95: string;
|
|
42
43
|
}>;
|
|
44
|
+
export { mixColor };
|
|
43
45
|
export default colorScales;
|
|
@@ -1,46 +1,49 @@
|
|
|
1
1
|
import createColorScales from './createColorScales';
|
|
2
|
+
import mixColor from './mixColor';
|
|
2
3
|
const BASE_COLORS = {
|
|
4
|
+
aliceBlue: '#ecf0ff',
|
|
3
5
|
antiFlashWhite: '#f1f2f3',
|
|
4
|
-
|
|
6
|
+
apple: '#e3602a',
|
|
5
7
|
blue1: '#5a68e2',
|
|
6
|
-
|
|
8
|
+
blue: '#1dbeee',
|
|
9
|
+
cornflowerBlue: '#5d80f0',
|
|
10
|
+
currant: '#48000a',
|
|
7
11
|
darkBlue: '#25006e',
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
royalBlue: '#5a68e2',
|
|
12
|
+
deepSaffron: '#ffa234',
|
|
13
|
+
emerald: '#5ace7d',
|
|
11
14
|
frenchSky: '#8999ff',
|
|
12
|
-
|
|
13
|
-
jordyBlue: '#92abfc',
|
|
14
|
-
cornflowerBlue: '#5d80f0',
|
|
15
|
-
paua: '#130066',
|
|
15
|
+
gold: '#ffd500',
|
|
16
16
|
green: '#01b39c',
|
|
17
|
-
emerald: '#5ace7d',
|
|
18
|
-
pineGreen: '#017d6d',
|
|
19
|
-
honeydew: '#f0fef4',
|
|
20
17
|
grey: '#a3a6ac',
|
|
21
|
-
currant: '#48000a',
|
|
22
|
-
sonicSilver: '#737479',
|
|
23
18
|
grotesqueGreen: '#6af293',
|
|
19
|
+
hitPink: '#ffad79',
|
|
20
|
+
honeydew: '#f0fef4',
|
|
21
|
+
jordyBlue: '#92abfc',
|
|
22
|
+
linen: '#fcebe7',
|
|
23
|
+
maasstrichtBlue: '#001f23',
|
|
24
|
+
mauve: '#c38cee',
|
|
24
25
|
mellowApricot: '#ffbe71',
|
|
25
|
-
|
|
26
|
+
nightBlue: '#353957',
|
|
27
|
+
pastelRed: '#f46363',
|
|
28
|
+
paua: '#130066',
|
|
29
|
+
peach: '#f8ac7d',
|
|
30
|
+
pineGreen: '#017d6d',
|
|
26
31
|
pink: '#fe56aa',
|
|
27
|
-
hitPink: '#ffad79',
|
|
28
|
-
apple: '#e3602a',
|
|
29
32
|
purple: '#be83cf',
|
|
33
|
+
royalBlue: '#5a68e2',
|
|
30
34
|
scarletGum: '#401960',
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
pastelRed: '#f46363',
|
|
34
|
-
vermilion: '#de350b',
|
|
35
|
-
linen: '#fcebe7',
|
|
35
|
+
seashell: '#fff6eb',
|
|
36
|
+
silverChalice: '#abacaf',
|
|
36
37
|
smalt: '#003580',
|
|
37
|
-
|
|
38
|
+
sonicSilver: '#737479',
|
|
39
|
+
ultramarineBlue: '#4568fb',
|
|
40
|
+
vermilion: '#de350b',
|
|
38
41
|
violet1: '#8505a2',
|
|
39
|
-
|
|
42
|
+
violet: '#7622d7',
|
|
43
|
+
vodka: '#b5c3fd',
|
|
40
44
|
yellow: '#fadb14',
|
|
41
|
-
seashell: '#fff6eb',
|
|
42
|
-
gold: '#ffd500',
|
|
43
45
|
};
|
|
44
46
|
const colorScales = Object.entries(BASE_COLORS).reduce((acc, [key, value]) => (Object.assign(Object.assign({}, acc), { [key]: createColorScales(value) })), {});
|
|
47
|
+
export { mixColor };
|
|
45
48
|
export default colorScales;
|
|
46
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colorScales/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colorScales/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE,SAAS;IACpB,cAAc,EAAE,SAAS;IACzB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,cAAc,EAAE,SAAS;IACzB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,SAAS;IACtB,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;IACf,cAAc,EAAE,SAAS;IACzB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,eAAe,EAAE,SAAS;IAC1B,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,SAAS;IACxB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,aAAa,EAAE,SAAS;IACxB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;IACtB,eAAe,EAAE,SAAS;IAC1B,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;CACT,CAAC;AAEX,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,MAAM,CACpD,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,iCAAM,GAAG,KAAE,CAAC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,IAAG,EACpE,EAA4E,CAC7E,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,eAAe,WAAW,CAAC","sourcesContent":["import createColorScales from './createColorScales';\nimport mixColor from './mixColor';\n\nconst BASE_COLORS = {\n aliceBlue: '#ecf0ff',\n antiFlashWhite: '#f1f2f3',\n apple: '#e3602a',\n blue1: '#5a68e2',\n blue: '#1dbeee',\n cornflowerBlue: '#5d80f0',\n currant: '#48000a',\n darkBlue: '#25006e',\n deepSaffron: '#ffa234',\n emerald: '#5ace7d',\n frenchSky: '#8999ff',\n gold: '#ffd500',\n green: '#01b39c',\n grey: '#a3a6ac',\n grotesqueGreen: '#6af293',\n hitPink: '#ffad79',\n honeydew: '#f0fef4',\n jordyBlue: '#92abfc',\n linen: '#fcebe7',\n maasstrichtBlue: '#001f23',\n mauve: '#c38cee',\n mellowApricot: '#ffbe71',\n nightBlue: '#353957',\n pastelRed: '#f46363',\n paua: '#130066',\n peach: '#f8ac7d',\n pineGreen: '#017d6d',\n pink: '#fe56aa',\n purple: '#be83cf',\n royalBlue: '#5a68e2',\n scarletGum: '#401960',\n seashell: '#fff6eb',\n silverChalice: '#abacaf',\n smalt: '#003580',\n sonicSilver: '#737479',\n ultramarineBlue: '#4568fb',\n vermilion: '#de350b',\n violet1: '#8505a2',\n violet: '#7622d7',\n vodka: '#b5c3fd',\n yellow: '#fadb14',\n} as const;\n\nconst colorScales = Object.entries(BASE_COLORS).reduce(\n (acc, [key, value]) => ({ ...acc, [key]: createColorScales(value) }),\n {} as Record<keyof typeof BASE_COLORS, ReturnType<typeof createColorScales>>\n);\n\nexport { mixColor };\n\nexport default colorScales;\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import Values from 'values.js';
|
|
2
|
+
const mixColor = (color) => {
|
|
3
|
+
const colorValues = new Values(color);
|
|
4
|
+
return {
|
|
5
|
+
tint: (step) => colorValues.tint(step).hexString(),
|
|
6
|
+
shade: (step) => colorValues.shade(step).hexString(),
|
|
7
|
+
base: colorValues.hexString(),
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default mixColor;
|
|
11
|
+
//# sourceMappingURL=mixColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mixColor.js","sourceRoot":"","sources":["../../src/colorScales/mixColor.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;IACjC,MAAM,WAAW,GAAG,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,OAAO;QACL,IAAI,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE;QAC1D,KAAK,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE;QAC5D,IAAI,EAAE,WAAW,CAAC,SAAS,EAAE;KAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import Values from 'values.js';\n\nconst mixColor = (color: string) => {\n const colorValues = new Values(color);\n return {\n tint: (step: number) => colorValues.tint(step).hexString(),\n shade: (step: number) => colorValues.shade(step).hexString(),\n base: colorValues.hexString(),\n };\n};\n\nexport default mixColor;\n"]}
|
package/.rollup.cache/root/hero-design/packages/colors/types/defaultMobilePalette/index.d.ts
CHANGED
|
@@ -13,11 +13,17 @@ declare const palette: {
|
|
|
13
13
|
maasstrichtBlueLight30: string;
|
|
14
14
|
maasstrichtBlue: string;
|
|
15
15
|
pastelRed: string;
|
|
16
|
+
pastelRedLight20: string;
|
|
16
17
|
mellowApricot: string;
|
|
18
|
+
mellowApricotLight20: string;
|
|
17
19
|
emerald: string;
|
|
20
|
+
emeraldLight20: string;
|
|
21
|
+
emeraldDark20: string;
|
|
18
22
|
vodka: string;
|
|
23
|
+
vodkaLight20: string;
|
|
19
24
|
vermilion: string;
|
|
20
25
|
deepSaffron: string;
|
|
26
|
+
deepSaffronDark20: string;
|
|
21
27
|
pineGreen: string;
|
|
22
28
|
ultramarineBlue: string;
|
|
23
29
|
sonicSilver: string;
|
|
@@ -27,5 +33,18 @@ declare const palette: {
|
|
|
27
33
|
aliceBlue: string;
|
|
28
34
|
antiFlashWhite: string;
|
|
29
35
|
apple: string;
|
|
36
|
+
currant: string;
|
|
37
|
+
nightBlue: string;
|
|
38
|
+
darkBlue: string;
|
|
39
|
+
royalBlue: string;
|
|
40
|
+
royalBlueDark20: string;
|
|
41
|
+
goldDark40: string;
|
|
42
|
+
mauve: string;
|
|
43
|
+
violet: string;
|
|
44
|
+
violetLight30: string;
|
|
45
|
+
violet1: string;
|
|
46
|
+
scarletGum: string;
|
|
47
|
+
silverChalice: string;
|
|
48
|
+
silverChaliceLight20: string;
|
|
30
49
|
};
|
|
31
50
|
export default palette;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import colorScales from '../colorScales';
|
|
2
|
-
const {
|
|
2
|
+
const { aliceBlue, antiFlashWhite, apple, currant, darkBlue, deepSaffron, emerald, gold, grey, honeydew, linen, maasstrichtBlue, mauve, mellowApricot, nightBlue, pastelRed, pineGreen, royalBlue, scarletGum, seashell, silverChalice, sonicSilver, ultramarineBlue, vermilion, violet, violet1, vodka, } = colorScales;
|
|
3
3
|
const palette = {
|
|
4
4
|
black: '#000000',
|
|
5
5
|
white: '#ffffff',
|
|
@@ -15,11 +15,17 @@ const palette = {
|
|
|
15
15
|
maasstrichtBlueLight30: maasstrichtBlue.lighten30,
|
|
16
16
|
maasstrichtBlue: maasstrichtBlue.base,
|
|
17
17
|
pastelRed: pastelRed.base,
|
|
18
|
+
pastelRedLight20: pastelRed.lighten20,
|
|
18
19
|
mellowApricot: mellowApricot.base,
|
|
20
|
+
mellowApricotLight20: mellowApricot.lighten20,
|
|
19
21
|
emerald: emerald.base,
|
|
22
|
+
emeraldLight20: emerald.lighten20,
|
|
23
|
+
emeraldDark20: emerald.darken20,
|
|
20
24
|
vodka: vodka.base,
|
|
25
|
+
vodkaLight20: vodka.lighten20,
|
|
21
26
|
vermilion: vermilion.base,
|
|
22
27
|
deepSaffron: deepSaffron.base,
|
|
28
|
+
deepSaffronDark20: deepSaffron.darken20,
|
|
23
29
|
pineGreen: pineGreen.base,
|
|
24
30
|
ultramarineBlue: ultramarineBlue.base,
|
|
25
31
|
sonicSilver: sonicSilver.base,
|
|
@@ -29,6 +35,19 @@ const palette = {
|
|
|
29
35
|
aliceBlue: aliceBlue.base,
|
|
30
36
|
antiFlashWhite: antiFlashWhite.base,
|
|
31
37
|
apple: apple.base,
|
|
38
|
+
currant: currant.base,
|
|
39
|
+
nightBlue: nightBlue.base,
|
|
40
|
+
darkBlue: darkBlue.base,
|
|
41
|
+
royalBlue: royalBlue.base,
|
|
42
|
+
royalBlueDark20: royalBlue.darken20,
|
|
43
|
+
goldDark40: gold.darken40,
|
|
44
|
+
mauve: mauve.base,
|
|
45
|
+
violet: violet.base,
|
|
46
|
+
violetLight30: violet.lighten30,
|
|
47
|
+
violet1: violet1.base,
|
|
48
|
+
scarletGum: scarletGum.base,
|
|
49
|
+
silverChalice: silverChalice.base,
|
|
50
|
+
silverChaliceLight20: silverChalice.lighten20,
|
|
32
51
|
};
|
|
33
52
|
export default palette;
|
|
34
53
|
//# sourceMappingURL=index.js.map
|
package/.rollup.cache/root/hero-design/packages/colors/types/defaultMobilePalette/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/defaultMobilePalette/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,MAAM,EACJ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/defaultMobilePalette/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,MAAM,EACJ,SAAS,EACT,cAAc,EACd,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAW,EACX,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,eAAe,EACf,KAAK,EACL,aAAa,EACb,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,aAAa,EACb,WAAW,EACX,eAAe,EACf,SAAS,EACT,MAAM,EACN,OAAO,EACP,KAAK,GACN,GAAG,WAAW,CAAC;AAEhB,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,WAAW,EAAE,IAAI,CAAC,SAAS;IAC3B,WAAW,EAAE,IAAI,CAAC,SAAS;IAC3B,WAAW,EAAE,IAAI,CAAC,SAAS;IAC3B,WAAW,EAAE,IAAI,CAAC,SAAS;IAC3B,WAAW,EAAE,IAAI,CAAC,SAAS;IAC3B,IAAI,EAAE,IAAI,CAAC,IAAI;IAEf,sBAAsB,EAAE,eAAe,CAAC,SAAS;IACjD,sBAAsB,EAAE,eAAe,CAAC,SAAS;IACjD,sBAAsB,EAAE,eAAe,CAAC,SAAS;IACjD,sBAAsB,EAAE,eAAe,CAAC,SAAS;IACjD,eAAe,EAAE,eAAe,CAAC,IAAI;IAErC,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,gBAAgB,EAAE,SAAS,CAAC,SAAS;IAErC,aAAa,EAAE,aAAa,CAAC,IAAI;IACjC,oBAAoB,EAAE,aAAa,CAAC,SAAS;IAE7C,OAAO,EAAE,OAAO,CAAC,IAAI;IACrB,cAAc,EAAE,OAAO,CAAC,SAAS;IACjC,aAAa,EAAE,OAAO,CAAC,QAAQ;IAE/B,KAAK,EAAE,KAAK,CAAC,IAAI;IACjB,YAAY,EAAE,KAAK,CAAC,SAAS;IAE7B,SAAS,EAAE,SAAS,CAAC,IAAI;IAEzB,WAAW,EAAE,WAAW,CAAC,IAAI;IAC7B,iBAAiB,EAAE,WAAW,CAAC,QAAQ;IAEvC,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,eAAe,EAAE,eAAe,CAAC,IAAI;IACrC,WAAW,EAAE,WAAW,CAAC,IAAI;IAC7B,KAAK,EAAE,KAAK,CAAC,IAAI;IACjB,QAAQ,EAAE,QAAQ,CAAC,IAAI;IACvB,QAAQ,EAAE,QAAQ,CAAC,IAAI;IACvB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,cAAc,EAAE,cAAc,CAAC,IAAI;IACnC,KAAK,EAAE,KAAK,CAAC,IAAI;IACjB,OAAO,EAAE,OAAO,CAAC,IAAI;IACrB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,QAAQ,EAAE,QAAQ,CAAC,IAAI;IAEvB,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,eAAe,EAAE,SAAS,CAAC,QAAQ;IAEnC,UAAU,EAAE,IAAI,CAAC,QAAQ;IAEzB,KAAK,EAAE,KAAK,CAAC,IAAI;IAEjB,MAAM,EAAE,MAAM,CAAC,IAAI;IACnB,aAAa,EAAE,MAAM,CAAC,SAAS;IAC/B,OAAO,EAAE,OAAO,CAAC,IAAI;IAErB,UAAU,EAAE,UAAU,CAAC,IAAI;IAE3B,aAAa,EAAE,aAAa,CAAC,IAAI;IACjC,oBAAoB,EAAE,aAAa,CAAC,SAAS;CAC9C,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import colorScales from '../colorScales';\n\nconst {\n aliceBlue,\n antiFlashWhite,\n apple,\n currant,\n darkBlue,\n deepSaffron,\n emerald,\n gold,\n grey,\n honeydew,\n linen,\n maasstrichtBlue,\n mauve,\n mellowApricot,\n nightBlue,\n pastelRed,\n pineGreen,\n royalBlue,\n scarletGum,\n seashell,\n silverChalice,\n sonicSilver,\n ultramarineBlue,\n vermilion,\n violet,\n violet1,\n vodka,\n} = colorScales;\n\nconst palette = {\n black: '#000000',\n white: '#ffffff',\n\n greyLight95: grey.lighten95,\n greyLight90: grey.lighten90,\n greyLight75: grey.lighten75,\n greyLight45: grey.lighten45,\n greyLight30: grey.lighten30,\n grey: grey.base,\n\n maasstrichtBlueLight90: maasstrichtBlue.lighten90,\n maasstrichtBlueLight80: maasstrichtBlue.lighten80,\n maasstrichtBlueLight50: maasstrichtBlue.lighten50,\n maasstrichtBlueLight30: maasstrichtBlue.lighten30,\n maasstrichtBlue: maasstrichtBlue.base,\n\n pastelRed: pastelRed.base,\n pastelRedLight20: pastelRed.lighten20,\n\n mellowApricot: mellowApricot.base,\n mellowApricotLight20: mellowApricot.lighten20,\n\n emerald: emerald.base,\n emeraldLight20: emerald.lighten20,\n emeraldDark20: emerald.darken20,\n\n vodka: vodka.base,\n vodkaLight20: vodka.lighten20,\n\n vermilion: vermilion.base,\n\n deepSaffron: deepSaffron.base,\n deepSaffronDark20: deepSaffron.darken20,\n\n pineGreen: pineGreen.base,\n ultramarineBlue: ultramarineBlue.base,\n sonicSilver: sonicSilver.base,\n linen: linen.base,\n seashell: seashell.base,\n honeydew: honeydew.base,\n aliceBlue: aliceBlue.base,\n antiFlashWhite: antiFlashWhite.base,\n apple: apple.base,\n currant: currant.base,\n nightBlue: nightBlue.base,\n darkBlue: darkBlue.base,\n\n royalBlue: royalBlue.base,\n royalBlueDark20: royalBlue.darken20,\n\n goldDark40: gold.darken40,\n\n mauve: mauve.base,\n\n violet: violet.base,\n violetLight30: violet.lighten30,\n violet1: violet1.base,\n\n scarletGum: scarletGum.base,\n\n silverChalice: silverChalice.base,\n silverChaliceLight20: silverChalice.lighten20,\n};\n\nexport default palette;\n"]}
|
|
@@ -19,11 +19,17 @@ declare const palette: {
|
|
|
19
19
|
maasstrichtBlueLight30: string;
|
|
20
20
|
maasstrichtBlue: string;
|
|
21
21
|
pastelRed: string;
|
|
22
|
+
pastelRedLight20: string;
|
|
22
23
|
mellowApricot: string;
|
|
24
|
+
mellowApricotLight20: string;
|
|
23
25
|
emerald: string;
|
|
26
|
+
emeraldLight20: string;
|
|
27
|
+
emeraldDark20: string;
|
|
24
28
|
vodka: string;
|
|
29
|
+
vodkaLight20: string;
|
|
25
30
|
vermilion: string;
|
|
26
31
|
deepSaffron: string;
|
|
32
|
+
deepSaffronDark20: string;
|
|
27
33
|
pineGreen: string;
|
|
28
34
|
ultramarineBlue: string;
|
|
29
35
|
sonicSilver: string;
|
|
@@ -33,5 +39,15 @@ declare const palette: {
|
|
|
33
39
|
aliceBlue: string;
|
|
34
40
|
antiFlashWhite: string;
|
|
35
41
|
apple: string;
|
|
42
|
+
currant: string;
|
|
43
|
+
nightBlue: string;
|
|
44
|
+
darkBlue: string;
|
|
45
|
+
royalBlue: string;
|
|
46
|
+
royalBlueDark20: string;
|
|
47
|
+
goldDark40: string;
|
|
48
|
+
violet1: string;
|
|
49
|
+
scarletGum: string;
|
|
50
|
+
silverChalice: string;
|
|
51
|
+
silverChaliceLight20: string;
|
|
36
52
|
};
|
|
37
53
|
export default palette;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import colorScales from './colorScales';
|
|
1
|
+
import colorScales, { mixColor } from './colorScales';
|
|
2
2
|
import defaultWebPalette from './defaultWebPalette';
|
|
3
3
|
import defaultMobilePalette from './defaultMobilePalette';
|
|
4
4
|
import eBensPalette from './eBensPalette';
|
|
@@ -6,5 +6,5 @@ import jobsPalette from './jobsPalette';
|
|
|
6
6
|
import swagPalette from './swagPalette';
|
|
7
7
|
import walletPalette from './walletPalette';
|
|
8
8
|
import workPalette from './workPalette';
|
|
9
|
-
export { colorScales, defaultWebPalette, defaultMobilePalette, eBensPalette, jobsPalette, swagPalette, walletPalette, workPalette, };
|
|
9
|
+
export { mixColor, colorScales, defaultWebPalette, defaultMobilePalette, eBensPalette, jobsPalette, swagPalette, walletPalette, workPalette, };
|
|
10
10
|
export default defaultWebPalette;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import colorScales from './colorScales';
|
|
1
|
+
import colorScales, { mixColor } from './colorScales';
|
|
2
2
|
import defaultWebPalette from './defaultWebPalette';
|
|
3
3
|
import defaultMobilePalette from './defaultMobilePalette';
|
|
4
4
|
import eBensPalette from './eBensPalette';
|
|
@@ -6,6 +6,6 @@ import jobsPalette from './jobsPalette';
|
|
|
6
6
|
import swagPalette from './swagPalette';
|
|
7
7
|
import walletPalette from './walletPalette';
|
|
8
8
|
import workPalette from './workPalette';
|
|
9
|
-
export { colorScales, defaultWebPalette, defaultMobilePalette, eBensPalette, jobsPalette, swagPalette, walletPalette, workPalette, };
|
|
9
|
+
export { mixColor, colorScales, defaultWebPalette, defaultMobilePalette, eBensPalette, jobsPalette, swagPalette, walletPalette, workPalette, };
|
|
10
10
|
export default defaultWebPalette;
|
|
11
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,EAAE,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EACL,QAAQ,EACR,WAAW,EACX,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,EACb,WAAW,GACZ,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import colorScales, { mixColor } from './colorScales';\nimport defaultWebPalette from './defaultWebPalette';\n\nimport defaultMobilePalette from './defaultMobilePalette';\nimport eBensPalette from './eBensPalette';\nimport jobsPalette from './jobsPalette';\nimport swagPalette from './swagPalette';\nimport walletPalette from './walletPalette';\nimport workPalette from './workPalette';\n\nexport {\n mixColor,\n colorScales,\n defaultWebPalette,\n defaultMobilePalette,\n eBensPalette,\n jobsPalette,\n swagPalette,\n walletPalette,\n workPalette,\n};\n\nexport default defaultWebPalette;\n"]}
|
|
@@ -21,11 +21,17 @@ declare const palette: {
|
|
|
21
21
|
maasstrichtBlueLight30: string;
|
|
22
22
|
maasstrichtBlue: string;
|
|
23
23
|
pastelRed: string;
|
|
24
|
+
pastelRedLight20: string;
|
|
24
25
|
mellowApricot: string;
|
|
26
|
+
mellowApricotLight20: string;
|
|
25
27
|
emerald: string;
|
|
28
|
+
emeraldLight20: string;
|
|
29
|
+
emeraldDark20: string;
|
|
26
30
|
vodka: string;
|
|
31
|
+
vodkaLight20: string;
|
|
27
32
|
vermilion: string;
|
|
28
33
|
deepSaffron: string;
|
|
34
|
+
deepSaffronDark20: string;
|
|
29
35
|
pineGreen: string;
|
|
30
36
|
ultramarineBlue: string;
|
|
31
37
|
sonicSilver: string;
|
|
@@ -34,5 +40,17 @@ declare const palette: {
|
|
|
34
40
|
honeydew: string;
|
|
35
41
|
aliceBlue: string;
|
|
36
42
|
antiFlashWhite: string;
|
|
43
|
+
nightBlue: string;
|
|
44
|
+
darkBlue: string;
|
|
45
|
+
royalBlue: string;
|
|
46
|
+
royalBlueDark20: string;
|
|
47
|
+
goldDark40: string;
|
|
48
|
+
mauve: string;
|
|
49
|
+
violet: string;
|
|
50
|
+
violetLight30: string;
|
|
51
|
+
violet1: string;
|
|
52
|
+
scarletGum: string;
|
|
53
|
+
silverChalice: string;
|
|
54
|
+
silverChaliceLight20: string;
|
|
37
55
|
};
|
|
38
56
|
export default palette;
|
|
@@ -25,11 +25,17 @@ declare const palette: {
|
|
|
25
25
|
maasstrichtBlueLight30: string;
|
|
26
26
|
maasstrichtBlue: string;
|
|
27
27
|
pastelRed: string;
|
|
28
|
+
pastelRedLight20: string;
|
|
28
29
|
mellowApricot: string;
|
|
30
|
+
mellowApricotLight20: string;
|
|
29
31
|
emerald: string;
|
|
32
|
+
emeraldLight20: string;
|
|
33
|
+
emeraldDark20: string;
|
|
30
34
|
vodka: string;
|
|
35
|
+
vodkaLight20: string;
|
|
31
36
|
vermilion: string;
|
|
32
37
|
deepSaffron: string;
|
|
38
|
+
deepSaffronDark20: string;
|
|
33
39
|
pineGreen: string;
|
|
34
40
|
ultramarineBlue: string;
|
|
35
41
|
sonicSilver: string;
|
|
@@ -39,5 +45,14 @@ declare const palette: {
|
|
|
39
45
|
aliceBlue: string;
|
|
40
46
|
antiFlashWhite: string;
|
|
41
47
|
apple: string;
|
|
48
|
+
currant: string;
|
|
49
|
+
nightBlue: string;
|
|
50
|
+
darkBlue: string;
|
|
51
|
+
royalBlue: string;
|
|
52
|
+
royalBlueDark20: string;
|
|
53
|
+
goldDark40: string;
|
|
54
|
+
violet1: string;
|
|
55
|
+
silverChalice: string;
|
|
56
|
+
silverChaliceLight20: string;
|
|
42
57
|
};
|
|
43
58
|
export default palette;
|