@hero-design/colors 0.0.1 → 6.7.2

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