@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.
Files changed (36) hide show
  1. package/CHANGELOG.md +2 -4
  2. package/README.md +45 -9
  3. package/{dist/es2015/branding/palette.d.ts → branding/branding-palette.d.ts} +4 -1
  4. package/branding/branding-palette.js +46 -0
  5. package/branding/index.d.ts +1 -0
  6. package/{dist/commonjs → branding}/index.js +1 -5
  7. package/branding-palette.scss +28 -0
  8. package/dist/index.d.ts +1 -0
  9. package/dist/{commonjs/types/index.js → index.js} +1 -6
  10. package/dist/{es2015/colors/palette.d.ts → palette.d.ts} +1 -1
  11. package/package.json +21 -15
  12. package/LICENSES.json +0 -8
  13. package/dist/commonjs/branding/index.d.ts +0 -9
  14. package/dist/commonjs/branding/index.js +0 -25
  15. package/dist/commonjs/branding/palette.d.ts +0 -29
  16. package/dist/commonjs/branding/palette.js +0 -33
  17. package/dist/commonjs/colors/index.d.ts +0 -9
  18. package/dist/commonjs/colors/index.js +0 -26
  19. package/dist/commonjs/colors/palette.d.ts +0 -16
  20. package/dist/commonjs/index.d.ts +0 -4
  21. package/dist/commonjs/types/index.d.ts +0 -6
  22. package/dist/es2015/branding/index.d.ts +0 -9
  23. package/dist/es2015/branding/index.js +0 -22
  24. package/dist/es2015/branding/palette.js +0 -30
  25. package/dist/es2015/colors/index.d.ts +0 -9
  26. package/dist/es2015/colors/index.js +0 -10
  27. package/dist/es2015/colors/palette.js +0 -132
  28. package/dist/es2015/index.d.ts +0 -4
  29. package/dist/es2015/index.js +0 -6
  30. package/dist/es2015/types/colorType.d.ts +0 -62
  31. package/dist/es2015/types/colorType.js +0 -8
  32. package/dist/es2015/types/index.d.ts +0 -6
  33. package/dist/es2015/types/index.js +0 -6
  34. /package/dist/{commonjs/types/colorType.d.ts → colorType.d.ts} +0 -0
  35. /package/dist/{commonjs/types/colorType.js → colorType.js} +0 -0
  36. /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 You designs.
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 package contains Brightlayer UI color definitions. These are intended for use as primary UI colors.
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
- These all have color definitions for the following values: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
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
- ### Angular or Ionic
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: map-get($blui-blue, 500)
76
+ background-color: $brand-lightGray;
45
77
  ```
46
78
 
47
- ### React or React Native
79
+ ### JSON Object
48
80
 
49
81
  ```
50
- import * as Colors from '@brightlayer-ui/colors';
82
+ import Colors, {primary} from '@brightlayer-ui/colors';
83
+ import BrandingColors, {lightGray} from '@brightlayer-ui/colors/branding';
51
84
  ...
52
- <div style={{background: Colors.blue['500']}}/>
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
- export declare enum BrandingColors {
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
- exports.Colors = exports.BLUIColors = void 0;
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;
@@ -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 '../types/colorType';
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.0",
3
+ "version": "4.0.0-alpha.2",
4
4
  "description": "Brightlayer UI colors for Eaton applications",
5
- "main": "./dist/commonjs/index.js",
6
- "types": "./dist/commonjs/index.d.ts",
5
+ "main": "./dist/index.js",
6
+ "types": "./dist/index.d.ts",
7
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",
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-UI",
19
- "colors",
22
+ "Brightlayer UI",
23
+ "Branding",
24
+ "Colors",
20
25
  "Eaton",
21
- "quality",
22
- "lighting"
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
- "dependencies": {
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,8 +0,0 @@
1
- {
2
- "@brightlayer-ui/types@2.0.0": {
3
- "licenses": "BSD-3-Clause",
4
- "repository": "https://github.com/brightlayer-ui/types",
5
- "licenseUrl": "https://github.com/brightlayer-ui/types/raw/master/LICENSE",
6
- "parents": "@brightlayer-ui/colors"
7
- }
8
- }
@@ -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;
@@ -1,4 +0,0 @@
1
- export * from './colors/palette';
2
- export * as BLUIColors from './colors/palette';
3
- export * from './branding/palette';
4
- export * as Colors from './branding/palette';
@@ -1,6 +0,0 @@
1
- /**
2
- Copyright (c) 2021-present, Eaton
3
- All rights reserved.
4
- 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.
5
- **/
6
- export * from './colorType';
@@ -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
- };
@@ -1,4 +0,0 @@
1
- export * from './colors/palette';
2
- export * as BLUIColors from './colors/palette';
3
- export * from './branding/palette';
4
- export * as Colors from './branding/palette';
@@ -1,6 +0,0 @@
1
- export * from './colors/palette';
2
- import * as BLUIColors_1 from './colors/palette';
3
- export { BLUIColors_1 as BLUIColors };
4
- export * from './branding/palette';
5
- import * as Colors_1 from './branding/palette';
6
- export { Colors_1 as Colors };
@@ -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
- };
@@ -1,8 +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 {};
@@ -1,6 +0,0 @@
1
- /**
2
- Copyright (c) 2021-present, Eaton
3
- All rights reserved.
4
- 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.
5
- **/
6
- export * from './colorType';
@@ -1,6 +0,0 @@
1
- /**
2
- Copyright (c) 2021-present, Eaton
3
- All rights reserved.
4
- 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.
5
- **/
6
- export * from './colorType';
File without changes