@brightlayer-ui/colors 4.0.0-alpha.0 → 4.0.0-alpha.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.
- package/CHANGELOG.md +2 -4
- package/README.md +45 -9
- package/{dist/es2015/branding/palette.d.ts → branding/branding-palette.d.ts} +4 -1
- package/branding/branding-palette.js +46 -0
- package/branding/index.d.ts +1 -0
- package/{dist/commonjs → branding}/index.js +1 -5
- package/branding-palette.scss +28 -0
- package/dist/index.d.ts +1 -0
- package/dist/{commonjs/types/index.js → index.js} +1 -6
- package/dist/{es2015/colors/palette.d.ts → palette.d.ts} +1 -1
- package/package.json +21 -15
- package/LICENSES.json +0 -8
- package/dist/commonjs/branding/index.d.ts +0 -9
- package/dist/commonjs/branding/index.js +0 -25
- package/dist/commonjs/branding/palette.d.ts +0 -29
- package/dist/commonjs/branding/palette.js +0 -33
- package/dist/commonjs/colors/index.d.ts +0 -9
- package/dist/commonjs/colors/index.js +0 -26
- package/dist/commonjs/colors/palette.d.ts +0 -16
- package/dist/commonjs/index.d.ts +0 -4
- package/dist/commonjs/types/index.d.ts +0 -6
- package/dist/es2015/branding/index.d.ts +0 -9
- package/dist/es2015/branding/index.js +0 -22
- package/dist/es2015/branding/palette.js +0 -30
- package/dist/es2015/colors/index.d.ts +0 -9
- package/dist/es2015/colors/index.js +0 -10
- package/dist/es2015/colors/palette.js +0 -132
- package/dist/es2015/index.d.ts +0 -4
- package/dist/es2015/index.js +0 -6
- package/dist/es2015/types/colorType.d.ts +0 -62
- package/dist/es2015/types/colorType.js +0 -8
- package/dist/es2015/types/index.d.ts +0 -6
- package/dist/es2015/types/index.js +0 -6
- /package/dist/{commonjs/types/colorType.d.ts → colorType.d.ts} +0 -0
- /package/dist/{commonjs/types/colorType.js → colorType.js} +0 -0
- /package/dist/{commonjs/colors/palette.js → palette.js} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -4,12 +4,10 @@
|
|
|
4
4
|
|
|
5
5
|
### Changed
|
|
6
6
|
|
|
7
|
-
- Move Branding colors under `@brightlayer-ui/colors` package.
|
|
8
|
-
- Update UI colors and Branding colors as per new Material
|
|
7
|
+
- Move Branding colors under `@brightlayer-ui/colors/branding` package.
|
|
8
|
+
- Update UI colors and Branding colors as per new Material Design 3.
|
|
9
9
|
- Remove dependency of `@brightlayer-ui/types` and moved type in `@brightlayer-ui/colors` package.
|
|
10
10
|
|
|
11
|
-
## v3.1.0 (April 15, 2022)
|
|
12
|
-
|
|
13
11
|
## v3.1.1 (June 20, 2022)
|
|
14
12
|
|
|
15
13
|
### Changed
|
package/README.md
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
# Brightlayer UI Colors
|
|
2
2
|
|
|
3
|
-
This
|
|
3
|
+
This repository contains definitions for various colors used throughout Brightlayer UI applications.
|
|
4
4
|
|
|
5
5
|
It contains the following color defintions:
|
|
6
6
|
|
|
7
|
+
## UI Colors
|
|
8
|
+
|
|
7
9
|
```
|
|
8
10
|
primary / $blui-primary
|
|
9
11
|
neutral / $blui-neutral
|
|
@@ -15,7 +17,30 @@ orange / $blui-orange
|
|
|
15
17
|
purple / $blui-purple
|
|
16
18
|
```
|
|
17
19
|
|
|
18
|
-
|
|
20
|
+
## Branding Colors
|
|
21
|
+
|
|
22
|
+
```
|
|
23
|
+
lightGray / $brand-lightGray
|
|
24
|
+
gray / $brand-gray
|
|
25
|
+
darkGray / $brand-darkGray
|
|
26
|
+
sky / $brand-sky
|
|
27
|
+
eatonBlue / $brand-eatonBlue
|
|
28
|
+
navy / $brand-navy
|
|
29
|
+
ash / $brand-ash
|
|
30
|
+
teal / $brand-teal
|
|
31
|
+
pine / $brand-pine
|
|
32
|
+
sage / $brand-sage
|
|
33
|
+
citrus / $brand-citrus
|
|
34
|
+
emerald / $brand-emerald
|
|
35
|
+
butter / $brand-butter
|
|
36
|
+
goldenrod / $brand-goldenrod
|
|
37
|
+
toad / $brand-toad
|
|
38
|
+
trophy / $brand-trophy
|
|
39
|
+
sunset / $brand-sunset
|
|
40
|
+
rust / $brand-rust
|
|
41
|
+
crimson / $brand-crimson
|
|
42
|
+
wine / $brand-wine
|
|
43
|
+
```
|
|
19
44
|
|
|
20
45
|
## Installation
|
|
21
46
|
|
|
@@ -35,19 +60,30 @@ yarn add @brightlayer-ui/colors
|
|
|
35
60
|
|
|
36
61
|
Incorporating these colors into your project is handled differently depending on the framework that you are using.
|
|
37
62
|
|
|
38
|
-
###
|
|
63
|
+
### CSS variables
|
|
64
|
+
|
|
65
|
+
```
|
|
66
|
+
// For UI Colors in styles.scss or your top-level sass file
|
|
67
|
+
@import '~@brightlayer-ui/colors/palette.scss';
|
|
68
|
+
...
|
|
69
|
+
background-color: map-get($blui-primary, 10);
|
|
70
|
+
```
|
|
39
71
|
|
|
40
72
|
```
|
|
41
|
-
// in styles.scss or your top-level sass file
|
|
42
|
-
@import '~@brightlayer-ui/colors/palette.scss'
|
|
73
|
+
// For Branding Colors in styles.scss or your top-level sass file
|
|
74
|
+
@import '~@brightlayer-ui/colors/branding-palette.scss';
|
|
43
75
|
...
|
|
44
|
-
background-color:
|
|
76
|
+
background-color: $brand-lightGray;
|
|
45
77
|
```
|
|
46
78
|
|
|
47
|
-
###
|
|
79
|
+
### JSON Object
|
|
48
80
|
|
|
49
81
|
```
|
|
50
|
-
import
|
|
82
|
+
import Colors, {primary} from '@brightlayer-ui/colors';
|
|
83
|
+
import BrandingColors, {lightGray} from '@brightlayer-ui/colors/branding';
|
|
51
84
|
...
|
|
52
|
-
<div style={{background: Colors.
|
|
85
|
+
<div style={{background: Colors.primary[10]}}/>
|
|
86
|
+
<div style={{background: primary[10]}}/>
|
|
87
|
+
<div style={{background: BrandingColors.lightGray}}/>
|
|
88
|
+
<div style={{background: lightGray}}/>
|
|
53
89
|
```
|
|
@@ -5,7 +5,7 @@ All rights reserved.
|
|
|
5
5
|
|
|
6
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
7
|
**/
|
|
8
|
-
|
|
8
|
+
declare enum BrandingColors {
|
|
9
9
|
lightGray = "#98A4AE",
|
|
10
10
|
gray = "#5B6770",
|
|
11
11
|
darkGray = "#333F48",
|
|
@@ -27,3 +27,6 @@ export declare enum BrandingColors {
|
|
|
27
27
|
crimson = "#D22730",
|
|
28
28
|
wine = "#9D2235"
|
|
29
29
|
}
|
|
30
|
+
export declare const chartColors: BrandingColors[];
|
|
31
|
+
export declare const lightGray: BrandingColors, gray: BrandingColors, darkGray: BrandingColors, sky: BrandingColors, eatonBlue: BrandingColors, navy: BrandingColors, ash: BrandingColors, teal: BrandingColors, pine: BrandingColors, sage: BrandingColors, citrus: BrandingColors, emerald: BrandingColors, butter: BrandingColors, goldenrod: BrandingColors, toad: BrandingColors, trophy: BrandingColors, sunset: BrandingColors, rust: BrandingColors, crimson: BrandingColors, wine: BrandingColors;
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.wine = exports.crimson = exports.rust = exports.sunset = exports.trophy = exports.toad = exports.goldenrod = exports.butter = exports.emerald = exports.citrus = exports.sage = exports.pine = exports.teal = exports.ash = exports.navy = exports.eatonBlue = exports.sky = exports.darkGray = exports.gray = exports.lightGray = exports.chartColors = void 0;
|
|
11
|
+
var BrandingColors;
|
|
12
|
+
(function (BrandingColors) {
|
|
13
|
+
BrandingColors["lightGray"] = "#98A4AE";
|
|
14
|
+
BrandingColors["gray"] = "#5B6770";
|
|
15
|
+
BrandingColors["darkGray"] = "#333F48";
|
|
16
|
+
BrandingColors["sky"] = "#71B2C9";
|
|
17
|
+
BrandingColors["eatonBlue"] = "#005EB8";
|
|
18
|
+
BrandingColors["navy"] = "#003865";
|
|
19
|
+
BrandingColors["ash"] = "#A3B2A4";
|
|
20
|
+
BrandingColors["teal"] = "#00B2A9";
|
|
21
|
+
BrandingColors["pine"] = "#43695B";
|
|
22
|
+
BrandingColors["sage"] = "#B7CE95";
|
|
23
|
+
BrandingColors["citrus"] = "#B5BD00";
|
|
24
|
+
BrandingColors["emerald"] = "#4C8D2B";
|
|
25
|
+
BrandingColors["butter"] = "#F3DD6D";
|
|
26
|
+
BrandingColors["goldenrod"] = "#FFC72C";
|
|
27
|
+
BrandingColors["toad"] = "#AD841F";
|
|
28
|
+
BrandingColors["trophy"] = "#F0B323";
|
|
29
|
+
BrandingColors["sunset"] = "#ED8B00";
|
|
30
|
+
BrandingColors["rust"] = "#B94700";
|
|
31
|
+
BrandingColors["crimson"] = "#D22730";
|
|
32
|
+
BrandingColors["wine"] = "#9D2235";
|
|
33
|
+
})(BrandingColors || (BrandingColors = {}));
|
|
34
|
+
exports.chartColors = [
|
|
35
|
+
BrandingColors.teal,
|
|
36
|
+
BrandingColors.citrus,
|
|
37
|
+
BrandingColors.pine,
|
|
38
|
+
BrandingColors.emerald,
|
|
39
|
+
BrandingColors.wine,
|
|
40
|
+
BrandingColors.crimson,
|
|
41
|
+
BrandingColors.sunset,
|
|
42
|
+
BrandingColors.rust,
|
|
43
|
+
BrandingColors.navy,
|
|
44
|
+
BrandingColors.sky,
|
|
45
|
+
];
|
|
46
|
+
exports.lightGray = BrandingColors.lightGray, exports.gray = BrandingColors.gray, exports.darkGray = BrandingColors.darkGray, exports.sky = BrandingColors.sky, exports.eatonBlue = BrandingColors.eatonBlue, exports.navy = BrandingColors.navy, exports.ash = BrandingColors.ash, exports.teal = BrandingColors.teal, exports.pine = BrandingColors.pine, exports.sage = BrandingColors.sage, exports.citrus = BrandingColors.citrus, exports.emerald = BrandingColors.emerald, exports.butter = BrandingColors.butter, exports.goldenrod = BrandingColors.goldenrod, exports.toad = BrandingColors.toad, exports.trophy = BrandingColors.trophy, exports.sunset = BrandingColors.sunset, exports.rust = BrandingColors.rust, exports.crimson = BrandingColors.crimson, exports.wine = BrandingColors.wine;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './branding-palette';
|
|
@@ -14,8 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
|
|
18
|
-
__exportStar(require("./colors/palette"), exports);
|
|
19
|
-
exports.BLUIColors = require("./colors/palette");
|
|
20
|
-
__exportStar(require("./branding/palette"), exports);
|
|
21
|
-
exports.Colors = require("./branding/palette");
|
|
17
|
+
__exportStar(require("./branding-palette"), exports);
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
Copyright (c) 2021-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
|
+
|
|
9
|
+
$brand-lightGray: #98a4ae;
|
|
10
|
+
$brand-gray: #5b6770;
|
|
11
|
+
$brand-darkGray: #333f48;
|
|
12
|
+
$brand-sky: #71b2c9;
|
|
13
|
+
$brand-eatonBlue: #005eb8;
|
|
14
|
+
$brand-navy: #003865;
|
|
15
|
+
$brand-ash: #a3b2a4;
|
|
16
|
+
$brand-teal: #00b2a9;
|
|
17
|
+
$brand-pine: #43695b;
|
|
18
|
+
$brand-sage: #b7ce95;
|
|
19
|
+
$brand-citrus: #b5bd00;
|
|
20
|
+
$brand-emerald: #4c8d2b;
|
|
21
|
+
$brand-butter: #f3dd6d;
|
|
22
|
+
$brand-goldenrod: #ffc72c;
|
|
23
|
+
$brand-toad: #ad841f;
|
|
24
|
+
$brand-trophy: #f0b323;
|
|
25
|
+
$brand-sunset: #ed8b00;
|
|
26
|
+
$brand-rust: #b94700;
|
|
27
|
+
$brand-crimson: #d22730;
|
|
28
|
+
$brand-wine: #9d2235;
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './palette';
|
|
@@ -14,9 +14,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
|
|
18
|
-
Copyright (c) 2021-present, Eaton
|
|
19
|
-
All rights reserved.
|
|
20
|
-
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.
|
|
21
|
-
**/
|
|
22
|
-
__exportStar(require("./colorType"), exports);
|
|
17
|
+
__exportStar(require("./palette"), exports);
|
|
@@ -5,7 +5,7 @@ All rights reserved.
|
|
|
5
5
|
|
|
6
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
7
|
**/
|
|
8
|
-
import { Error, Neutral, NeutralVariant, Orange, Primary, Purple, Success, Warning } from '
|
|
8
|
+
import { Error, Neutral, NeutralVariant, Orange, Primary, Purple, Success, Warning } from './colorType';
|
|
9
9
|
export declare const primary: Primary;
|
|
10
10
|
export declare const neutral: Neutral;
|
|
11
11
|
export declare const neutralVariant: NeutralVariant;
|
package/package.json
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightlayer-ui/colors",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.2",
|
|
4
4
|
"description": "Brightlayer UI colors for Eaton applications",
|
|
5
|
-
"main": "./dist/
|
|
6
|
-
"types": "./dist/
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
|
+
"types": "./dist/index.d.ts",
|
|
7
7
|
"scripts": {
|
|
8
|
-
"test": "
|
|
9
|
-
"build": "
|
|
8
|
+
"test": "./buildTest.sh",
|
|
9
|
+
"clear:build": "rm -rf dist && rm -rf branding",
|
|
10
|
+
"move:branding": "cp -r ./dist/branding branding && rm -rf ./dist/branding",
|
|
11
|
+
"build": "yarn clear:build && yarn tsc && yarn move:branding",
|
|
12
|
+
"prettier": "prettier \"**/**.{ts,tsx,js,jsx,json,css,scss,html,md}\" --write",
|
|
13
|
+
"precommit": "yarn && yarn prettier && yarn build && yarn test",
|
|
10
14
|
"publish:package": "set npm_config_yes=true && npx -p @brightlayer-ui/publish blui-publish",
|
|
11
15
|
"tag:package": "npx -p @brightlayer-ui/tag blui-tag"
|
|
12
16
|
},
|
|
@@ -15,11 +19,12 @@
|
|
|
15
19
|
"url": "git+https://github.com/etn-ccis/blui-colors.git"
|
|
16
20
|
},
|
|
17
21
|
"keywords": [
|
|
18
|
-
"Brightlayer
|
|
19
|
-
"
|
|
22
|
+
"Brightlayer UI",
|
|
23
|
+
"Branding",
|
|
24
|
+
"Colors",
|
|
20
25
|
"Eaton",
|
|
21
|
-
"
|
|
22
|
-
"
|
|
26
|
+
"Quality",
|
|
27
|
+
"Lighting"
|
|
23
28
|
],
|
|
24
29
|
"author": "Brightlayer UI <brightlayer-ui@eaton.com>",
|
|
25
30
|
"license": "BSD-3-Clause",
|
|
@@ -27,19 +32,20 @@
|
|
|
27
32
|
"url": "https://github.com/etn-ccis/blui-colors/issues"
|
|
28
33
|
},
|
|
29
34
|
"homepage": "https://github.com/etn-ccis/blui-colors#readme",
|
|
30
|
-
"
|
|
31
|
-
"@brightlayer-ui/types": "^2.0.0"
|
|
32
|
-
},
|
|
35
|
+
"prettier": "@brightlayer-ui/prettier-config",
|
|
33
36
|
"devDependencies": {
|
|
34
|
-
"typescript": "^5.0.3"
|
|
37
|
+
"typescript": "^5.0.3",
|
|
38
|
+
"@brightlayer-ui/prettier-config": "^1.0.2",
|
|
39
|
+
"prettier": "^3.0.3"
|
|
35
40
|
},
|
|
36
41
|
"files": [
|
|
37
42
|
"package.json",
|
|
38
43
|
"README.md",
|
|
39
44
|
"LICENSE",
|
|
40
|
-
"LICENSES.json",
|
|
41
45
|
"CHANGELOG.md",
|
|
42
46
|
"dist/",
|
|
43
|
-
"palette.scss"
|
|
47
|
+
"branding-palette.scss",
|
|
48
|
+
"palette.scss",
|
|
49
|
+
"branding/"
|
|
44
50
|
]
|
|
45
51
|
}
|
package/LICENSES.json
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
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 { BrandingColors } from './palette';
|
|
9
|
-
export declare const chartColors: BrandingColors[];
|
|
@@ -1,25 +0,0 @@
|
|
|
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
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.chartColors = void 0;
|
|
11
|
-
// export * from './palette';
|
|
12
|
-
// import * as Colors from './palette';
|
|
13
|
-
var palette_1 = require("./palette");
|
|
14
|
-
exports.chartColors = [
|
|
15
|
-
palette_1.BrandingColors.teal,
|
|
16
|
-
palette_1.BrandingColors.citrus,
|
|
17
|
-
palette_1.BrandingColors.pine,
|
|
18
|
-
palette_1.BrandingColors.emerald,
|
|
19
|
-
palette_1.BrandingColors.wine,
|
|
20
|
-
palette_1.BrandingColors.crimson,
|
|
21
|
-
palette_1.BrandingColors.sunset,
|
|
22
|
-
palette_1.BrandingColors.rust,
|
|
23
|
-
palette_1.BrandingColors.navy,
|
|
24
|
-
palette_1.BrandingColors.sky,
|
|
25
|
-
];
|
|
@@ -1,29 +0,0 @@
|
|
|
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 declare enum BrandingColors {
|
|
9
|
-
lightGray = "#98A4AE",
|
|
10
|
-
gray = "#5B6770",
|
|
11
|
-
darkGray = "#333F48",
|
|
12
|
-
sky = "#71B2C9",
|
|
13
|
-
eatonBlue = "#005EB8",
|
|
14
|
-
navy = "#003865",
|
|
15
|
-
ash = "#A3B2A4",
|
|
16
|
-
teal = "#00B2A9",
|
|
17
|
-
pine = "#43695B",
|
|
18
|
-
sage = "#B7CE95",
|
|
19
|
-
citrus = "#B5BD00",
|
|
20
|
-
emerald = "#4C8D2B",
|
|
21
|
-
butter = "#F3DD6D",
|
|
22
|
-
goldenrod = "#FFC72C",
|
|
23
|
-
toad = "#AD841F",
|
|
24
|
-
trophy = "#F0B323",
|
|
25
|
-
sunset = "#ED8B00",
|
|
26
|
-
rust = "#B94700",
|
|
27
|
-
crimson = "#D22730",
|
|
28
|
-
wine = "#9D2235"
|
|
29
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
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
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.BrandingColors = void 0;
|
|
11
|
-
var BrandingColors;
|
|
12
|
-
(function (BrandingColors) {
|
|
13
|
-
BrandingColors["lightGray"] = "#98A4AE";
|
|
14
|
-
BrandingColors["gray"] = "#5B6770";
|
|
15
|
-
BrandingColors["darkGray"] = "#333F48";
|
|
16
|
-
BrandingColors["sky"] = "#71B2C9";
|
|
17
|
-
BrandingColors["eatonBlue"] = "#005EB8";
|
|
18
|
-
BrandingColors["navy"] = "#003865";
|
|
19
|
-
BrandingColors["ash"] = "#A3B2A4";
|
|
20
|
-
BrandingColors["teal"] = "#00B2A9";
|
|
21
|
-
BrandingColors["pine"] = "#43695B";
|
|
22
|
-
BrandingColors["sage"] = "#B7CE95";
|
|
23
|
-
BrandingColors["citrus"] = "#B5BD00";
|
|
24
|
-
BrandingColors["emerald"] = "#4C8D2B";
|
|
25
|
-
BrandingColors["butter"] = "#F3DD6D";
|
|
26
|
-
BrandingColors["goldenrod"] = "#FFC72C";
|
|
27
|
-
BrandingColors["toad"] = "#AD841F";
|
|
28
|
-
BrandingColors["trophy"] = "#F0B323";
|
|
29
|
-
BrandingColors["sunset"] = "#ED8B00";
|
|
30
|
-
BrandingColors["rust"] = "#B94700";
|
|
31
|
-
BrandingColors["crimson"] = "#D22730";
|
|
32
|
-
BrandingColors["wine"] = "#9D2235";
|
|
33
|
-
})(BrandingColors || (exports.BrandingColors = BrandingColors = {}));
|
|
@@ -1,9 +0,0 @@
|
|
|
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
|
-
export * as BLUIColors from './palette';
|
|
@@ -1,26 +0,0 @@
|
|
|
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");
|
|
@@ -1,16 +0,0 @@
|
|
|
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 { Error, Neutral, NeutralVariant, Orange, Primary, Purple, Success, Warning } from '../types/colorType';
|
|
9
|
-
export declare const primary: Primary;
|
|
10
|
-
export declare const neutral: Neutral;
|
|
11
|
-
export declare const neutralVariant: NeutralVariant;
|
|
12
|
-
export declare const error: Error;
|
|
13
|
-
export declare const warning: Warning;
|
|
14
|
-
export declare const success: Success;
|
|
15
|
-
export declare const orange: Orange;
|
|
16
|
-
export declare const purple: Purple;
|
package/dist/commonjs/index.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
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 { BrandingColors } from './palette';
|
|
9
|
-
export declare const chartColors: BrandingColors[];
|
|
@@ -1,22 +0,0 @@
|
|
|
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 Colors from './palette';
|
|
10
|
-
import { BrandingColors } from './palette';
|
|
11
|
-
export var chartColors = [
|
|
12
|
-
BrandingColors.teal,
|
|
13
|
-
BrandingColors.citrus,
|
|
14
|
-
BrandingColors.pine,
|
|
15
|
-
BrandingColors.emerald,
|
|
16
|
-
BrandingColors.wine,
|
|
17
|
-
BrandingColors.crimson,
|
|
18
|
-
BrandingColors.sunset,
|
|
19
|
-
BrandingColors.rust,
|
|
20
|
-
BrandingColors.navy,
|
|
21
|
-
BrandingColors.sky,
|
|
22
|
-
];
|
|
@@ -1,30 +0,0 @@
|
|
|
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 var BrandingColors;
|
|
9
|
-
(function (BrandingColors) {
|
|
10
|
-
BrandingColors["lightGray"] = "#98A4AE";
|
|
11
|
-
BrandingColors["gray"] = "#5B6770";
|
|
12
|
-
BrandingColors["darkGray"] = "#333F48";
|
|
13
|
-
BrandingColors["sky"] = "#71B2C9";
|
|
14
|
-
BrandingColors["eatonBlue"] = "#005EB8";
|
|
15
|
-
BrandingColors["navy"] = "#003865";
|
|
16
|
-
BrandingColors["ash"] = "#A3B2A4";
|
|
17
|
-
BrandingColors["teal"] = "#00B2A9";
|
|
18
|
-
BrandingColors["pine"] = "#43695B";
|
|
19
|
-
BrandingColors["sage"] = "#B7CE95";
|
|
20
|
-
BrandingColors["citrus"] = "#B5BD00";
|
|
21
|
-
BrandingColors["emerald"] = "#4C8D2B";
|
|
22
|
-
BrandingColors["butter"] = "#F3DD6D";
|
|
23
|
-
BrandingColors["goldenrod"] = "#FFC72C";
|
|
24
|
-
BrandingColors["toad"] = "#AD841F";
|
|
25
|
-
BrandingColors["trophy"] = "#F0B323";
|
|
26
|
-
BrandingColors["sunset"] = "#ED8B00";
|
|
27
|
-
BrandingColors["rust"] = "#B94700";
|
|
28
|
-
BrandingColors["crimson"] = "#D22730";
|
|
29
|
-
BrandingColors["wine"] = "#9D2235";
|
|
30
|
-
})(BrandingColors || (BrandingColors = {}));
|
|
@@ -1,9 +0,0 @@
|
|
|
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
|
-
export * as BLUIColors from './palette';
|
|
@@ -1,10 +0,0 @@
|
|
|
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 };
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
/* Primary Colors / User Interface Colors */
|
|
2
|
-
export var primary = {
|
|
3
|
-
0: '#000000',
|
|
4
|
-
10: '#001B3D',
|
|
5
|
-
20: '#003063',
|
|
6
|
-
30: '#00468C',
|
|
7
|
-
40: '#005EB8',
|
|
8
|
-
50: '#1C77CC',
|
|
9
|
-
60: '#4D9FEC',
|
|
10
|
-
70: '#79BFFF',
|
|
11
|
-
80: '#B1DAFF',
|
|
12
|
-
90: '#D0EAFD',
|
|
13
|
-
95: '#E5F5FF',
|
|
14
|
-
99: '#FDFBFF',
|
|
15
|
-
100: '#FFFFFF',
|
|
16
|
-
};
|
|
17
|
-
export var neutral = {
|
|
18
|
-
0: '#000000',
|
|
19
|
-
4: '#0D1317',
|
|
20
|
-
6: '#141C1F',
|
|
21
|
-
10: '#192024',
|
|
22
|
-
12: '#1E262A',
|
|
23
|
-
17: '#293338',
|
|
24
|
-
20: '#333F48',
|
|
25
|
-
30: '#414E54',
|
|
26
|
-
40: '#4F5B63',
|
|
27
|
-
50: '#5B6770',
|
|
28
|
-
60: '#737F87',
|
|
29
|
-
70: '#98A4AE',
|
|
30
|
-
80: '#BDCAD1',
|
|
31
|
-
87: '#CED8DE',
|
|
32
|
-
90: '#D7E0E5',
|
|
33
|
-
92: '#E0E7EB',
|
|
34
|
-
94: '#E5ECF0',
|
|
35
|
-
95: '#EBF1F4',
|
|
36
|
-
97: '#F2F6F8',
|
|
37
|
-
98: '#F4F8FA',
|
|
38
|
-
99: '#F8FCFC',
|
|
39
|
-
100: '#FFFFFF',
|
|
40
|
-
};
|
|
41
|
-
export var neutralVariant = {
|
|
42
|
-
0: '#000000',
|
|
43
|
-
10: '#181C22',
|
|
44
|
-
20: '#2D3038',
|
|
45
|
-
30: '#44474E',
|
|
46
|
-
40: '#5B5E66',
|
|
47
|
-
50: '#74777F',
|
|
48
|
-
60: '#8E9099',
|
|
49
|
-
70: '#A8ABB4',
|
|
50
|
-
80: '#C4C6CF',
|
|
51
|
-
90: '#E0E2EC',
|
|
52
|
-
95: '#EEF0FA',
|
|
53
|
-
99: '#FDFBFF',
|
|
54
|
-
100: '#FFFFFF',
|
|
55
|
-
};
|
|
56
|
-
/* Status Colors */
|
|
57
|
-
export var error = {
|
|
58
|
-
0: '#000000',
|
|
59
|
-
10: '#410002',
|
|
60
|
-
20: '#690005',
|
|
61
|
-
30: '#93000A',
|
|
62
|
-
40: '#BA1A1A',
|
|
63
|
-
50: '#DE3730',
|
|
64
|
-
60: '#FF5449',
|
|
65
|
-
70: '#FF897D',
|
|
66
|
-
80: '#FFB4AB',
|
|
67
|
-
90: '#FFDAD6',
|
|
68
|
-
95: '#FFEDEA',
|
|
69
|
-
99: '#FFFBFF',
|
|
70
|
-
100: '#FFFFFF',
|
|
71
|
-
};
|
|
72
|
-
export var warning = {
|
|
73
|
-
0: '#000000',
|
|
74
|
-
10: '#211B00',
|
|
75
|
-
20: '#383000',
|
|
76
|
-
30: '#524700',
|
|
77
|
-
40: '#6C5E00',
|
|
78
|
-
50: '#887700',
|
|
79
|
-
60: '#A59116',
|
|
80
|
-
70: '#C1AB33',
|
|
81
|
-
80: '#DDC437',
|
|
82
|
-
90: '#FBE365',
|
|
83
|
-
95: '#FFF1B6',
|
|
84
|
-
98: '#FFF9EC',
|
|
85
|
-
100: '#FFFFFF',
|
|
86
|
-
};
|
|
87
|
-
export var success = {
|
|
88
|
-
0: '#000000',
|
|
89
|
-
4: '#022100',
|
|
90
|
-
10: '#022100',
|
|
91
|
-
20: '#053900',
|
|
92
|
-
30: '#0B5300',
|
|
93
|
-
40: '#126E00',
|
|
94
|
-
50: '#198900',
|
|
95
|
-
60: '#27A70B',
|
|
96
|
-
70: '#48C32E',
|
|
97
|
-
80: '#65E049',
|
|
98
|
-
90: '#95F77D',
|
|
99
|
-
95: '#CBFFB6',
|
|
100
|
-
98: '#EDFFE1',
|
|
101
|
-
100: '#FFFFFF',
|
|
102
|
-
};
|
|
103
|
-
export var orange = {
|
|
104
|
-
0: '#000000',
|
|
105
|
-
10: '#2D1600',
|
|
106
|
-
20: '#4B2800',
|
|
107
|
-
30: '#6B3B00',
|
|
108
|
-
40: '#8D4F00',
|
|
109
|
-
50: '#B06400',
|
|
110
|
-
60: '#D37B15',
|
|
111
|
-
70: '#ED8B00',
|
|
112
|
-
80: '#FFB876',
|
|
113
|
-
90: '#FFDCC0',
|
|
114
|
-
95: '#FFEEE1',
|
|
115
|
-
98: '#FFF8F5',
|
|
116
|
-
100: '#FFFFFF',
|
|
117
|
-
};
|
|
118
|
-
export var purple = {
|
|
119
|
-
0: '#000000',
|
|
120
|
-
10: '#2C0051',
|
|
121
|
-
20: '#480081',
|
|
122
|
-
30: '#6700B5',
|
|
123
|
-
40: '#8424DB',
|
|
124
|
-
50: '#9F45F6',
|
|
125
|
-
60: '#B56EFF',
|
|
126
|
-
70: '#C994FF',
|
|
127
|
-
80: '#DCB8FF',
|
|
128
|
-
90: '#F0DBFF',
|
|
129
|
-
95: '#F9ECFF',
|
|
130
|
-
98: '#FFF7FF',
|
|
131
|
-
100: '#FFFFFF',
|
|
132
|
-
};
|
package/dist/es2015/index.d.ts
DELETED
package/dist/es2015/index.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
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 declare type BLUIColor = {
|
|
9
|
-
0: string;
|
|
10
|
-
10: string;
|
|
11
|
-
20: string;
|
|
12
|
-
30: string;
|
|
13
|
-
40: string;
|
|
14
|
-
50: string;
|
|
15
|
-
60: string;
|
|
16
|
-
70: string;
|
|
17
|
-
80: string;
|
|
18
|
-
90: string;
|
|
19
|
-
100: string;
|
|
20
|
-
};
|
|
21
|
-
export declare type Primary = BLUIColor & {
|
|
22
|
-
95: string;
|
|
23
|
-
99: string;
|
|
24
|
-
};
|
|
25
|
-
export declare type Neutral = BLUIColor & {
|
|
26
|
-
4: string;
|
|
27
|
-
6: string;
|
|
28
|
-
12: string;
|
|
29
|
-
17: string;
|
|
30
|
-
87: string;
|
|
31
|
-
92: string;
|
|
32
|
-
94: string;
|
|
33
|
-
95: string;
|
|
34
|
-
97: string;
|
|
35
|
-
98: string;
|
|
36
|
-
99: string;
|
|
37
|
-
};
|
|
38
|
-
export declare type NeutralVariant = BLUIColor & {
|
|
39
|
-
95: string;
|
|
40
|
-
99: string;
|
|
41
|
-
};
|
|
42
|
-
export declare type Error = BLUIColor & {
|
|
43
|
-
95: string;
|
|
44
|
-
99: string;
|
|
45
|
-
};
|
|
46
|
-
export declare type Warning = BLUIColor & {
|
|
47
|
-
95: string;
|
|
48
|
-
98: string;
|
|
49
|
-
};
|
|
50
|
-
export declare type Success = BLUIColor & {
|
|
51
|
-
4: string;
|
|
52
|
-
95: string;
|
|
53
|
-
98: string;
|
|
54
|
-
};
|
|
55
|
-
export declare type Orange = BLUIColor & {
|
|
56
|
-
95: string;
|
|
57
|
-
98: string;
|
|
58
|
-
};
|
|
59
|
-
export declare type Purple = BLUIColor & {
|
|
60
|
-
95: string;
|
|
61
|
-
98: string;
|
|
62
|
-
};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|