@brightlayer-ui/colors 3.1.1-beta.2 → 4.0.0-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # CHANGELOG
 
+## v4.0.0 (Unreleased)
+
+### Changed
+
+-   Move Branding colors under `@brightlayer-ui/colors` package.
+-   Update UI colors and Branding colors as per new Material You designs.
+-   Remove dependency of `@brightlayer-ui/types` and moved type in `@brightlayer-ui/colors` package.
+
+## v3.1.0 (April 15, 2022)
+
 ## v3.1.1 (June 20, 2022)
 
 ### Changed
@@ -14,7 +24,7 @@
 
 ### Changed
 
--   Changed build module from `commonjs` to `es2015` ([#47](https://github.com/brightlayer-ui/colors/issues/47)).
+-   Changed build module from `commonjs` to `es2015` ([#47](https://github.com/etn-ccis/blui-colors/issues/47)).
 
 ## Package Migration Notice
 

package/README.md

@@ -5,17 +5,13 @@ This package contains Brightlayer UI color definitions. These are intended for u
 It contains the following color defintions:
 
 ```
-blue / $blui-blue
-white / $blui-white
-gray / $blui-gray
-black / $blui-black
-darkBlack / $blui-darkBlack
-red / $blui-red
+primary / $blui-primary
+neutral / $blui-neutral
+neutralVariant / $blui-neutralVariant
+error / $blui-error
+warning / $blui-warning
+success / $blui-success
 orange / $blui-orange
-gold / $blui-gold
-yellow / $blui-yellow
-green / $blui-green
-lightBlue / $blui-lightBlue
 purple / $blui-purple
 ```
 

package/dist/commonjs/branding/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ Copyright (c) 2018-present, Eaton
+
+ All rights reserved.
+
+ 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.
+ **/
+import { BrandingColors } from './palette';
+export declare const chartColors: BrandingColors[];

package/dist/commonjs/branding/index.js

@@ -0,0 +1,25 @@
+"use strict";
+/**
+ Copyright (c) 2018-present, Eaton
+
+ All rights reserved.
+
+ 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.
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chartColors = void 0;
+// export * from './palette';
+// import * as Colors from './palette';
+var palette_1 = require("./palette");
+exports.chartColors = [
+    palette_1.BrandingColors.teal,
+    palette_1.BrandingColors.citrus,
+    palette_1.BrandingColors.pine,
+    palette_1.BrandingColors.emerald,
+    palette_1.BrandingColors.wine,
+    palette_1.BrandingColors.crimson,
+    palette_1.BrandingColors.sunset,
+    palette_1.BrandingColors.rust,
+    palette_1.BrandingColors.navy,
+    palette_1.BrandingColors.sky,
+];

package/dist/commonjs/branding/palette.d.ts

@@ -0,0 +1,29 @@
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+export declare enum BrandingColors {
+    lightGray = "#98A4AE",
+    gray = "#5B6770",
+    darkGray = "#333F48",
+    sky = "#71B2C9",
+    eatonBlue = "#005EB8",
+    navy = "#003865",
+    ash = "#A3B2A4",
+    teal = "#00B2A9",
+    pine = "#43695B",
+    sage = "#B7CE95",
+    citrus = "#B5BD00",
+    emerald = "#4C8D2B",
+    butter = "#F3DD6D",
+    goldenrod = "#FFC72C",
+    toad = "#AD841F",
+    trophy = "#F0B323",
+    sunset = "#ED8B00",
+    rust = "#B94700",
+    crimson = "#D22730",
+    wine = "#9D2235"
+}

package/dist/commonjs/branding/palette.js

@@ -0,0 +1,33 @@
+"use strict";
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandingColors = void 0;
+var BrandingColors;
+(function (BrandingColors) {
+    BrandingColors["lightGray"] = "#98A4AE";
+    BrandingColors["gray"] = "#5B6770";
+    BrandingColors["darkGray"] = "#333F48";
+    BrandingColors["sky"] = "#71B2C9";
+    BrandingColors["eatonBlue"] = "#005EB8";
+    BrandingColors["navy"] = "#003865";
+    BrandingColors["ash"] = "#A3B2A4";
+    BrandingColors["teal"] = "#00B2A9";
+    BrandingColors["pine"] = "#43695B";
+    BrandingColors["sage"] = "#B7CE95";
+    BrandingColors["citrus"] = "#B5BD00";
+    BrandingColors["emerald"] = "#4C8D2B";
+    BrandingColors["butter"] = "#F3DD6D";
+    BrandingColors["goldenrod"] = "#FFC72C";
+    BrandingColors["toad"] = "#AD841F";
+    BrandingColors["trophy"] = "#F0B323";
+    BrandingColors["sunset"] = "#ED8B00";
+    BrandingColors["rust"] = "#B94700";
+    BrandingColors["crimson"] = "#D22730";
+    BrandingColors["wine"] = "#9D2235";
+})(BrandingColors || (exports.BrandingColors = BrandingColors = {}));

package/dist/commonjs/colors/index.d.ts

@@ -0,0 +1,9 @@
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+export * from './palette';
+export * as BLUIColors from './palette';

package/dist/commonjs/colors/index.js

@@ -0,0 +1,26 @@
+"use strict";
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BLUIColors = void 0;
+__exportStar(require("./palette"), exports);
+exports.BLUIColors = require("./palette");

package/dist/commonjs/colors/palette.d.ts

@@ -0,0 +1,16 @@
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+import { Error, Neutral, NeutralVariant, Orange, Primary, Purple, Success, Warning } from '../types/colorType';
+export declare const primary: Primary;
+export declare const neutral: Neutral;
+export declare const neutralVariant: NeutralVariant;
+export declare const error: Error;
+export declare const warning: Warning;
+export declare const success: Success;
+export declare const orange: Orange;
+export declare const purple: Purple;

package/dist/commonjs/colors/palette.js

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.purple = exports.orange = exports.success = exports.warning = exports.error = exports.neutralVariant = exports.neutral = exports.primary = void 0;
+/* Primary Colors / User Interface Colors */
+exports.primary = {
+    0: '#000000',
+    10: '#001B3D',
+    20: '#003063',
+    30: '#00468C',
+    40: '#005EB8',
+    50: '#1C77CC',
+    60: '#4D9FEC',
+    70: '#79BFFF',
+    80: '#B1DAFF',
+    90: '#D0EAFD',
+    95: '#E5F5FF',
+    99: '#FDFBFF',
+    100: '#FFFFFF',
+};
+exports.neutral = {
+    0: '#000000',
+    4: '#0D1317',
+    6: '#141C1F',
+    10: '#192024',
+    12: '#1E262A',
+    17: '#293338',
+    20: '#333F48',
+    30: '#414E54',
+    40: '#4F5B63',
+    50: '#5B6770',
+    60: '#737F87',
+    70: '#98A4AE',
+    80: '#BDCAD1',
+    87: '#CED8DE',
+    90: '#D7E0E5',
+    92: '#E0E7EB',
+    94: '#E5ECF0',
+    95: '#EBF1F4',
+    97: '#F2F6F8',
+    98: '#F4F8FA',
+    99: '#F8FCFC',
+    100: '#FFFFFF',
+};
+exports.neutralVariant = {
+    0: '#000000',
+    10: '#181C22',
+    20: '#2D3038',
+    30: '#44474E',
+    40: '#5B5E66',
+    50: '#74777F',
+    60: '#8E9099',
+    70: '#A8ABB4',
+    80: '#C4C6CF',
+    90: '#E0E2EC',
+    95: '#EEF0FA',
+    99: '#FDFBFF',
+    100: '#FFFFFF',
+};
+/* Status Colors */
+exports.error = {
+    0: '#000000',
+    10: '#410002',
+    20: '#690005',
+    30: '#93000A',
+    40: '#BA1A1A',
+    50: '#DE3730',
+    60: '#FF5449',
+    70: '#FF897D',
+    80: '#FFB4AB',
+    90: '#FFDAD6',
+    95: '#FFEDEA',
+    99: '#FFFBFF',
+    100: '#FFFFFF',
+};
+exports.warning = {
+    0: '#000000',
+    10: '#211B00',
+    20: '#383000',
+    30: '#524700',
+    40: '#6C5E00',
+    50: '#887700',
+    60: '#A59116',
+    70: '#C1AB33',
+    80: '#DDC437',
+    90: '#FBE365',
+    95: '#FFF1B6',
+    98: '#FFF9EC',
+    100: '#FFFFFF',
+};
+exports.success = {
+    0: '#000000',
+    4: '#022100',
+    10: '#022100',
+    20: '#053900',
+    30: '#0B5300',
+    40: '#126E00',
+    50: '#198900',
+    60: '#27A70B',
+    70: '#48C32E',
+    80: '#65E049',
+    90: '#95F77D',
+    95: '#CBFFB6',
+    98: '#EDFFE1',
+    100: '#FFFFFF',
+};
+exports.orange = {
+    0: '#000000',
+    10: '#2D1600',
+    20: '#4B2800',
+    30: '#6B3B00',
+    40: '#8D4F00',
+    50: '#B06400',
+    60: '#D37B15',
+    70: '#ED8B00',
+    80: '#FFB876',
+    90: '#FFDCC0',
+    95: '#FFEEE1',
+    98: '#FFF8F5',
+    100: '#FFFFFF',
+};
+exports.purple = {
+    0: '#000000',
+    10: '#2C0051',
+    20: '#480081',
+    30: '#6700B5',
+    40: '#8424DB',
+    50: '#9F45F6',
+    60: '#B56EFF',
+    70: '#C994FF',
+    80: '#DCB8FF',
+    90: '#F0DBFF',
+    95: '#F9ECFF',
+    98: '#FFF7FF',
+    100: '#FFFFFF',
+};

package/dist/commonjs/index.d.ts

@@ -1,9 +1,4 @@
-/**
-Copyright (c) 2018-present, Eaton
- 
-All rights reserved.
- 
-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.
-**/
-export * from './palette';
-export * as BLUIColors from './palette';
+export * from './colors/palette';
+export * as BLUIColors from './colors/palette';
+export * from './branding/palette';
+export * as Colors from './branding/palette';

package/dist/commonjs/index.js

@@ -1,11 +1,4 @@
 "use strict";
-/**
-Copyright (c) 2018-present, Eaton
- 
-All rights reserved.
- 
-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.
-**/
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -21,6 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BLUIColors = void 0;
-__exportStar(require("./palette"), exports);
-exports.BLUIColors = require("./palette");
+exports.Colors = exports.BLUIColors = void 0;
+__exportStar(require("./colors/palette"), exports);
+exports.BLUIColors = require("./colors/palette");
+__exportStar(require("./branding/palette"), exports);
+exports.Colors = require("./branding/palette");

package/dist/commonjs/types/colorType.d.ts

@@ -0,0 +1,62 @@
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+export declare type BLUIColor = {
+    0: string;
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+    100: string;
+};
+export declare type Primary = BLUIColor & {
+    95: string;
+    99: string;
+};
+export declare type Neutral = BLUIColor & {
+    4: string;
+    6: string;
+    12: string;
+    17: string;
+    87: string;
+    92: string;
+    94: string;
+    95: string;
+    97: string;
+    98: string;
+    99: string;
+};
+export declare type NeutralVariant = BLUIColor & {
+    95: string;
+    99: string;
+};
+export declare type Error = BLUIColor & {
+    95: string;
+    99: string;
+};
+export declare type Warning = BLUIColor & {
+    95: string;
+    98: string;
+};
+export declare type Success = BLUIColor & {
+    4: string;
+    95: string;
+    98: string;
+};
+export declare type Orange = BLUIColor & {
+    95: string;
+    98: string;
+};
+export declare type Purple = BLUIColor & {
+    95: string;
+    98: string;
+};

package/dist/commonjs/types/colorType.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/commonjs/types/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ Copyright (c) 2021-present, Eaton
+ All rights reserved.
+ 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.
+ **/
+export * from './colorType';

package/dist/commonjs/types/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ Copyright (c) 2021-present, Eaton
+ All rights reserved.
+ 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.
+ **/
+__exportStar(require("./colorType"), exports);

package/dist/es2015/branding/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ Copyright (c) 2018-present, Eaton
+
+ All rights reserved.
+
+ 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.
+ **/
+import { BrandingColors } from './palette';
+export declare const chartColors: BrandingColors[];

package/dist/es2015/branding/index.js

@@ -0,0 +1,22 @@
+/**
+ Copyright (c) 2018-present, Eaton
+
+ All rights reserved.
+
+ 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.
+ **/
+// export * from './palette';
+// import * as Colors from './palette';
+import { BrandingColors } from './palette';
+export var chartColors = [
+    BrandingColors.teal,
+    BrandingColors.citrus,
+    BrandingColors.pine,
+    BrandingColors.emerald,
+    BrandingColors.wine,
+    BrandingColors.crimson,
+    BrandingColors.sunset,
+    BrandingColors.rust,
+    BrandingColors.navy,
+    BrandingColors.sky,
+];

package/dist/es2015/branding/palette.d.ts

@@ -0,0 +1,29 @@
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+export declare enum BrandingColors {
+    lightGray = "#98A4AE",
+    gray = "#5B6770",
+    darkGray = "#333F48",
+    sky = "#71B2C9",
+    eatonBlue = "#005EB8",
+    navy = "#003865",
+    ash = "#A3B2A4",
+    teal = "#00B2A9",
+    pine = "#43695B",
+    sage = "#B7CE95",
+    citrus = "#B5BD00",
+    emerald = "#4C8D2B",
+    butter = "#F3DD6D",
+    goldenrod = "#FFC72C",
+    toad = "#AD841F",
+    trophy = "#F0B323",
+    sunset = "#ED8B00",
+    rust = "#B94700",
+    crimson = "#D22730",
+    wine = "#9D2235"
+}

package/dist/es2015/branding/palette.js

@@ -0,0 +1,30 @@
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+export var BrandingColors;
+(function (BrandingColors) {
+    BrandingColors["lightGray"] = "#98A4AE";
+    BrandingColors["gray"] = "#5B6770";
+    BrandingColors["darkGray"] = "#333F48";
+    BrandingColors["sky"] = "#71B2C9";
+    BrandingColors["eatonBlue"] = "#005EB8";
+    BrandingColors["navy"] = "#003865";
+    BrandingColors["ash"] = "#A3B2A4";
+    BrandingColors["teal"] = "#00B2A9";
+    BrandingColors["pine"] = "#43695B";
+    BrandingColors["sage"] = "#B7CE95";
+    BrandingColors["citrus"] = "#B5BD00";
+    BrandingColors["emerald"] = "#4C8D2B";
+    BrandingColors["butter"] = "#F3DD6D";
+    BrandingColors["goldenrod"] = "#FFC72C";
+    BrandingColors["toad"] = "#AD841F";
+    BrandingColors["trophy"] = "#F0B323";
+    BrandingColors["sunset"] = "#ED8B00";
+    BrandingColors["rust"] = "#B94700";
+    BrandingColors["crimson"] = "#D22730";
+    BrandingColors["wine"] = "#9D2235";
+})(BrandingColors || (BrandingColors = {}));

package/dist/es2015/colors/index.d.ts

@@ -0,0 +1,9 @@
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+export * from './palette';
+export * as BLUIColors from './palette';

package/dist/es2015/colors/index.js

@@ -0,0 +1,10 @@
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+export * from './palette';
+import * as BLUIColors_1 from './palette';
+export { BLUIColors_1 as BLUIColors };

package/dist/es2015/colors/palette.d.ts

@@ -0,0 +1,16 @@
+/**
+Copyright (c) 2018-present, Eaton
+ 
+All rights reserved.
+ 
+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.
+**/
+import { Error, Neutral, NeutralVariant, Orange, Primary, Purple, Success, Warning } from '../types/colorType';
+export declare const primary: Primary;
+export declare const neutral: Neutral;
+export declare const neutralVariant: NeutralVariant;
+export declare const error: Error;
+export declare const warning: Warning;
+export declare const success: Success;
+export declare const orange: Orange;
+export declare const purple: Purple;