@brightlayer-ui/colors 3.1.0-beta.0 → 3.1.1-alpha.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/CHANGELOG.md CHANGED
@@ -1,10 +1,20 @@
1
1
  # CHANGELOG
2
2
 
3
- ## v3.1.0 (Not published yet)
3
+ ## v3.1.1 (Not yet published)
4
+
5
+ ### Changed
6
+
7
+ - Reverted change from version `3.1.0` & default added a `es2015` build option.
8
+
9
+ ## v3.1.0 (April 15, 2022)
4
10
 
5
11
  ### Added
6
12
 
7
- - Added top level export `BLUIColors` & updated typescript version used to build package ([#47](https://github.com/brightlayer-ui/colors/issues/47)).
13
+ - Added top level export `BLUIColors`.
14
+
15
+ ### Changed
16
+
17
+ - Changed build module from `commonjs` to `es2015` ([#47](https://github.com/brightlayer-ui/colors/issues/47)).
8
18
 
9
19
  ## Package Migration Notice
10
20
 
File without changes
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ /**
3
+ Copyright (c) 2018-present, Eaton
4
+
5
+ All rights reserved.
6
+
7
+ This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
8
+ **/
9
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ var desc = Object.getOwnPropertyDescriptor(m, k);
12
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
13
+ desc = { enumerable: true, get: function() { return m[k]; } };
14
+ }
15
+ Object.defineProperty(o, k2, desc);
16
+ }) : (function(o, m, k, k2) {
17
+ if (k2 === undefined) k2 = k;
18
+ o[k2] = m[k];
19
+ }));
20
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
21
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
22
+ };
23
+ Object.defineProperty(exports, "__esModule", { value: true });
24
+ exports.BLUIColors = void 0;
25
+ __exportStar(require("./palette"), exports);
26
+ exports.BLUIColors = require("./palette");
File without changes
@@ -0,0 +1,163 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.purple = exports.lightBlue = exports.green = exports.yellow = exports.gold = exports.orange = exports.red = exports.vantaBlack = exports.darkBlack = exports.black = exports.gray = exports.white = exports.blue = void 0;
4
+ /* Primary Colors / User Interface Colors */
5
+ exports.blue = {
6
+ 50: '#e0eff8',
7
+ 100: '#b3d7ec',
8
+ 200: '#80bde0',
9
+ 300: '#4da3d4',
10
+ 400: '#268fca',
11
+ 500: '#007bc1',
12
+ 600: '#0073bb',
13
+ 700: '#0068b3',
14
+ 800: '#005eab',
15
+ 900: '#004b9e',
16
+ contrastDefaultColor: 'light',
17
+ };
18
+ exports.white = {
19
+ 50: '#ffffff',
20
+ 100: '#fbfbfb',
21
+ 200: '#f7f8f8',
22
+ 300: '#f3f5f5',
23
+ 400: '#f1f2f2',
24
+ 500: '#eef0f0',
25
+ 600: '#eceeee',
26
+ 700: '#e9ecec',
27
+ 800: '#e7e9e9',
28
+ 900: '#e2e5e5',
29
+ contrastDefaultColor: 'dark',
30
+ };
31
+ exports.gray = {
32
+ 50: '#eef0f0',
33
+ 100: '#d5d8da',
34
+ 200: '#b9bfc2',
35
+ 300: '#9ca5a9',
36
+ 400: '#879196',
37
+ 500: '#727e84',
38
+ 600: '#6a767c',
39
+ 700: '#5f6b71',
40
+ 800: '#556167',
41
+ 900: '#424e54',
42
+ contrastDefaultColor: 'light',
43
+ };
44
+ exports.black = {
45
+ 50: '#e8eaea',
46
+ 100: '#c6cacc',
47
+ 200: '#a1a7aa',
48
+ 300: '#7b8387',
49
+ 400: '#5e696e',
50
+ 500: '#424e54',
51
+ 600: '#3c474d',
52
+ 700: '#333d43',
53
+ 800: '#2b353a',
54
+ 900: '#1d2529',
55
+ contrastDefaultColor: 'light',
56
+ };
57
+ exports.darkBlack = {
58
+ 50: '#202224',
59
+ 100: '#182022',
60
+ 200: '#182022',
61
+ 300: '#13181b',
62
+ 400: '#101417',
63
+ 500: '#0b0e10',
64
+ 600: '#0b0e10',
65
+ 700: '#08090a',
66
+ 800: '#08090a',
67
+ 900: '#000000',
68
+ contrastDefaultColor: 'light',
69
+ };
70
+ // alias
71
+ exports.vantaBlack = exports.darkBlack;
72
+ /* Status Colors */
73
+ exports.red = {
74
+ 50: '#f9e8e8',
75
+ 100: '#efc5c5',
76
+ 200: '#e59e9e',
77
+ 300: '#da7777',
78
+ 400: '#d2595a',
79
+ 500: '#ca3c3d',
80
+ 600: '#c53637',
81
+ 700: '#bd2e2f',
82
+ 800: '#b72727',
83
+ 900: '#ab1a1a',
84
+ contrastDefaultColor: 'light',
85
+ };
86
+ exports.orange = {
87
+ 50: '#feefe4',
88
+ 100: '#fcd6bc',
89
+ 200: '#fabb90',
90
+ 300: '#f7a064',
91
+ 400: '#f68b42',
92
+ 500: '#f47721',
93
+ 600: '#f36f1d',
94
+ 700: '#f16418',
95
+ 800: '#ef5a14',
96
+ 900: '#ec470b',
97
+ contrastDefaultColor: 'light',
98
+ };
99
+ exports.gold = {
100
+ 50: '#fdf5e4',
101
+ 100: '#fbe6bc',
102
+ 200: '#f8d58f',
103
+ 300: '#f5c462',
104
+ 400: '#f2b741',
105
+ 500: '#f0aa1f',
106
+ 600: '#eea31b',
107
+ 700: '#ec9917',
108
+ 800: '#e99012',
109
+ 900: '#e57f0a',
110
+ contrastDefaultColor: 'dark',
111
+ };
112
+ exports.yellow = {
113
+ 50: '#fdf9e6',
114
+ 100: '#fbefc1',
115
+ 200: '#f8e597',
116
+ 300: '#f5db6d',
117
+ 400: '#f2d34e',
118
+ 500: '#f0cb2f',
119
+ 600: '#eec62a',
120
+ 700: '#ecbe23',
121
+ 800: '#e9b81d',
122
+ 900: '#e5ac12',
123
+ contrastDefaultColor: 'dark',
124
+ };
125
+ exports.green = {
126
+ 50: '#e7f6e4',
127
+ 100: '#c4e9bc',
128
+ 200: '#9cdb90',
129
+ 300: '#74cc63',
130
+ 400: '#57c141',
131
+ 500: '#39b620',
132
+ 600: '#33af1c',
133
+ 700: '#2ca618',
134
+ 800: '#249e13',
135
+ 900: '#178e0b',
136
+ contrastDefaultColor: 'light',
137
+ };
138
+ exports.lightBlue = {
139
+ 50: '#e0f1fd',
140
+ 100: '#b3dbfb',
141
+ 200: '#80c4f9',
142
+ 300: '#4dacf6',
143
+ 400: '#269af4',
144
+ 500: '#0088f2',
145
+ 600: '#0080f0',
146
+ 700: '#0075ee',
147
+ 800: '#006bec',
148
+ 900: '#0058e8',
149
+ contrastDefaultColor: 'dark',
150
+ };
151
+ exports.purple = {
152
+ 50: '#f3e8fd',
153
+ 100: '#e0c5fa',
154
+ 200: '#cc9ff7',
155
+ 300: '#b779f4',
156
+ 400: '#a75cf1',
157
+ 500: '#983fef',
158
+ 600: '#9039ed',
159
+ 700: '#8531eb',
160
+ 800: '#7b29e8',
161
+ 900: '#6a1be4',
162
+ contrastDefaultColor: 'light',
163
+ };
File without changes
@@ -0,0 +1,10 @@
1
+ /**
2
+ Copyright (c) 2018-present, Eaton
3
+
4
+ All rights reserved.
5
+
6
+ This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
7
+ **/
8
+ export * from './palette';
9
+ import * as BLUIColors_1 from './palette';
10
+ export { BLUIColors_1 as BLUIColors };
@@ -0,0 +1,21 @@
1
+ /**
2
+ Copyright (c) 2018-present, Eaton
3
+
4
+ All rights reserved.
5
+
6
+ This code is licensed under the BSD-3 license found in the LICENSE file in the root directory of this source tree and at https://opensource.org/licenses/BSD-3-Clause.
7
+ **/
8
+ import { BLUIColor } from '@brightlayer-ui/types';
9
+ export declare const blue: BLUIColor;
10
+ export declare const white: BLUIColor;
11
+ export declare const gray: BLUIColor;
12
+ export declare const black: BLUIColor;
13
+ export declare const darkBlack: BLUIColor;
14
+ export declare const vantaBlack: BLUIColor;
15
+ export declare const red: BLUIColor;
16
+ export declare const orange: BLUIColor;
17
+ export declare const gold: BLUIColor;
18
+ export declare const yellow: BLUIColor;
19
+ export declare const green: BLUIColor;
20
+ export declare const lightBlue: BLUIColor;
21
+ export declare const purple: BLUIColor;
@@ -1,5 +1,5 @@
1
1
  /* Primary Colors / User Interface Colors */
2
- export const blue = {
2
+ export var blue = {
3
3
  50: '#e0eff8',
4
4
  100: '#b3d7ec',
5
5
  200: '#80bde0',
@@ -12,7 +12,7 @@ export const blue = {
12
12
  900: '#004b9e',
13
13
  contrastDefaultColor: 'light',
14
14
  };
15
- export const white = {
15
+ export var white = {
16
16
  50: '#ffffff',
17
17
  100: '#fbfbfb',
18
18
  200: '#f7f8f8',
@@ -25,7 +25,7 @@ export const white = {
25
25
  900: '#e2e5e5',
26
26
  contrastDefaultColor: 'dark',
27
27
  };
28
- export const gray = {
28
+ export var gray = {
29
29
  50: '#eef0f0',
30
30
  100: '#d5d8da',
31
31
  200: '#b9bfc2',
@@ -38,7 +38,7 @@ export const gray = {
38
38
  900: '#424e54',
39
39
  contrastDefaultColor: 'light',
40
40
  };
41
- export const black = {
41
+ export var black = {
42
42
  50: '#e8eaea',
43
43
  100: '#c6cacc',
44
44
  200: '#a1a7aa',
@@ -51,7 +51,7 @@ export const black = {
51
51
  900: '#1d2529',
52
52
  contrastDefaultColor: 'light',
53
53
  };
54
- export const darkBlack = {
54
+ export var darkBlack = {
55
55
  50: '#202224',
56
56
  100: '#182022',
57
57
  200: '#182022',
@@ -65,9 +65,9 @@ export const darkBlack = {
65
65
  contrastDefaultColor: 'light',
66
66
  };
67
67
  // alias
68
- export const vantaBlack = darkBlack;
68
+ export var vantaBlack = darkBlack;
69
69
  /* Status Colors */
70
- export const red = {
70
+ export var red = {
71
71
  50: '#f9e8e8',
72
72
  100: '#efc5c5',
73
73
  200: '#e59e9e',
@@ -80,7 +80,7 @@ export const red = {
80
80
  900: '#ab1a1a',
81
81
  contrastDefaultColor: 'light',
82
82
  };
83
- export const orange = {
83
+ export var orange = {
84
84
  50: '#feefe4',
85
85
  100: '#fcd6bc',
86
86
  200: '#fabb90',
@@ -93,7 +93,7 @@ export const orange = {
93
93
  900: '#ec470b',
94
94
  contrastDefaultColor: 'light',
95
95
  };
96
- export const gold = {
96
+ export var gold = {
97
97
  50: '#fdf5e4',
98
98
  100: '#fbe6bc',
99
99
  200: '#f8d58f',
@@ -106,7 +106,7 @@ export const gold = {
106
106
  900: '#e57f0a',
107
107
  contrastDefaultColor: 'dark',
108
108
  };
109
- export const yellow = {
109
+ export var yellow = {
110
110
  50: '#fdf9e6',
111
111
  100: '#fbefc1',
112
112
  200: '#f8e597',
@@ -119,7 +119,7 @@ export const yellow = {
119
119
  900: '#e5ac12',
120
120
  contrastDefaultColor: 'dark',
121
121
  };
122
- export const green = {
122
+ export var green = {
123
123
  50: '#e7f6e4',
124
124
  100: '#c4e9bc',
125
125
  200: '#9cdb90',
@@ -132,7 +132,7 @@ export const green = {
132
132
  900: '#178e0b',
133
133
  contrastDefaultColor: 'light',
134
134
  };
135
- export const lightBlue = {
135
+ export var lightBlue = {
136
136
  50: '#e0f1fd',
137
137
  100: '#b3dbfb',
138
138
  200: '#80c4f9',
@@ -145,7 +145,7 @@ export const lightBlue = {
145
145
  900: '#0058e8',
146
146
  contrastDefaultColor: 'dark',
147
147
  };
148
- export const purple = {
148
+ export var purple = {
149
149
  50: '#f3e8fd',
150
150
  100: '#e0c5fa',
151
151
  200: '#cc9ff7',
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@brightlayer-ui/colors",
3
- "version": "3.1.0-beta.0",
3
+ "version": "3.1.1-alpha.0",
4
4
  "description": "Brightlayer UI colors for Eaton applications",
5
- "main": "./dist/index.js",
6
- "types": "./dist/index.d.ts",
5
+ "main": "./dist/commonjs/index.js",
6
+ "types": "./dist/commonjs/index.d.ts",
7
7
  "scripts": {
8
8
  "test": "echo \"Error: no test specified\" && exit 1",
9
- "build": "yarn && tsc",
9
+ "build": "yarn && tsc --module commonjs --outDir dist/commonjs && tsc --module ES2015 --outDir dist/es2015",
10
10
  "publish:package": "set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish",
11
11
  "tag:package": "npx -p @brightlayer-ui/tag blui-tag"
12
12
  },