@brightlayer-ui/colors 3.1.0-beta.1 → 3.1.1-beta.0

package/CHANGELOG.md

@@ -1,54 +1,60 @@
-# CHANGELOG
-
-## v3.1.0 (Not published yet)
-
-### Added
-
--   Added top level export `BLUIColors`.
-    
-### Changed
-
--   Changed build module from `commonjs` to `es2020` ([#47](https://github.com/brightlayer-ui/colors/issues/47)).
-
-## Package Migration Notice
-
-Previous versions listed after this indicator refer to our deprecated `@pxblue` packages.
-
----
-
-## v3.0.1 (October 20, 2021)
-
-### Changed
-
--   Changed package namespace from `@pxblue` to `@brightlayer-ui`.
-
-## Package Migration Notice
-
-Previous versions listed after this indicator refer to our deprecated `@pxblue` packages.
-
----
-
-## v3.0.1 (May 14, 2021)
-
-### Changed
-
--   Changed `white[100]` from `#fdfdfd` to `#fbfbfb`.
-
-## v3.0.0 (May 18, 2020)
-
-### Added
-
--   Added new color definition for darkBlack color palette for dark themes.
-
-### Changed
-
-** Breaking change: **
-
--   Replaced oledBlack palette with darkBlack.
--   Accent colors have been removed.
-
-## v2.0.0 (December 19, 2019)
-
-### Changed
-
--   Converted package to Typescript to include type definitions. The package will still be usable in regular JS applications as well.
+# CHANGELOG
+
+## v3.1.1 (Not yet published)
+
+### Changed
+
+- Reverted change from version `3.1.0` & default added a `es2015` build option.
+
+## v3.1.0 (April 15, 2022)
+
+### Added
+
+-   Added top level export `BLUIColors`.
+    
+### Changed
+
+-   Changed build module from `commonjs` to `es2015` ([#47](https://github.com/brightlayer-ui/colors/issues/47)).
+
+## Package Migration Notice
+
+Previous versions listed after this indicator refer to our deprecated `@pxblue` packages.
+
+---
+
+## v3.0.1 (October 20, 2021)
+
+### Changed
+
+-   Changed package namespace from `@pxblue` to `@brightlayer-ui`.
+
+## Package Migration Notice
+
+Previous versions listed after this indicator refer to our deprecated `@pxblue` packages.
+
+---
+
+## v3.0.1 (May 14, 2021)
+
+### Changed
+
+-   Changed `white[100]` from `#fdfdfd` to `#fbfbfb`.
+
+## v3.0.0 (May 18, 2020)
+
+### Added
+
+-   Added new color definition for darkBlack color palette for dark themes.
+
+### Changed
+
+** Breaking change: **
+
+-   Replaced oledBlack palette with darkBlack.
+-   Accent colors have been removed.
+
+## v2.0.0 (December 19, 2019)
+
+### Changed
+
+-   Converted package to Typescript to include type definitions. The package will still be usable in regular JS applications as well.

package/LICENSE

@@ -1,29 +1,29 @@
-BSD 3-Clause License
-
-Copyright (c) 2018 - present, Eaton
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice, this
-  list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice,
-  this list of conditions and the following disclaimer in the documentation
-  and/or other materials provided with the distribution.
-
-* Neither the name of the copyright holder nor the names of its
-  contributors may be used to endorse or promote products derived from
-  this software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+BSD 3-Clause License
+
+Copyright (c) 2018 - present, Eaton
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+* Neither the name of the copyright holder nor the names of its
+  contributors may be used to endorse or promote products derived from
+  this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/LICENSES.json

@@ -1,8 +1,8 @@
-{
-    "@brightlayer-ui/types@2.0.0": {
-        "licenses": "BSD-3-Clause",
-        "repository": "https://github.com/brightlayer-ui/types",
-        "licenseUrl": "https://github.com/brightlayer-ui/types/raw/master/LICENSE",
-        "parents": "@brightlayer-ui/colors"
-    }
-}
+{
+    "@brightlayer-ui/types@2.0.0": {
+        "licenses": "BSD-3-Clause",
+        "repository": "https://github.com/brightlayer-ui/types",
+        "licenseUrl": "https://github.com/brightlayer-ui/types/raw/master/LICENSE",
+        "parents": "@brightlayer-ui/colors"
+    }
+}

package/README.md

@@ -1,57 +1,57 @@
-# Brightlayer UI Colors
-
-This package contains Brightlayer UI color definitions. These are intended for use as primary UI colors.
-
-It contains the following color defintions:
-
-```
-blue / $blui-blue
-white / $blui-white
-gray / $blui-gray
-black / $blui-black
-darkBlack / $blui-darkBlack
-red / $blui-red
-orange / $blui-orange
-gold / $blui-gold
-yellow / $blui-yellow
-green / $blui-green
-lightBlue / $blui-lightBlue
-purple / $blui-purple
-```
-
-These all have color definitions for the following values: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
-
-## Installation
-
-Install with npm
-
-```
-npm install --save @brightlayer-ui/colors
-```
-
-or yarn
-
-```
-yarn add @brightlayer-ui/colors
-```
-
-## Usage
-
-Incorporating these colors into your project is handled differently depending on the framework that you are using.
-
-### Angular or Ionic
-
-```
-// in styles.scss or your top-level sass file
-@import '~@brightlayer-ui/colors/palette.scss'
-...
-background-color: map-get($blui-blue, 500)
-```
-
-### React or React Native
-
-```
-import * as Colors from '@brightlayer-ui/colors';
-...
-<div style={{background: Colors.blue['500']}}/>
-```
+# Brightlayer UI Colors
+
+This package contains Brightlayer UI color definitions. These are intended for use as primary UI colors.
+
+It contains the following color defintions:
+
+```
+blue / $blui-blue
+white / $blui-white
+gray / $blui-gray
+black / $blui-black
+darkBlack / $blui-darkBlack
+red / $blui-red
+orange / $blui-orange
+gold / $blui-gold
+yellow / $blui-yellow
+green / $blui-green
+lightBlue / $blui-lightBlue
+purple / $blui-purple
+```
+
+These all have color definitions for the following values: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
+
+## Installation
+
+Install with npm
+
+```
+npm install --save @brightlayer-ui/colors
+```
+
+or yarn
+
+```
+yarn add @brightlayer-ui/colors
+```
+
+## Usage
+
+Incorporating these colors into your project is handled differently depending on the framework that you are using.
+
+### Angular or Ionic
+
+```
+// in styles.scss or your top-level sass file
+@import '~@brightlayer-ui/colors/palette.scss'
+...
+background-color: map-get($blui-blue, 500)
+```
+
+### React or React Native
+
+```
+import * as Colors from '@brightlayer-ui/colors';
+...
+<div style={{background: Colors.blue['500']}}/>
+```

package/dist/{index.d.ts → commonjs/index.d.ts}

@@ -1,9 +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';
+/**
+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/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/{palette.d.ts → commonjs/palette.d.ts}

@@ -1,21 +1,21 @@
-/**
-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 { BLUIColor } from '@brightlayer-ui/types';
-export declare const blue: BLUIColor;
-export declare const white: BLUIColor;
-export declare const gray: BLUIColor;
-export declare const black: BLUIColor;
-export declare const darkBlack: BLUIColor;
-export declare const vantaBlack: BLUIColor;
-export declare const red: BLUIColor;
-export declare const orange: BLUIColor;
-export declare const gold: BLUIColor;
-export declare const yellow: BLUIColor;
-export declare const green: BLUIColor;
-export declare const lightBlue: BLUIColor;
-export declare const purple: BLUIColor;
+/**
+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 { BLUIColor } from '@brightlayer-ui/types';
+export declare const blue: BLUIColor;
+export declare const white: BLUIColor;
+export declare const gray: BLUIColor;
+export declare const black: BLUIColor;
+export declare const darkBlack: BLUIColor;
+export declare const vantaBlack: BLUIColor;
+export declare const red: BLUIColor;
+export declare const orange: BLUIColor;
+export declare const gold: BLUIColor;
+export declare const yellow: BLUIColor;
+export declare const green: BLUIColor;
+export declare const lightBlue: BLUIColor;
+export declare const purple: BLUIColor;

package/dist/commonjs/palette.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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;
+/* Primary Colors / User Interface Colors */
+exports.blue = {
+    50: '#e0eff8',
+    100: '#b3d7ec',
+    200: '#80bde0',
+    300: '#4da3d4',
+    400: '#268fca',
+    500: '#007bc1',
+    600: '#0073bb',
+    700: '#0068b3',
+    800: '#005eab',
+    900: '#004b9e',
+    contrastDefaultColor: 'light',
+};
+exports.white = {
+    50: '#ffffff',
+    100: '#fbfbfb',
+    200: '#f7f8f8',
+    300: '#f3f5f5',
+    400: '#f1f2f2',
+    500: '#eef0f0',
+    600: '#eceeee',
+    700: '#e9ecec',
+    800: '#e7e9e9',
+    900: '#e2e5e5',
+    contrastDefaultColor: 'dark',
+};
+exports.gray = {
+    50: '#eef0f0',
+    100: '#d5d8da',
+    200: '#b9bfc2',
+    300: '#9ca5a9',
+    400: '#879196',
+    500: '#727e84',
+    600: '#6a767c',
+    700: '#5f6b71',
+    800: '#556167',
+    900: '#424e54',
+    contrastDefaultColor: 'light',
+};
+exports.black = {
+    50: '#e8eaea',
+    100: '#c6cacc',
+    200: '#a1a7aa',
+    300: '#7b8387',
+    400: '#5e696e',
+    500: '#424e54',
+    600: '#3c474d',
+    700: '#333d43',
+    800: '#2b353a',
+    900: '#1d2529',
+    contrastDefaultColor: 'light',
+};
+exports.darkBlack = {
+    50: '#202224',
+    100: '#182022',
+    200: '#182022',
+    300: '#13181b',
+    400: '#101417',
+    500: '#0b0e10',
+    600: '#0b0e10',
+    700: '#08090a',
+    800: '#08090a',
+    900: '#000000',
+    contrastDefaultColor: 'light',
+};
+// alias
+exports.vantaBlack = exports.darkBlack;
+/* Status Colors */
+exports.red = {
+    50: '#f9e8e8',
+    100: '#efc5c5',
+    200: '#e59e9e',
+    300: '#da7777',
+    400: '#d2595a',
+    500: '#ca3c3d',
+    600: '#c53637',
+    700: '#bd2e2f',
+    800: '#b72727',
+    900: '#ab1a1a',
+    contrastDefaultColor: 'light',
+};
+exports.orange = {
+    50: '#feefe4',
+    100: '#fcd6bc',
+    200: '#fabb90',
+    300: '#f7a064',
+    400: '#f68b42',
+    500: '#f47721',
+    600: '#f36f1d',
+    700: '#f16418',
+    800: '#ef5a14',
+    900: '#ec470b',
+    contrastDefaultColor: 'light',
+};
+exports.gold = {
+    50: '#fdf5e4',
+    100: '#fbe6bc',
+    200: '#f8d58f',
+    300: '#f5c462',
+    400: '#f2b741',
+    500: '#f0aa1f',
+    600: '#eea31b',
+    700: '#ec9917',
+    800: '#e99012',
+    900: '#e57f0a',
+    contrastDefaultColor: 'dark',
+};
+exports.yellow = {
+    50: '#fdf9e6',
+    100: '#fbefc1',
+    200: '#f8e597',
+    300: '#f5db6d',
+    400: '#f2d34e',
+    500: '#f0cb2f',
+    600: '#eec62a',
+    700: '#ecbe23',
+    800: '#e9b81d',
+    900: '#e5ac12',
+    contrastDefaultColor: 'dark',
+};
+exports.green = {
+    50: '#e7f6e4',
+    100: '#c4e9bc',
+    200: '#9cdb90',
+    300: '#74cc63',
+    400: '#57c141',
+    500: '#39b620',
+    600: '#33af1c',
+    700: '#2ca618',
+    800: '#249e13',
+    900: '#178e0b',
+    contrastDefaultColor: 'light',
+};
+exports.lightBlue = {
+    50: '#e0f1fd',
+    100: '#b3dbfb',
+    200: '#80c4f9',
+    300: '#4dacf6',
+    400: '#269af4',
+    500: '#0088f2',
+    600: '#0080f0',
+    700: '#0075ee',
+    800: '#006bec',
+    900: '#0058e8',
+    contrastDefaultColor: 'dark',
+};
+exports.purple = {
+    50: '#f3e8fd',
+    100: '#e0c5fa',
+    200: '#cc9ff7',
+    300: '#b779f4',
+    400: '#a75cf1',
+    500: '#983fef',
+    600: '#9039ed',
+    700: '#8531eb',
+    800: '#7b29e8',
+    900: '#6a1be4',
+    contrastDefaultColor: 'light',
+};

package/dist/es2015/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/{index.js → es2015/index.js}

@@ -1,10 +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 };
+/**
+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/palette.d.ts

@@ -0,0 +1,21 @@
+/**
+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 { BLUIColor } from '@brightlayer-ui/types';
+export declare const blue: BLUIColor;
+export declare const white: BLUIColor;
+export declare const gray: BLUIColor;
+export declare const black: BLUIColor;
+export declare const darkBlack: BLUIColor;
+export declare const vantaBlack: BLUIColor;
+export declare const red: BLUIColor;
+export declare const orange: BLUIColor;
+export declare const gold: BLUIColor;
+export declare const yellow: BLUIColor;
+export declare const green: BLUIColor;
+export declare const lightBlue: BLUIColor;
+export declare const purple: BLUIColor;