@brightlayer-ui/colors 3.1.1-alpha.0 → 3.1.1-beta.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.
@@ -1,160 +1,160 @@
1
- /* Primary Colors / User Interface Colors */
2
- export var blue = {
3
- 50: '#e0eff8',
4
- 100: '#b3d7ec',
5
- 200: '#80bde0',
6
- 300: '#4da3d4',
7
- 400: '#268fca',
8
- 500: '#007bc1',
9
- 600: '#0073bb',
10
- 700: '#0068b3',
11
- 800: '#005eab',
12
- 900: '#004b9e',
13
- contrastDefaultColor: 'light',
14
- };
15
- export var white = {
16
- 50: '#ffffff',
17
- 100: '#fbfbfb',
18
- 200: '#f7f8f8',
19
- 300: '#f3f5f5',
20
- 400: '#f1f2f2',
21
- 500: '#eef0f0',
22
- 600: '#eceeee',
23
- 700: '#e9ecec',
24
- 800: '#e7e9e9',
25
- 900: '#e2e5e5',
26
- contrastDefaultColor: 'dark',
27
- };
28
- export var gray = {
29
- 50: '#eef0f0',
30
- 100: '#d5d8da',
31
- 200: '#b9bfc2',
32
- 300: '#9ca5a9',
33
- 400: '#879196',
34
- 500: '#727e84',
35
- 600: '#6a767c',
36
- 700: '#5f6b71',
37
- 800: '#556167',
38
- 900: '#424e54',
39
- contrastDefaultColor: 'light',
40
- };
41
- export var black = {
42
- 50: '#e8eaea',
43
- 100: '#c6cacc',
44
- 200: '#a1a7aa',
45
- 300: '#7b8387',
46
- 400: '#5e696e',
47
- 500: '#424e54',
48
- 600: '#3c474d',
49
- 700: '#333d43',
50
- 800: '#2b353a',
51
- 900: '#1d2529',
52
- contrastDefaultColor: 'light',
53
- };
54
- export var darkBlack = {
55
- 50: '#202224',
56
- 100: '#182022',
57
- 200: '#182022',
58
- 300: '#13181b',
59
- 400: '#101417',
60
- 500: '#0b0e10',
61
- 600: '#0b0e10',
62
- 700: '#08090a',
63
- 800: '#08090a',
64
- 900: '#000000',
65
- contrastDefaultColor: 'light',
66
- };
67
- // alias
68
- export var vantaBlack = darkBlack;
69
- /* Status Colors */
70
- export var red = {
71
- 50: '#f9e8e8',
72
- 100: '#efc5c5',
73
- 200: '#e59e9e',
74
- 300: '#da7777',
75
- 400: '#d2595a',
76
- 500: '#ca3c3d',
77
- 600: '#c53637',
78
- 700: '#bd2e2f',
79
- 800: '#b72727',
80
- 900: '#ab1a1a',
81
- contrastDefaultColor: 'light',
82
- };
83
- export var orange = {
84
- 50: '#feefe4',
85
- 100: '#fcd6bc',
86
- 200: '#fabb90',
87
- 300: '#f7a064',
88
- 400: '#f68b42',
89
- 500: '#f47721',
90
- 600: '#f36f1d',
91
- 700: '#f16418',
92
- 800: '#ef5a14',
93
- 900: '#ec470b',
94
- contrastDefaultColor: 'light',
95
- };
96
- export var gold = {
97
- 50: '#fdf5e4',
98
- 100: '#fbe6bc',
99
- 200: '#f8d58f',
100
- 300: '#f5c462',
101
- 400: '#f2b741',
102
- 500: '#f0aa1f',
103
- 600: '#eea31b',
104
- 700: '#ec9917',
105
- 800: '#e99012',
106
- 900: '#e57f0a',
107
- contrastDefaultColor: 'dark',
108
- };
109
- export var yellow = {
110
- 50: '#fdf9e6',
111
- 100: '#fbefc1',
112
- 200: '#f8e597',
113
- 300: '#f5db6d',
114
- 400: '#f2d34e',
115
- 500: '#f0cb2f',
116
- 600: '#eec62a',
117
- 700: '#ecbe23',
118
- 800: '#e9b81d',
119
- 900: '#e5ac12',
120
- contrastDefaultColor: 'dark',
121
- };
122
- export var green = {
123
- 50: '#e7f6e4',
124
- 100: '#c4e9bc',
125
- 200: '#9cdb90',
126
- 300: '#74cc63',
127
- 400: '#57c141',
128
- 500: '#39b620',
129
- 600: '#33af1c',
130
- 700: '#2ca618',
131
- 800: '#249e13',
132
- 900: '#178e0b',
133
- contrastDefaultColor: 'light',
134
- };
135
- export var lightBlue = {
136
- 50: '#e0f1fd',
137
- 100: '#b3dbfb',
138
- 200: '#80c4f9',
139
- 300: '#4dacf6',
140
- 400: '#269af4',
141
- 500: '#0088f2',
142
- 600: '#0080f0',
143
- 700: '#0075ee',
144
- 800: '#006bec',
145
- 900: '#0058e8',
146
- contrastDefaultColor: 'dark',
147
- };
148
- export var purple = {
149
- 50: '#f3e8fd',
150
- 100: '#e0c5fa',
151
- 200: '#cc9ff7',
152
- 300: '#b779f4',
153
- 400: '#a75cf1',
154
- 500: '#983fef',
155
- 600: '#9039ed',
156
- 700: '#8531eb',
157
- 800: '#7b29e8',
158
- 900: '#6a1be4',
159
- contrastDefaultColor: 'light',
160
- };
1
+ /* Primary Colors / User Interface Colors */
2
+ export var blue = {
3
+ 50: '#e0eff8',
4
+ 100: '#b3d7ec',
5
+ 200: '#80bde0',
6
+ 300: '#4da3d4',
7
+ 400: '#268fca',
8
+ 500: '#007bc1',
9
+ 600: '#0073bb',
10
+ 700: '#0068b3',
11
+ 800: '#005eab',
12
+ 900: '#004b9e',
13
+ contrastDefaultColor: 'light',
14
+ };
15
+ export var white = {
16
+ 50: '#ffffff',
17
+ 100: '#fbfbfb',
18
+ 200: '#f7f8f8',
19
+ 300: '#f3f5f5',
20
+ 400: '#f1f2f2',
21
+ 500: '#eef0f0',
22
+ 600: '#eceeee',
23
+ 700: '#e9ecec',
24
+ 800: '#e7e9e9',
25
+ 900: '#e2e5e5',
26
+ contrastDefaultColor: 'dark',
27
+ };
28
+ export var gray = {
29
+ 50: '#eef0f0',
30
+ 100: '#d5d8da',
31
+ 200: '#b9bfc2',
32
+ 300: '#9ca5a9',
33
+ 400: '#879196',
34
+ 500: '#727e84',
35
+ 600: '#6a767c',
36
+ 700: '#5f6b71',
37
+ 800: '#556167',
38
+ 900: '#424e54',
39
+ contrastDefaultColor: 'light',
40
+ };
41
+ export var black = {
42
+ 50: '#e8eaea',
43
+ 100: '#c6cacc',
44
+ 200: '#a1a7aa',
45
+ 300: '#7b8387',
46
+ 400: '#5e696e',
47
+ 500: '#424e54',
48
+ 600: '#3c474d',
49
+ 700: '#333d43',
50
+ 800: '#2b353a',
51
+ 900: '#1d2529',
52
+ contrastDefaultColor: 'light',
53
+ };
54
+ export var darkBlack = {
55
+ 50: '#202224',
56
+ 100: '#182022',
57
+ 200: '#182022',
58
+ 300: '#13181b',
59
+ 400: '#101417',
60
+ 500: '#0b0e10',
61
+ 600: '#0b0e10',
62
+ 700: '#08090a',
63
+ 800: '#08090a',
64
+ 900: '#000000',
65
+ contrastDefaultColor: 'light',
66
+ };
67
+ // alias
68
+ export var vantaBlack = darkBlack;
69
+ /* Status Colors */
70
+ export var red = {
71
+ 50: '#f9e8e8',
72
+ 100: '#efc5c5',
73
+ 200: '#e59e9e',
74
+ 300: '#da7777',
75
+ 400: '#d2595a',
76
+ 500: '#ca3c3d',
77
+ 600: '#c53637',
78
+ 700: '#bd2e2f',
79
+ 800: '#b72727',
80
+ 900: '#ab1a1a',
81
+ contrastDefaultColor: 'light',
82
+ };
83
+ export var orange = {
84
+ 50: '#feefe4',
85
+ 100: '#fcd6bc',
86
+ 200: '#fabb90',
87
+ 300: '#f7a064',
88
+ 400: '#f68b42',
89
+ 500: '#f47721',
90
+ 600: '#f36f1d',
91
+ 700: '#f16418',
92
+ 800: '#ef5a14',
93
+ 900: '#ec470b',
94
+ contrastDefaultColor: 'light',
95
+ };
96
+ export var gold = {
97
+ 50: '#fdf5e4',
98
+ 100: '#fbe6bc',
99
+ 200: '#f8d58f',
100
+ 300: '#f5c462',
101
+ 400: '#f2b741',
102
+ 500: '#f0aa1f',
103
+ 600: '#eea31b',
104
+ 700: '#ec9917',
105
+ 800: '#e99012',
106
+ 900: '#e57f0a',
107
+ contrastDefaultColor: 'dark',
108
+ };
109
+ export var yellow = {
110
+ 50: '#fdf9e6',
111
+ 100: '#fbefc1',
112
+ 200: '#f8e597',
113
+ 300: '#f5db6d',
114
+ 400: '#f2d34e',
115
+ 500: '#f0cb2f',
116
+ 600: '#eec62a',
117
+ 700: '#ecbe23',
118
+ 800: '#e9b81d',
119
+ 900: '#e5ac12',
120
+ contrastDefaultColor: 'dark',
121
+ };
122
+ export var green = {
123
+ 50: '#e7f6e4',
124
+ 100: '#c4e9bc',
125
+ 200: '#9cdb90',
126
+ 300: '#74cc63',
127
+ 400: '#57c141',
128
+ 500: '#39b620',
129
+ 600: '#33af1c',
130
+ 700: '#2ca618',
131
+ 800: '#249e13',
132
+ 900: '#178e0b',
133
+ contrastDefaultColor: 'light',
134
+ };
135
+ export var lightBlue = {
136
+ 50: '#e0f1fd',
137
+ 100: '#b3dbfb',
138
+ 200: '#80c4f9',
139
+ 300: '#4dacf6',
140
+ 400: '#269af4',
141
+ 500: '#0088f2',
142
+ 600: '#0080f0',
143
+ 700: '#0075ee',
144
+ 800: '#006bec',
145
+ 900: '#0058e8',
146
+ contrastDefaultColor: 'dark',
147
+ };
148
+ export var purple = {
149
+ 50: '#f3e8fd',
150
+ 100: '#e0c5fa',
151
+ 200: '#cc9ff7',
152
+ 300: '#b779f4',
153
+ 400: '#a75cf1',
154
+ 500: '#983fef',
155
+ 600: '#9039ed',
156
+ 700: '#8531eb',
157
+ 800: '#7b29e8',
158
+ 900: '#6a1be4',
159
+ contrastDefaultColor: 'light',
160
+ };
package/package.json CHANGED
@@ -1,45 +1,45 @@
1
- {
2
- "name": "@brightlayer-ui/colors",
3
- "version": "3.1.1-alpha.0",
4
- "description": "Brightlayer UI colors for Eaton applications",
5
- "main": "./dist/commonjs/index.js",
6
- "types": "./dist/commonjs/index.d.ts",
7
- "scripts": {
8
- "test": "echo \"Error: no test specified\" && exit 1",
9
- "build": "yarn && tsc --module commonjs --outDir dist/commonjs && tsc --module ES2015 --outDir dist/es2015",
10
- "publish:package": "set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish",
11
- "tag:package": "npx -p @brightlayer-ui/tag blui-tag"
12
- },
13
- "repository": {
14
- "type": "git",
15
- "url": "git+https://github.com/brightlayer-ui/colors.git"
16
- },
17
- "keywords": [
18
- "Brightlayer-UI",
19
- "colors",
20
- "Eaton",
21
- "quality",
22
- "lighting"
23
- ],
24
- "author": "Brightlayer UI <brightlayer-ui@eaton.com>",
25
- "license": "BSD-3-Clause",
26
- "bugs": {
27
- "url": "https://github.com/brightlayer-ui/colors/issues"
28
- },
29
- "homepage": "https://github.com/brightlayer-ui/colors#readme",
30
- "dependencies": {
31
- "@brightlayer-ui/types": "^2.0.0"
32
- },
33
- "devDependencies": {
34
- "typescript": "^4.6.3"
35
- },
36
- "files": [
37
- "package.json",
38
- "README.md",
39
- "LICENSE",
40
- "LICENSES.json",
41
- "CHANGELOG.md",
42
- "dist/",
43
- "palette.scss"
44
- ]
45
- }
1
+ {
2
+ "name": "@brightlayer-ui/colors",
3
+ "version": "3.1.1-beta.0",
4
+ "description": "Brightlayer UI colors for Eaton applications",
5
+ "main": "./dist/commonjs/index.js",
6
+ "types": "./dist/commonjs/index.d.ts",
7
+ "scripts": {
8
+ "test": "echo \"Error: no test specified\" && exit 1",
9
+ "build": "yarn && tsc --module commonjs --outDir dist/commonjs && tsc --module ES2015 --outDir dist/es2015",
10
+ "publish:package": "set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish",
11
+ "tag:package": "npx -p @brightlayer-ui/tag blui-tag"
12
+ },
13
+ "repository": {
14
+ "type": "git",
15
+ "url": "git+https://github.com/brightlayer-ui/colors.git"
16
+ },
17
+ "keywords": [
18
+ "Brightlayer-UI",
19
+ "colors",
20
+ "Eaton",
21
+ "quality",
22
+ "lighting"
23
+ ],
24
+ "author": "Brightlayer UI <brightlayer-ui@eaton.com>",
25
+ "license": "BSD-3-Clause",
26
+ "bugs": {
27
+ "url": "https://github.com/brightlayer-ui/colors/issues"
28
+ },
29
+ "homepage": "https://github.com/brightlayer-ui/colors#readme",
30
+ "dependencies": {
31
+ "@brightlayer-ui/types": "^2.0.0"
32
+ },
33
+ "devDependencies": {
34
+ "typescript": "^4.6.3"
35
+ },
36
+ "files": [
37
+ "package.json",
38
+ "README.md",
39
+ "LICENSE",
40
+ "LICENSES.json",
41
+ "CHANGELOG.md",
42
+ "dist/",
43
+ "palette.scss"
44
+ ]
45
+ }