@hero-design/colors 0.0.1 → 6.7.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.
Files changed (5) hide show
  1. package/es/index.js +115 -0
  2. package/lib/index.js +120 -0
  3. package/package.json +2 -1
  4. package/src/index.ts +3 -1
  5. package/types/index.d.ts +114 -0
package/es/index.js ADDED
@@ -0,0 +1,115 @@
1
+ const palette = {
2
+ black: '#000000',
3
+ blue: '#1dbeee',
4
+ blueDark30: '#1485a7',
5
+ blueDark75: '#07303c',
6
+ blueLight30: '#61d2f3',
7
+ blueLight75: '#c7effb',
8
+ blueLight90: '#e8f9fd',
9
+ dodgerBlue: '#4568fb',
10
+ dodgerBlueDark30: '#3049b0',
11
+ dodgerBlueLight30: '#7d95fc',
12
+ dodgerBlueLight90: '#ecf0ff',
13
+ green: '#01b39c',
14
+ greenDark15: '#019885',
15
+ greenDark30: '#017d6d',
16
+ greenDark75: '#002d27',
17
+ greenLight30: '#4dcaba',
18
+ greenLight90: '#e6f7f5',
19
+ grey: '#a3a6ac',
20
+ greyDark30: '#727478',
21
+ greyDark45: '#5a5b5f',
22
+ greyDark60: '#414245',
23
+ greyDark75: '#292a2b',
24
+ greyLight45: '#ccced1',
25
+ greyLight60: '#dadbde',
26
+ greyLight75: '#e8e9ea',
27
+ greyLight85: '#f1f2f3',
28
+ greyLight90: '#f6f6f7',
29
+ grotesqueGreen: '#6af293',
30
+ grotesqueGreenDark45: '#3a8551',
31
+ grotesqueGreenLight60: '#c3fad4',
32
+ grotesqueGreenLight75: '#dafce4',
33
+ grotesqueGreenLight90: '#f0fef4',
34
+ orange: '#ffa234',
35
+ orangeDark15: '#d98a2c',
36
+ orangeDark30: '#b37124',
37
+ orangeDark75: '#40290d',
38
+ orangeLight30: '#ffbe71',
39
+ orangeLight75: '#ffe8cc',
40
+ orangeLight90: '#fff6eb',
41
+ pink: '#fe56aa',
42
+ pinkDark15: '#cf4991',
43
+ pinkDark30: '#b23c77',
44
+ pinkDark45: '#8c2f5e',
45
+ pinkDark75: '#40162b',
46
+ pinkLight30: '#fe89c4',
47
+ pinkLight45: '#fea2d0',
48
+ pinkLight75: '#fcd5ea',
49
+ pinkLight90: '#ffeef7',
50
+ purple: '#be83cf',
51
+ red: '#de350b',
52
+ redDark15: '#bd2d09',
53
+ redDark30: '#9b2508',
54
+ redDark75: '#380d03',
55
+ redLight30: '#e87254',
56
+ redLight75: '#f7cdc2',
57
+ redLight90: '#fcebe7',
58
+ smalt: '#003580',
59
+ smaltDark75: '#000d20',
60
+ smaltLight30: '#4d72a6',
61
+ smaltLight45: '#7390b9',
62
+ smaltLight90: '#e6ebf2',
63
+ violet: '#7622d7',
64
+ violetDark15: '#641db7',
65
+ violetDark30: '#531897',
66
+ violetDark45: '#411376',
67
+ violetDark75: '#1e0936',
68
+ violetLight30: '#9f64e3',
69
+ violetLight60: '#c8a7ef',
70
+ violetLight75: '#ddc8f5',
71
+ violetLight90: '#f1e9fb',
72
+ white: '#ffffff',
73
+ yellow: '#fadb14',
74
+ yellowDark15: '#d5ba11',
75
+ yellowDark75: '#3f3705',
76
+ yellowLight60: '#fdf1a1',
77
+ yellowLight90: '#fffbe8'
78
+ };
79
+ const systemPalette = {
80
+ primary: palette.violet,
81
+ primaryDark: palette.violetDark30,
82
+ primaryLight: palette.violetLight30,
83
+ primaryBackground: palette.violetLight90,
84
+ platformBackground: palette.greyLight85,
85
+ backgroundDark: palette.black,
86
+ backgroundLight: palette.white,
87
+ info: palette.dodgerBlue,
88
+ infoDark: palette.dodgerBlueDark30,
89
+ infoLight: palette.dodgerBlueLight30,
90
+ infoBackground: palette.dodgerBlueLight90,
91
+ success: palette.green,
92
+ successDark: palette.greenDark30,
93
+ successLight: palette.greenLight30,
94
+ successBackground: palette.greenLight90,
95
+ danger: palette.red,
96
+ dangerDark: palette.redDark30,
97
+ dangerLight: palette.redLight30,
98
+ dangerBackground: palette.redLight90,
99
+ warning: palette.orange,
100
+ warningDark: palette.orangeDark30,
101
+ warningLight: palette.orangeLight30,
102
+ warningBackground: palette.orangeLight90,
103
+ error: palette.pink,
104
+ errorDark: palette.pinkDark30,
105
+ errorLight: palette.pinkLight30,
106
+ errorBackground: palette.pinkLight90,
107
+ headingText: palette.black,
108
+ text: palette.greyDark45,
109
+ subduedText: palette.greyDark30,
110
+ disabledText: palette.grey,
111
+ outline: palette.greyLight60,
112
+ disabledBackground: palette.greyLight60
113
+ };
114
+
115
+ export { palette, systemPalette };
package/lib/index.js ADDED
@@ -0,0 +1,120 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const palette = {
6
+ black: '#000000',
7
+ blue: '#1dbeee',
8
+ blueDark30: '#1485a7',
9
+ blueDark75: '#07303c',
10
+ blueLight30: '#61d2f3',
11
+ blueLight75: '#c7effb',
12
+ blueLight90: '#e8f9fd',
13
+ dodgerBlue: '#4568fb',
14
+ dodgerBlueDark30: '#3049b0',
15
+ dodgerBlueLight30: '#7d95fc',
16
+ dodgerBlueLight90: '#ecf0ff',
17
+ green: '#01b39c',
18
+ greenDark15: '#019885',
19
+ greenDark30: '#017d6d',
20
+ greenDark75: '#002d27',
21
+ greenLight30: '#4dcaba',
22
+ greenLight90: '#e6f7f5',
23
+ grey: '#a3a6ac',
24
+ greyDark30: '#727478',
25
+ greyDark45: '#5a5b5f',
26
+ greyDark60: '#414245',
27
+ greyDark75: '#292a2b',
28
+ greyLight45: '#ccced1',
29
+ greyLight60: '#dadbde',
30
+ greyLight75: '#e8e9ea',
31
+ greyLight85: '#f1f2f3',
32
+ greyLight90: '#f6f6f7',
33
+ grotesqueGreen: '#6af293',
34
+ grotesqueGreenDark45: '#3a8551',
35
+ grotesqueGreenLight60: '#c3fad4',
36
+ grotesqueGreenLight75: '#dafce4',
37
+ grotesqueGreenLight90: '#f0fef4',
38
+ orange: '#ffa234',
39
+ orangeDark15: '#d98a2c',
40
+ orangeDark30: '#b37124',
41
+ orangeDark75: '#40290d',
42
+ orangeLight30: '#ffbe71',
43
+ orangeLight75: '#ffe8cc',
44
+ orangeLight90: '#fff6eb',
45
+ pink: '#fe56aa',
46
+ pinkDark15: '#cf4991',
47
+ pinkDark30: '#b23c77',
48
+ pinkDark45: '#8c2f5e',
49
+ pinkDark75: '#40162b',
50
+ pinkLight30: '#fe89c4',
51
+ pinkLight45: '#fea2d0',
52
+ pinkLight75: '#fcd5ea',
53
+ pinkLight90: '#ffeef7',
54
+ purple: '#be83cf',
55
+ red: '#de350b',
56
+ redDark15: '#bd2d09',
57
+ redDark30: '#9b2508',
58
+ redDark75: '#380d03',
59
+ redLight30: '#e87254',
60
+ redLight75: '#f7cdc2',
61
+ redLight90: '#fcebe7',
62
+ smalt: '#003580',
63
+ smaltDark75: '#000d20',
64
+ smaltLight30: '#4d72a6',
65
+ smaltLight45: '#7390b9',
66
+ smaltLight90: '#e6ebf2',
67
+ violet: '#7622d7',
68
+ violetDark15: '#641db7',
69
+ violetDark30: '#531897',
70
+ violetDark45: '#411376',
71
+ violetDark75: '#1e0936',
72
+ violetLight30: '#9f64e3',
73
+ violetLight60: '#c8a7ef',
74
+ violetLight75: '#ddc8f5',
75
+ violetLight90: '#f1e9fb',
76
+ white: '#ffffff',
77
+ yellow: '#fadb14',
78
+ yellowDark15: '#d5ba11',
79
+ yellowDark75: '#3f3705',
80
+ yellowLight60: '#fdf1a1',
81
+ yellowLight90: '#fffbe8'
82
+ };
83
+ const systemPalette = {
84
+ primary: palette.violet,
85
+ primaryDark: palette.violetDark30,
86
+ primaryLight: palette.violetLight30,
87
+ primaryBackground: palette.violetLight90,
88
+ platformBackground: palette.greyLight85,
89
+ backgroundDark: palette.black,
90
+ backgroundLight: palette.white,
91
+ info: palette.dodgerBlue,
92
+ infoDark: palette.dodgerBlueDark30,
93
+ infoLight: palette.dodgerBlueLight30,
94
+ infoBackground: palette.dodgerBlueLight90,
95
+ success: palette.green,
96
+ successDark: palette.greenDark30,
97
+ successLight: palette.greenLight30,
98
+ successBackground: palette.greenLight90,
99
+ danger: palette.red,
100
+ dangerDark: palette.redDark30,
101
+ dangerLight: palette.redLight30,
102
+ dangerBackground: palette.redLight90,
103
+ warning: palette.orange,
104
+ warningDark: palette.orangeDark30,
105
+ warningLight: palette.orangeLight30,
106
+ warningBackground: palette.orangeLight90,
107
+ error: palette.pink,
108
+ errorDark: palette.pinkDark30,
109
+ errorLight: palette.pinkLight30,
110
+ errorBackground: palette.pinkLight90,
111
+ headingText: palette.black,
112
+ text: palette.greyDark45,
113
+ subduedText: palette.greyDark30,
114
+ disabledText: palette.grey,
115
+ outline: palette.greyLight60,
116
+ disabledBackground: palette.greyLight60
117
+ };
118
+
119
+ exports.palette = palette;
120
+ exports.systemPalette = systemPalette;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hero-design/colors",
3
- "version": "0.0.1",
3
+ "version": "6.7.0",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -16,6 +16,7 @@
16
16
  "devDependencies": {
17
17
  "@rollup/plugin-babel": "^5.3.1",
18
18
  "@rollup/plugin-node-resolve": "^13.1.3",
19
+ "@rollup/plugin-typescript": "^8.3.1",
19
20
  "@typescript-eslint/eslint-plugin": "^5.14.0",
20
21
  "@typescript-eslint/parser": "^5.14.0",
21
22
  "eslint": "^8.10.0",
package/src/index.ts CHANGED
@@ -61,6 +61,7 @@ const palette = {
61
61
  smaltLight45: '#7390b9',
62
62
  smaltLight90: '#e6ebf2',
63
63
  violet: '#7622d7',
64
+ violetDark15: '#641db7',
64
65
  violetDark30: '#531897',
65
66
  violetDark45: '#411376',
66
67
  violetDark75: '#1e0936',
@@ -70,6 +71,7 @@ const palette = {
70
71
  violetLight90: '#f1e9fb',
71
72
  white: '#ffffff',
72
73
  yellow: '#fadb14',
74
+ yellowDark15: '#d5ba11',
73
75
  yellowDark75: '#3f3705',
74
76
  yellowLight60: '#fdf1a1',
75
77
  yellowLight90: '#fffbe8',
@@ -108,7 +110,7 @@ const systemPalette = {
108
110
  subduedText: palette.greyDark30,
109
111
  disabledText: palette.grey,
110
112
  outline: palette.greyLight60,
111
- disabledBackground: palette.greyLight90,
113
+ disabledBackground: palette.greyLight60,
112
114
  };
113
115
 
114
116
 
package/types/index.d.ts ADDED
@@ -0,0 +1,114 @@
1
+ declare const palette: {
2
+ black: string;
3
+ blue: string;
4
+ blueDark30: string;
5
+ blueDark75: string;
6
+ blueLight30: string;
7
+ blueLight75: string;
8
+ blueLight90: string;
9
+ dodgerBlue: string;
10
+ dodgerBlueDark30: string;
11
+ dodgerBlueLight30: string;
12
+ dodgerBlueLight90: string;
13
+ green: string;
14
+ greenDark15: string;
15
+ greenDark30: string;
16
+ greenDark75: string;
17
+ greenLight30: string;
18
+ greenLight90: string;
19
+ grey: string;
20
+ greyDark30: string;
21
+ greyDark45: string;
22
+ greyDark60: string;
23
+ greyDark75: string;
24
+ greyLight45: string;
25
+ greyLight60: string;
26
+ greyLight75: string;
27
+ greyLight85: string;
28
+ greyLight90: string;
29
+ grotesqueGreen: string;
30
+ grotesqueGreenDark45: string;
31
+ grotesqueGreenLight60: string;
32
+ grotesqueGreenLight75: string;
33
+ grotesqueGreenLight90: string;
34
+ orange: string;
35
+ orangeDark15: string;
36
+ orangeDark30: string;
37
+ orangeDark75: string;
38
+ orangeLight30: string;
39
+ orangeLight75: string;
40
+ orangeLight90: string;
41
+ pink: string;
42
+ pinkDark15: string;
43
+ pinkDark30: string;
44
+ pinkDark45: string;
45
+ pinkDark75: string;
46
+ pinkLight30: string;
47
+ pinkLight45: string;
48
+ pinkLight75: string;
49
+ pinkLight90: string;
50
+ purple: string;
51
+ red: string;
52
+ redDark15: string;
53
+ redDark30: string;
54
+ redDark75: string;
55
+ redLight30: string;
56
+ redLight75: string;
57
+ redLight90: string;
58
+ smalt: string;
59
+ smaltDark75: string;
60
+ smaltLight30: string;
61
+ smaltLight45: string;
62
+ smaltLight90: string;
63
+ violet: string;
64
+ violetDark15: string;
65
+ violetDark30: string;
66
+ violetDark45: string;
67
+ violetDark75: string;
68
+ violetLight30: string;
69
+ violetLight60: string;
70
+ violetLight75: string;
71
+ violetLight90: string;
72
+ white: string;
73
+ yellow: string;
74
+ yellowDark15: string;
75
+ yellowDark75: string;
76
+ yellowLight60: string;
77
+ yellowLight90: string;
78
+ };
79
+ declare const systemPalette: {
80
+ primary: string;
81
+ primaryDark: string;
82
+ primaryLight: string;
83
+ primaryBackground: string;
84
+ platformBackground: string;
85
+ backgroundDark: string;
86
+ backgroundLight: string;
87
+ info: string;
88
+ infoDark: string;
89
+ infoLight: string;
90
+ infoBackground: string;
91
+ success: string;
92
+ successDark: string;
93
+ successLight: string;
94
+ successBackground: string;
95
+ danger: string;
96
+ dangerDark: string;
97
+ dangerLight: string;
98
+ dangerBackground: string;
99
+ warning: string;
100
+ warningDark: string;
101
+ warningLight: string;
102
+ warningBackground: string;
103
+ error: string;
104
+ errorDark: string;
105
+ errorLight: string;
106
+ errorBackground: string;
107
+ headingText: string;
108
+ text: string;
109
+ subduedText: string;
110
+ disabledText: string;
111
+ outline: string;
112
+ disabledBackground: string;
113
+ };
114
+ export { palette, systemPalette };