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